{"id":29,"date":"2025-12-06T22:55:01","date_gmt":"2025-12-06T22:55:01","guid":{"rendered":"https:\/\/suretysolutionsgroup.com.au\/?page_id=29"},"modified":"2026-05-18T04:13:23","modified_gmt":"2026-05-18T04:13:23","slug":"home","status":"publish","type":"page","link":"https:\/\/suretysolutionsgroup.com.au\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* =============================================\n   SSG DESIGN SYSTEM\n   Main: #12344e | Accent: #c4a46a\n   ============================================= *\/\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n    --navy: #12344e;\n    --navy-dark: #0b2238;\n    --navy-mid: #1a4566;\n    --navy-light: #234e72;\n    --gold: #c4a46a;\n    --gold-light: #d9bc8a;\n    --gold-dark: #a8884e;\n    --white: #ffffff;\n    --off-white: #f5f2ed;\n    --slate: #94a3b8;\n    --body-text: #4a5568;\n}\n\n.ssg-wrap {\n    background: var(--off-white);\n    color: var(--navy);\n    font-family: 'Barlow', sans-serif;\n    overflow-x: hidden;\n}\n\n.ssg-container {\n    max-width: 1200px;\n    width: 90%;\n    margin: 0 auto;\n}\n\n\/* =============================================\n   NAV\n   ============================================= *\/\n.ssg-nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 1000;\n    padding: 20px 0;\n    transition: all 0.4s ease;\n    background: transparent;\n}\n\n.ssg-nav.scrolled {\n    background: rgba(18, 52, 78, 0.97);\n    padding: 14px 0;\n    box-shadow: 0 4px 30px rgba(0,0,0,0.2);\n}\n\n.ssg-nav-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.ssg-logo {\n    font-family: 'Playfair Display', serif;\n    font-weight: 900;\n    font-size: 22px;\n    color: var(--white);\n    text-decoration: none;\n    letter-spacing: -0.5px;\n}\n\n.ssg-logo span { color: var(--gold); }\n\n.ssg-nav-cta {\n    background: var(--gold);\n    color: var(--navy-dark);\n    padding: 10px 28px;\n    border-radius: 2px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.ssg-nav-cta:hover {\n    background: var(--gold-light);\n    transform: translateY(-1px);\n}\n\n\/* =============================================\n   HERO\n   ============================================= *\/\n.ssg-hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    background: var(--navy-dark);\n}\n\n.ssg-hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2025\/11\/financial-buildings-pointing-towards-the-sky-on-a-2025-10-13-04-41-52-utc.jpg');\n    background-size: cover;\n    background-position: center;\n    opacity: 0.15;\n}\n\n.ssg-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(11, 34, 56, 0.95) 0%, rgba(18, 52, 78, 0.85) 60%, rgba(26, 69, 102, 0.7) 100%);\n}\n\n.ssg-hero-content {\n    position: relative;\n    z-index: 2;\n    padding: 140px 0 100px;\n}\n\n.ssg-hero-eyebrow {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 30px;\n}\n\n.ssg-hero-eyebrow::before {\n    content: '';\n    display: block;\n    width: 40px;\n    height: 1px;\n    background: var(--gold);\n}\n\n.ssg-hero h1 {\n    font-family: 'Playfair Display', serif;\n    font-weight: 900;\n    font-size: clamp(48px, 6vw, 84px);\n    color: var(--white);\n    line-height: 1.05;\n    letter-spacing: -2px;\n    margin-bottom: 30px;\n}\n\n.ssg-hero h1 em {\n    color: var(--gold);\n    font-style: italic;\n}\n\n.ssg-hero-sub {\n    font-size: 19px;\n    color: rgba(255,255,255,0.7);\n    line-height: 1.7;\n    max-width: 600px;\n    margin-bottom: 50px;\n    font-weight: 300;\n}\n\n.ssg-hero-actions {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n}\n\n.ssg-btn-primary {\n    background: var(--gold);\n    color: var(--navy-dark);\n    padding: 18px 44px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-decoration: none;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n    display: inline-block;\n    border: none;\n    cursor: pointer;\n}\n\n.ssg-btn-primary:hover {\n    background: var(--gold-light);\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(196, 164, 106, 0.4);\n    color: var(--navy-dark);\n}\n\n.ssg-btn-outline {\n    color: var(--white);\n    padding: 17px 40px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-decoration: none;\n    border-radius: 2px;\n    border: 1px solid rgba(255,255,255,0.3);\n    transition: all 0.3s ease;\n    display: inline-block;\n}\n\n.ssg-btn-outline:hover {\n    border-color: var(--gold);\n    color: var(--gold);\n}\n\n.ssg-hero-scroll {\n    position: absolute;\n    bottom: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    z-index: 2;\n}\n\n.ssg-hero-scroll span {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.4);\n}\n\n.ssg-scroll-line {\n    width: 1px;\n    height: 50px;\n    background: linear-gradient(to bottom, var(--gold), transparent);\n    animation: scrollPulse 2s ease-in-out infinite;\n}\n\n@keyframes scrollPulse {\n    0%, 100% { opacity: 0.3; }\n    50% { opacity: 1; }\n}\n\n\/* =============================================\n   ECOSYSTEM \/ BRANDS\n   ============================================= *\/\n.ssg-ecosystem {\n    padding: 120px 0;\n    background: var(--white);\n}\n\n.ssg-section-label {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.ssg-section-label::before {\n    content: '';\n    display: block;\n    width: 30px;\n    height: 1px;\n    background: var(--gold);\n}\n\n.ssg-section-title {\n    font-family: 'Playfair Display', serif;\n    font-weight: 900;\n    font-size: clamp(36px, 4vw, 52px);\n    color: var(--navy);\n    line-height: 1.1;\n    letter-spacing: -1px;\n    margin-bottom: 20px;\n}\n\n.ssg-section-desc {\n    font-size: 17px;\n    color: var(--body-text);\n    line-height: 1.8;\n    max-width: 650px;\n    font-weight: 300;\n}\n\n.ssg-eco-header {\n    margin-bottom: 70px;\n}\n\n.ssg-brand-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2px;\n    background: rgba(18, 52, 78, 0.08);\n}\n\n.ssg-brand-card {\n    background: var(--white);\n    padding: 50px 40px;\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.ssg-brand-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: var(--gold);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n    transform-origin: left;\n}\n\n.ssg-brand-card:hover::before { transform: scaleX(1); }\n\n.ssg-brand-card:hover {\n    background: var(--navy);\n    transform: translateY(-4px);\n    box-shadow: 0 20px 50px rgba(18, 52, 78, 0.25);\n}\n\n.ssg-brand-card:hover .ssg-brand-name,\n.ssg-brand-card:hover .ssg-brand-desc { color: var(--white); }\n\n.ssg-brand-card:hover .ssg-brand-tag { color: var(--gold); }\n.ssg-brand-card:hover .ssg-brand-wifm { color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.1); }\n\n.ssg-brand-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 3px;\n    margin-bottom: 30px;\n    display: block;\n}\n\n.ssg-brand-name {\n    font-family: 'Playfair Display', serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--navy);\n    margin-bottom: 8px;\n    transition: color 0.3s;\n}\n\n.ssg-brand-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--gold-dark);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 20px;\n    display: block;\n    transition: color 0.3s;\n}\n\n.ssg-brand-desc {\n    font-size: 15px;\n    color: var(--body-text);\n    line-height: 1.7;\n    margin-bottom: 25px;\n    font-weight: 300;\n    transition: color 0.3s;\n}\n\n.ssg-brand-wifm {\n    font-size: 13px;\n    color: var(--navy-light);\n    line-height: 1.6;\n    padding-top: 20px;\n    border-top: 1px solid rgba(18, 52, 78, 0.1);\n    font-style: italic;\n    transition: all 0.3s;\n}\n\n\/* =============================================\n   WHAT WE DO \/ APPROACH \/ MISSION\n   ============================================= *\/\n.ssg-pillars {\n    padding: 120px 0;\n    background: var(--navy);\n    position: relative;\n    overflow: hidden;\n    background-image: url('https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2026\/05\/dramatic-view-over-millau-bridge-in-france-2026-01-08-22-47-45-utc-scaled.jpg');\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed;\n}\n\n.ssg-pillars-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(11, 34, 56, 0.93);\n    z-index: 1;\n}\n\n.ssg-pillars > .ssg-container {\n    position: relative;\n    z-index: 3;\n}\n\n.ssg-pillars .ssg-section-label,\n.ssg-pillars .ssg-section-title,\n.ssg-pillars .ssg-pillar-title,\n.ssg-pillars .ssg-pillar-text,\n.ssg-pillars .ssg-pillar-grid,\n.ssg-pillars .ssg-pillar {\n    position: relative;\n    z-index: 3;\n}\n\n.ssg-pillars .ssg-section-title { color: var(--white) !important; }\n.ssg-pillars .ssg-pillar-title { color: var(--white) !important; }\n.ssg-pillars .ssg-pillar-text { color: rgba(255,255,255,0.7) !important; }\n\n.ssg-pillars-glow {\n\n.ssg-pillar-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 50px;\n    margin-top: 70px;\n}\n\n.ssg-pillar {\n    position: relative;\n    padding-top: 30px;\n}\n\n.ssg-pillar-num {\n    font-family: 'Playfair Display', serif;\n    font-size: 80px;\n    font-weight: 900;\n    color: rgba(196, 164, 106, 0.12);\n    position: absolute;\n    top: -20px;\n    left: -10px;\n    line-height: 1;\n    pointer-events: none;\n}\n\n.ssg-pillar-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.ssg-pillar-title::after {\n    content: '';\n    display: block;\n    width: 35px;\n    height: 2px;\n    background: var(--gold);\n    margin-top: 12px;\n}\n\n.ssg-pillar-text {\n    font-size: 15px;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.8;\n    font-weight: 300;\n}\n\n\/* =============================================\n   WHY SSG - REASONS SECTION\n   ============================================= *\/\n.ssg-why {\n    padding: 120px 0;\n    background: var(--off-white);\n}\n\n.ssg-why-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 50px 60px !important;\n    margin-top: 70px !important;\n}\n\n.ssg-why-item {\n    display: flex !important;\n    gap: 30px !important;\n    align-items: flex-start !important;\n    list-style: none !important;\n}\n\n.ssg-why-icon {\n    width: 52px !important;\n    height: 52px !important;\n    min-width: 52px !important;\n    background: var(--navy) !important;\n    border-radius: 2px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex-shrink: 0 !important;\n    color: var(--gold) !important;\n    font-family: 'Barlow Condensed', sans-serif !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n}\n\n.ssg-why-title {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: var(--navy) !important;\n    margin-bottom: 12px !important;\n    line-height: 1.3 !important;\n    display: block !important;\n}\n\n.ssg-why-text {\n    font-size: 15px !important;\n    color: var(--body-text) !important;\n    line-height: 1.8 !important;\n    font-weight: 300 !important;\n    margin: 0 !important;\n}\n\n\/* =============================================\n   INTEGRATED GROWTH BANNER\n   ============================================= *\/\n.ssg-banner {\n    padding: 120px 0;\n    background: var(--navy-dark);\n    position: relative;\n    overflow: hidden;\n}\n\n.ssg-banner-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2025\/11\/financial-buildings-pointing-towards-the-sky-on-a-2025-10-13-04-41-52-utc.jpg');\n    background-size: cover;\n    background-position: center;\n    opacity: 0.06;\n}\n\n.ssg-banner-inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 100px;\n    align-items: center;\n}\n\n.ssg-banner-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(36px, 4vw, 52px);\n    font-weight: 900;\n    color: var(--white);\n    line-height: 1.1;\n    letter-spacing: -1px;\n    margin-bottom: 30px;\n}\n\n.ssg-banner-title span { color: var(--gold); }\n\n.ssg-banner-text {\n    font-size: 16px;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.8;\n    font-weight: 300;\n    margin-bottom: 20px;\n}\n\n.ssg-benefit-list {\n    list-style: none;\n    margin-top: 40px;\n}\n\n.ssg-benefit-list li {\n    font-size: 15px;\n    color: rgba(255,255,255,0.7);\n    padding: 14px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    font-weight: 300;\n}\n\n.ssg-benefit-list li::before {\n    content: '';\n    width: 20px;\n    height: 1px;\n    background: var(--gold);\n    flex-shrink: 0;\n}\n\n\/* =============================================\n   ABOUT\n   ============================================= *\/\n.ssg-about {\n    padding: 120px 0;\n    background: var(--white);\n}\n\n.ssg-about-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n}\n\n.ssg-about-img {\n    position: relative;\n}\n\n.ssg-about-img img {\n    width: 100%;\n    height: 550px;\n    object-fit: cover;\n    display: block;\n    filter: brightness(0.9) contrast(1.05);\n}\n\n.ssg-about-img::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    right: 20px;\n    bottom: 20px;\n    border: 2px solid var(--gold);\n    opacity: 0.3;\n    z-index: 0;\n}\n\n.ssg-about-img img { position: relative; z-index: 1; }\n\n.ssg-about-quote {\n    margin-top: 50px;\n    padding: 35px 40px;\n    background: var(--navy);\n    border-left: 3px solid var(--gold);\n}\n\n.ssg-about-quote blockquote {\n    font-family: 'Playfair Display', serif;\n    font-size: 18px;\n    font-style: italic;\n    color: var(--white);\n    line-height: 1.6;\n    margin-bottom: 15px;\n}\n\n.ssg-about-quote cite {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--gold);\n    font-style: normal;\n}\n\n.ssg-about-text p {\n    font-size: 16px;\n    color: var(--body-text);\n    line-height: 1.85;\n    margin-bottom: 20px;\n    font-weight: 300;\n}\n\n.ssg-about-text p strong {\n    color: var(--navy);\n    font-weight: 600;\n}\n\n.ssg-about-sign {\n    margin-top: 40px;\n    padding-top: 30px;\n    border-top: 1px solid rgba(18, 52, 78, 0.1);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--gold-dark);\n    font-style: italic;\n}\n\n\/* =============================================\n   GETTING STARTED\n   ============================================= *\/\n.ssg-start {\n    padding: 120px 0;\n    background: var(--off-white);\n    position: relative;\n}\n\n.ssg-start-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n}\n\n.ssg-start-text p {\n    font-size: 16px;\n    color: var(--body-text);\n    line-height: 1.85;\n    margin-bottom: 20px;\n    font-weight: 300;\n}\n\n\/* =============================================\n   CONTACT\n   ============================================= *\/\n.ssg-contact {\n    padding: 120px 0;\n    background: var(--navy);\n    position: relative;\n    overflow: hidden;\n}\n\n.ssg-contact::before {\n    content: '';\n    position: absolute;\n    bottom: -200px; left: -200px;\n    width: 600px; height: 600px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(196, 164, 106, 0.08) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n.ssg-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.4fr;\n    gap: 80px;\n    align-items: start;\n}\n\n.ssg-contact-intro p {\n    font-size: 16px;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.85;\n    margin-bottom: 20px;\n    font-weight: 300;\n}\n\n.ssg-contact-detail {\n    display: flex;\n    gap: 15px;\n    margin-top: 50px;\n    padding-top: 40px;\n    border-top: 1px solid rgba(255,255,255,0.08);\n    flex-direction: column;\n    gap: 20px;\n}\n\n.ssg-contact-row {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n}\n\n.ssg-contact-row-label {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 10px;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    min-width: 60px;\n}\n\n.ssg-contact-row a,\n.ssg-contact-row span {\n    font-size: 15px;\n    color: rgba(255,255,255,0.7);\n    text-decoration: none;\n    transition: color 0.2s;\n}\n\n.ssg-contact-row a:hover { color: var(--gold); }\n\n\/* FORM *\/\n.ssg-form {\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(196, 164, 106, 0.2);\n    padding: 50px;\n    border-radius: 4px;\n}\n\n.ssg-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 20px;\n}\n\n.ssg-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 20px;\n}\n\n.ssg-form-group label {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 10px;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n.ssg-form-group input,\n.ssg-form-group textarea {\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.1);\n    color: var(--white);\n    padding: 14px 18px;\n    font-family: 'Barlow', sans-serif;\n    font-size: 15px;\n    border-radius: 2px;\n    transition: border-color 0.2s;\n    outline: none;\n    width: 100%;\n}\n\n.ssg-form-group input:focus,\n.ssg-form-group textarea:focus {\n    border-color: var(--gold);\n}\n\n.ssg-form-group input::placeholder,\n.ssg-form-group textarea::placeholder {\n    color: rgba(255,255,255,0.25);\n}\n\n.ssg-form-group textarea {\n    resize: vertical;\n    min-height: 130px;\n}\n\n\/* =============================================\n   FOOTER\n   ============================================= *\/\n.ssg-footer {\n    background: var(--navy-dark);\n    padding: 60px 0 30px;\n    border-top: 1px solid rgba(196, 164, 106, 0.15);\n}\n\n.ssg-footer-top {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 50px;\n}\n\n.ssg-footer-brand {\n    font-family: 'Playfair Display', serif;\n    font-weight: 900;\n    font-size: 26px;\n    color: var(--white);\n    letter-spacing: -1px;\n    margin-bottom: 15px;\n}\n\n.ssg-footer-brand span { color: var(--gold); }\n\n.ssg-footer-tagline {\n    font-size: 14px;\n    color: rgba(255,255,255,0.4);\n    line-height: 1.7;\n    margin-bottom: 25px;\n    font-weight: 300;\n}\n\n.ssg-footer-col h4 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n}\n\n.ssg-footer-col a {\n    display: block;\n    font-size: 14px;\n    color: rgba(255,255,255,0.5);\n    text-decoration: none;\n    margin-bottom: 12px;\n    transition: color 0.2s;\n}\n\n.ssg-footer-col a:hover { color: var(--gold); }\n\n.ssg-footer-bottom {\n    border-top: 1px solid rgba(255,255,255,0.05);\n    padding-top: 30px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 15px;\n}\n\n.ssg-footer-copy {\n    font-size: 12px;\n    color: rgba(255,255,255,0.25);\n}\n\n.ssg-footer-ack {\n    font-size: 12px;\n    color: rgba(255,255,255,0.2);\n    max-width: 600px;\n    line-height: 1.6;\n    margin-top: 20px;\n    padding-top: 20px;\n    border-top: 1px solid rgba(255,255,255,0.04);\n}\n\n\/* =============================================\n   DIVIDERS & UTILITY\n   ============================================= *\/\n.ssg-gold-line {\n    width: 60px;\n    height: 2px;\n    background: var(--gold);\n    margin: 20px 0 40px;\n}\n\n.ssg-text-gold { color: var(--gold); }\n.ssg-text-white { color: var(--white); }\n\n\/* =============================================\n   RESPONSIVE\n   ============================================= *\/\n@media (max-width: 1024px) {\n    .ssg-brand-grid { grid-template-columns: 1fr !important; }\n    .ssg-pillar-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\n    .ssg-footer-bottom { flex-direction: column; text-align: center; }\n}\n\n@media (max-width: 768px) {\n\n    \/* NAV *\/\n    .ssg-nav { padding: 16px 0; }\n\n    \/* HERO *\/\n    .ssg-hero h1 { letter-spacing: -1px; }\n    .ssg-hero-actions { flex-direction: column !important; align-items: flex-start !important; }\n    .ssg-hero-content { padding: 120px 0 80px !important; }\n\n    \/* BRAND CARDS *\/\n    .ssg-brand-grid { grid-template-columns: 1fr !important; }\n    .ssg-brand-card { padding: 35px 25px !important; }\n\n    \/* PILLARS *\/\n    .ssg-pillar-grid { grid-template-columns: 1fr !important; gap: 40px !important; }\n\n    \/* ALL INLINE FLEX ROWS \u2014 stack on mobile *\/\n    #ssg-banner > div > div,\n    #ssg-about > div > div,\n    #ssg-start > div > div,\n    #ssg-contact > div > div {\n        flex-direction: column !important;\n        gap: 50px !important;\n    }\n\n    \/* WHY SSG card rows *\/\n    #ssg-why > div > div[style*=\"display: flex\"] {\n        flex-direction: column !important;\n        gap: 2px !important;\n    }\n\n    \/* Contact form row pairs *\/\n    #ssg-contact div[style*=\"display: flex; gap: 20px\"] {\n        flex-direction: column !important;\n        gap: 0 !important;\n    }\n\n    \/* Footer row *\/\n    #ssg-contact + footer > div > div[style*=\"display: flex\"] {\n        flex-direction: column !important;\n        gap: 40px !important;\n    }\n\n    \/* Fix banner benefit list indent *\/\n    #ssg-banner div[style*=\"border-left\"] {\n        border-left: none !important;\n        padding-left: 0 !important;\n    }\n\n    \/* General padding reduction *\/\n    #ssg-banner, #ssg-about, #ssg-start, #ssg-contact, #ssg-why {\n        padding: 70px 0 !important;\n    }\n\n    \/* Form padding *\/\n    #ssg-contact div[style*=\"padding: 50px\"] {\n        padding: 30px 25px !important;\n    }\n\n    \/* About image height *\/\n    #ssg-about img[alt=\"SSG Team\"] {\n        height: 300px !important;\n    }\n\n    \/* Footer *\/\n    footer > div > div[style*=\"display: flex\"] {\n        flex-direction: column !important;\n        gap: 40px !important;\n    }\n\n    footer div[style*=\"display: flex; justify-content: space-between\"] {\n        flex-direction: column !important;\n        gap: 12px !important;\n        text-align: center !important;\n    }\n}\n<\/style>\n\n<div class=\"ssg-wrap\">\n\n    <!-- NAV -->\n    <nav class=\"ssg-nav\" id=\"ssgNav\">\n        <div class=\"ssg-container\">\n            <div class=\"ssg-nav-inner\">\n                <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2026\/05\/SSG-logo-1-e1778734143391.png\" alt=\"Surety Solutions Group\" style=\"height: 40px; width: auto; display: block;\"><\/a>\n                <a href=\"#ssg-contact\" class=\"ssg-nav-cta\">Get In Touch<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- HERO -->\n    <section class=\"ssg-hero\">\n        <div class=\"ssg-hero-bg\"><\/div>\n        <div class=\"ssg-hero-overlay\"><\/div>\n        <div class=\"ssg-container\">\n            <div class=\"ssg-hero-content\">\n                <div class=\"ssg-hero-eyebrow\">Surety Solutions Group<\/div>\n                <h1>One group.<br><em>Multiple<\/em><br>specialists.<\/h1>\n                <p class=\"ssg-hero-sub\">IT, cybersecurity, sales and marketing, AI, and business strategy \u2014 delivered by separate brands that work together when you need them.<\/p>\n                <div class=\"ssg-hero-actions\">\n                    <a href=\"#ssg-contact\" class=\"ssg-btn-primary\">Get In Touch<\/a>\n                    <a href=\"#ssg-ecosystem\" class=\"ssg-btn-outline\">Explore the Group<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"ssg-hero-scroll\">\n            <div class=\"ssg-scroll-line\"><\/div>\n            <span>Scroll<\/span>\n        <\/div>\n    <\/section>\n\n    <!-- ECOSYSTEM -->\n    <section class=\"ssg-ecosystem\" id=\"ssg-ecosystem\">\n        <div class=\"ssg-container\">\n            <div class=\"ssg-eco-header\">\n                <div class=\"ssg-section-label\">The SSG Ecosystem<\/div>\n                <h2 class=\"ssg-section-title\">A connected group of<br>specialist businesses.<\/h2>\n                <div class=\"ssg-gold-line\"><\/div>\n                <p class=\"ssg-section-desc\">Each solving a different problem, all working together when you need them.<\/p>\n            <\/div>\n            <div class=\"ssg-brand-grid\">\n                <div class=\"ssg-brand-card\">\n                    <span class=\"ssg-brand-num\">01 \/\/<\/span>\n                    <img decoding=\"async\" src=\"https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2025\/11\/Surety-IT-Full-colour-scaled.png\" alt=\"Surety IT\" style=\"height: 110px; width: auto; display: block; margin-bottom: 24px; object-fit: contain;\">\n                    <span class=\"ssg-brand-tag\">Managed IT Support<\/span>\n                    <p class=\"ssg-brand-desc\">Reliable, responsive IT that keeps your business running smoothly.<\/p>\n                    <p class=\"ssg-brand-wifm\">Less downtime, fewer headaches, and a support partner who actually picks up the phone.<\/p>\n                    <a href=\"https:\/\/www.suretyit.com.au\" target=\"_blank\" style=\"display: inline-block; margin-top: 25px; background: transparent; border: 1px solid #c4a46a; color: #c4a46a; padding: 12px 28px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-radius: 2px; transition: all 0.3s ease;\">Visit Surety IT \u2192<\/a>\n                <\/div>\n                <div class=\"ssg-brand-card\">\n                    <span class=\"ssg-brand-num\">02 \/\/<\/span>\n                    <img decoding=\"async\" src=\"https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2025\/11\/Surety-Engage-Full-colour-scaled.png\" alt=\"Surety Engage\" style=\"height: 80px; width: auto; display: block; margin-bottom: 24px; object-fit: contain;\">\n                    <span class=\"ssg-brand-tag\">Sales &#038; Marketing Aligned<\/span>\n                    <p class=\"ssg-brand-desc\">Sales and marketing systems that finally pull their weight \u2014 sharper messaging, better-quality leads, and a pipeline that actually converts.<\/p>\n                    <p class=\"ssg-brand-wifm\">Sharper messaging, better-quality leads, and a pipeline that actually converts.<\/p>\n                    <a href=\"https:\/\/www.suretyengage.com.au\" target=\"_blank\" style=\"display: inline-block; margin-top: 25px; background: transparent; border: 1px solid #c4a46a; color: #c4a46a; padding: 12px 28px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-radius: 2px; transition: all 0.3s ease;\">Visit Surety Engage \u2192<\/a>\n                <\/div>\n                <div class=\"ssg-brand-card\">\n                    <span class=\"ssg-brand-num\">03 \/\/<\/span>\n                    <img decoding=\"async\" src=\"https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2026\/05\/CGA-Logo-1.png\" alt=\"CGA\" style=\"height: 80px; width: auto; display: block; margin-bottom: 24px; object-fit: contain;\">\n                    <span class=\"ssg-brand-tag\">Cybersecurity &#038; Compliance<\/span>\n                    <p class=\"ssg-brand-desc\">Cybersecurity packages, protection, testing, and audits that strengthen your defences.<\/p>\n                    <p class=\"ssg-brand-wifm\">Clear visibility of your risks, practical fixes, and the confidence your business is genuinely protected.<\/p>\n                    <a href=\"https:\/\/www.cyberga.com.au\" target=\"_blank\" style=\"display: inline-block; margin-top: 25px; background: transparent; border: 1px solid #c4a46a; color: #c4a46a; padding: 12px 28px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-radius: 2px; transition: all 0.3s ease;\">Visit CGA \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PILLARS: WHAT WE DO \/ APPROACH \/ MISSION -->\n    <section class=\"ssg-pillars\">\n        <div class=\"ssg-pillars-overlay\"><\/div>\n        <div class=\"ssg-container\">\n            <div class=\"ssg-section-label\" style=\"color: var(--gold);\">How We Work<\/div>\n            <h2 class=\"ssg-section-title ssg-text-white\" style=\"margin-bottom: 0;\">Built around<br>your reality.<\/h2>\n            <div class=\"ssg-pillar-grid\">\n                <div class=\"ssg-pillar\">\n                    <div class=\"ssg-pillar-num\">01<\/div>\n                    <h3 class=\"ssg-pillar-title\">What We Do<\/h3>\n                    <p class=\"ssg-pillar-text\">At Surety Solutions Group, we bring specialist businesses together to fix the issues that slow your organisation down \u2014 unreliable IT, rising cyber risks, scattered marketing, unclear sales strategy, and the pressure to adopt AI. We make your business easier to run, safer to operate, and better positioned to grow.<\/p>\n                <\/div>\n                <div class=\"ssg-pillar\">\n                    <div class=\"ssg-pillar-num\">02<\/div>\n                    <h3 class=\"ssg-pillar-title\">Our Approach<\/h3>\n                    <p class=\"ssg-pillar-text\">We start by getting clear on what&#8217;s really holding your business back \u2014 the bottlenecks, the risks, the gaps, and the opportunities. From there, we focus on the solutions that will make the biggest difference fast, without adding noise, complexity, or unnecessary cost. Clarity first, action second, improvement always.<\/p>\n                <\/div>\n                <div class=\"ssg-pillar\">\n                    <div class=\"ssg-pillar-num\">03<\/div>\n                    <h3 class=\"ssg-pillar-title\">Our Mission<\/h3>\n                    <p class=\"ssg-pillar-text\">Our mission is to give businesses the clarity, support, and protection they need to run properly. We remove the noise, fix what&#8217;s holding you back, and put the right specialists around you so your tech works, your risks are covered, your sales and marketing connect, and your operations make sense.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- WHY SSG -->\n    <section id=\"ssg-why\" style=\"padding: 120px 0; background: #f5f2ed;\">\n        <div style=\"max-width: 1200px; width: 90%; margin: 0 auto;\">\n\n            <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\">\n                <span style=\"display: block; width: 30px; height: 1px; background: #c4a46a;\"><\/span>Why SSG\n            <\/div>\n\n            <h2 style=\"font-family: 'Playfair Display', serif; font-weight: 900; font-size: clamp(36px, 4vw, 52px); color: #12344e; line-height: 1.1; letter-spacing: -1px; margin-bottom: 15px;\">Stop juggling vendors.<br>Get one partner for<br>the whole picture.<\/h2>\n            <div style=\"width: 60px; height: 2px; background: #c4a46a; margin: 20px 0 60px;\"><\/div>\n\n            <!-- Row 1 -->\n            <div style=\"display: flex; gap: 2px; margin-bottom: 2px;\">\n                <div style=\"flex: 1; background: #ffffff; padding: 45px 40px; border-top: 3px solid #c4a46a;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; margin-bottom: 18px;\">01<\/div>\n                    <div style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #12344e; margin-bottom: 14px; line-height: 1.3;\">Remove the noise.<br>Close the gaps.<\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: #4a5568; line-height: 1.8; font-weight: 300; margin: 0;\">No band-aids. No circling back. No wasted time. You get issues resolved at the source, systems that stop breaking under pressure, and a business that finally runs the way it should \u2014 smoother, faster, and with far less friction.<\/p>\n                <\/div>\n                <div style=\"flex: 1; background: #ffffff; padding: 45px 40px; border-top: 3px solid #c4a46a;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; margin-bottom: 18px;\">02<\/div>\n                    <div style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #12344e; margin-bottom: 14px; line-height: 1.3;\">Stop fighting<br>your systems.<\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: #4a5568; line-height: 1.8; font-weight: 300; margin: 0;\">Your team gets time back, things flow, and momentum returns. Work moves faster, customers get a better experience, and leaders finally get space to plan instead of putting out fires.<\/p>\n                <\/div>\n                <div style=\"flex: 1; background: #ffffff; padding: 45px 40px; border-top: 3px solid #c4a46a;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; margin-bottom: 18px;\">03<\/div>\n                    <div style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #12344e; margin-bottom: 14px; line-height: 1.3;\">Operate with<br>complete control.<\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: #4a5568; line-height: 1.8; font-weight: 300; margin: 0;\">Security isn&#8217;t something you bolt on when things go wrong \u2014 it&#8217;s the foundation that keeps your business stable, trusted, and running without disruption. We strengthen your defences so you can operate with confidence.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Row 2 -->\n            <div style=\"display: flex; gap: 2px;\">\n                <div style=\"flex: 1; background: #12344e; padding: 45px 40px; border-top: 3px solid #c4a46a;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; margin-bottom: 18px;\">04<\/div>\n                    <div style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 14px; line-height: 1.3;\">Attract the clients<br>you actually want.<\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.8; font-weight: 300; margin: 0;\">When people instantly understand what you do and why it matters, everything gets easier. You attract better-fit opportunities, convert more of them, and spend less time chasing leads that were never going to buy.<\/p>\n                <\/div>\n                <div style=\"flex: 1; background: #12344e; padding: 45px 40px; border-top: 3px solid #c4a46a;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; margin-bottom: 18px;\">05<\/div>\n                    <div style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 14px; line-height: 1.3;\">Get back to<br>leading the way.<\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.8; font-weight: 300; margin: 0;\">You shouldn&#8217;t be the one holding every thread, every problem, every decision. We take the weight out of your hands with calm, controlled precision. No chaos. No noise. Just structure, clarity, and certainty.<\/p>\n                <\/div>\n                <div style=\"flex: 1; background: #12344e; padding: 45px 40px; border-top: 3px solid #c4a46a;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; margin-bottom: 18px;\">06<\/div>\n                    <div style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 14px; line-height: 1.3;\">One partner.<br>One standard.<\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.8; font-weight: 300; margin: 0;\">We connect your IT, cyber, operations, marketing, and AI so everything finally works together \u2014 not against each other. Fewer meetings, fewer mix-ups, faster decisions, and a business that moves with clarity instead of friction.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- INTEGRATED GROWTH BANNER -->\n    <section id=\"ssg-banner\" style=\"padding: 120px 0; background: #0b2238; position: relative; overflow: hidden;\">\n        <div style=\"position: absolute; inset: 0; background-image: url('https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2025\/11\/financial-buildings-pointing-towards-the-sky-on-a-2025-10-13-04-41-52-utc.jpg'); background-size: cover; background-position: center; opacity: 0.06;\"><\/div>\n        <div style=\"max-width: 1200px; width: 90%; margin: 0 auto; position: relative; z-index: 2;\">\n            <div style=\"display: flex; gap: 100px; align-items: center;\">\n\n                <div style=\"flex: 1.1;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\">\n                        <span style=\"display: block; width: 30px; height: 1px; background: #c4a46a;\"><\/span>Integrated Growth\n                    <\/div>\n                    <h2 style=\"font-family: 'Playfair Display', serif; font-weight: 900; font-size: clamp(36px, 4vw, 52px); color: #ffffff; line-height: 1.1; letter-spacing: -1px; margin-bottom: 30px;\">Integrated Growth <span style=\"color: #c4a46a;\">Infrastructure.<\/span><\/h2>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.8; font-weight: 300; margin-bottom: 20px;\">Businesses rarely fail from a single break. The drag comes from slow systems, rising cyber exposure, fractured marketing, and operational ambiguity. The foundation weakens long before the numbers show it.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.8; font-weight: 300; margin-bottom: 40px;\">We stabilise that foundation. By unifying IT, cybersecurity, sales and marketing, business operations, and AI into one coordinated force, we align how the business runs, protects itself, and grows. Everything moves in one direction \u2014 clean, fast, and controlled.<\/p>\n                    <a href=\"#ssg-contact\" style=\"display: inline-block; background: #c4a46a; color: #0b2238; padding: 18px 44px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-radius: 2px;\">Start The Conversation<\/a>\n                <\/div>\n\n                <div style=\"flex: 0.9;\">\n                    <div style=\"border-left: 1px solid rgba(196,164,106,0.2); padding-left: 60px;\">\n                        <div style=\"display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); font-weight: 300;\"><span style=\"display: block; width: 20px; height: 1px; background: #c4a46a; flex-shrink: 0;\"><\/span>Sharper strategy and clearer direction<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); font-weight: 300;\"><span style=\"display: block; width: 20px; height: 1px; background: #c4a46a; flex-shrink: 0;\"><\/span>Stronger security, fewer vulnerabilities<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); font-weight: 300;\"><span style=\"display: block; width: 20px; height: 1px; background: #c4a46a; flex-shrink: 0;\"><\/span>Quicker execution across every function<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); font-weight: 300;\"><span style=\"display: block; width: 20px; height: 1px; background: #c4a46a; flex-shrink: 0;\"><\/span>Support that removes friction, not adds it<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); font-weight: 300;\"><span style=\"display: block; width: 20px; height: 1px; background: #c4a46a; flex-shrink: 0;\"><\/span>One partner. Total accountability.<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 16px; padding: 18px 0; font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); font-weight: 300;\"><span style=\"display: block; width: 20px; height: 1px; background: #c4a46a; flex-shrink: 0;\"><\/span>A business that advances with confidence and control<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ABOUT -->\n    <section id=\"ssg-about\" style=\"padding: 120px 0; background: #ffffff;\">\n        <div style=\"max-width: 1200px; width: 90%; margin: 0 auto;\">\n            <div style=\"display: flex; gap: 80px; align-items: flex-start;\">\n\n                <div style=\"flex: 0.9;\">\n                    <img decoding=\"async\" src=\"https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2025\/11\/Brisbane-IT-Support.png\" alt=\"SSG Team\" style=\"width: 100%; height: 480px; object-fit: cover; display: block;\">\n                    <div style=\"background: #12344e; border-left: 3px solid #c4a46a; padding: 35px 40px; margin-top: 0;\">\n                        <blockquote style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-style: italic; color: #ffffff; line-height: 1.6; margin-bottom: 12px;\">&#8220;A bad system will beat a good person every time.&#8221;<\/blockquote>\n                        <cite style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #c4a46a; font-style: normal;\">\u2014 W. Edwards Deming<\/cite>\n                    <\/div>\n                <\/div>\n\n                <div style=\"flex: 1.1;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\">\n                        <span style=\"display: block; width: 30px; height: 1px; background: #c4a46a;\"><\/span>About SSG\n                    <\/div>\n                    <h2 style=\"font-family: 'Playfair Display', serif; font-weight: 900; font-size: clamp(32px, 3.5vw, 48px); color: #12344e; line-height: 1.1; letter-spacing: -1px; margin-bottom: 10px;\">One partner.<br>Multiple disciplines.<br>One standard.<\/h2>\n                    <div style=\"width: 60px; height: 2px; background: #c4a46a; margin: 20px 0 35px;\"><\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">SSG exists to bring clarity, control, and stability to businesses that have outgrown patchwork solutions and scattered providers. We unify IT, cybersecurity, operations, marketing, and AI into one aligned system, built to support the pace, pressure, and ambition of modern organisations.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">Leaders come to us when the business starts resisting growth: when systems slip, when security gaps widen, when teams lose momentum, and when the operational weight lands on the wrong shoulders.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">We don&#8217;t offer quick fixes. <strong style=\"color: #12344e; font-weight: 600;\">We strengthen the foundations first,<\/strong> because that&#8217;s where real performance comes from. With one partner who understands the entire operation, you get fewer points of failure, fewer surprises, and far less friction.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 30px;\">Even the best people can&#8217;t outrun slow systems, unclear processes, scattered tools, or constant pressure to hold everything together. SSG fixes the system \u2014 so good people finally get the chance to do great work.<\/p>\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #c4a46a; padding-top: 25px; border-top: 1px solid rgba(18,52,78,0.1); font-style: italic;\">This is alignment. This is protection. This is control. \u2014 SSG<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- GETTING STARTED -->\n    <section id=\"ssg-start\" style=\"padding: 120px 0; background: #f5f2ed;\">\n        <div style=\"max-width: 1200px; width: 90%; margin: 0 auto;\">\n            <div style=\"display: flex; gap: 80px; align-items: flex-start;\">\n\n                <div style=\"flex: 0.9;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\">\n                        <span style=\"display: block; width: 30px; height: 1px; background: #c4a46a;\"><\/span>Getting Started\n                    <\/div>\n                    <h2 style=\"font-family: 'Playfair Display', serif; font-weight: 900; font-size: clamp(32px, 3.5vw, 48px); color: #12344e; line-height: 1.1; letter-spacing: -1px;\">Ready for a business that performs the way you always expected?<\/h2>\n                    <div style=\"width: 60px; height: 2px; background: #c4a46a; margin: 25px 0 0;\"><\/div>\n                <\/div>\n\n                <div style=\"flex: 1.1;\">\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">We work with business owners and leadership teams who want things to run better and grow without the constant friction. If you&#8217;re dealing with unreliable systems, rising cyber risks, inconsistent marketing, unclear strategy, or pressure to adopt new tech, we&#8217;re set up to help.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">What sets us apart is how we deliver. You get access to specialist businesses that each know their craft \u2014 IT, cybersecurity, sales and marketing, business operations, and AI \u2014 but all share one mindset: keep it practical, keep it clear, and only recommend what will actually move you forward.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">Whether you need one service or a mix of them, we focus on straight answers, better systems, and results that make your business easier to run.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: #4a5568; line-height: 1.85; font-weight: 300; margin-bottom: 35px;\">If you&#8217;re ready to get things moving, send through your details and we&#8217;ll set up a <strong style=\"color: #12344e; font-weight: 600;\">free 30-minute consultation<\/strong> to understand what you&#8217;re dealing with and where the quickest wins are.<\/p>\n                    <a href=\"#ssg-contact\" style=\"display: inline-block; background: #c4a46a; color: #0b2238; padding: 18px 44px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-radius: 2px;\">Book Your Free Consultation<\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CONTACT -->\n    <section id=\"ssg-contact\" style=\"padding: 120px 0; background: #12344e; position: relative; overflow: hidden;\">\n        <div style=\"position: absolute; bottom: -200px; left: -200px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(196,164,106,0.08) 0%, transparent 70%); pointer-events: none;\"><\/div>\n        <div style=\"max-width: 1200px; width: 90%; margin: 0 auto; position: relative; z-index: 2;\">\n            <div style=\"display: flex; gap: 80px; align-items: flex-start;\">\n\n                <div style=\"flex: 0.9;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\">\n                        <span style=\"display: block; width: 30px; height: 1px; background: #c4a46a;\"><\/span>Contact Us\n                    <\/div>\n                    <h2 style=\"font-family: 'Playfair Display', serif; font-weight: 900; font-size: clamp(36px, 4vw, 52px); color: #ffffff; line-height: 1.1; letter-spacing: -1px; margin-bottom: 10px;\">Ready when<br>you are.<\/h2>\n                    <div style=\"width: 60px; height: 2px; background: #c4a46a; margin: 20px 0 35px;\"><\/div>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">Leaders don&#8217;t hesitate because the problems aren&#8217;t real \u2014 they hesitate because it&#8217;s not always clear where to begin.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.85; font-weight: 300; margin-bottom: 18px;\">We align your IT, cyber, operations, marketing, and AI into a single, coherent ecosystem \u2014 one partner, one standard, one business moving with intent.<\/p>\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.85; font-weight: 300; margin-bottom: 40px;\">If you&#8217;re ready for a business that performs the way you always expected it to\u2026 reach out. We&#8217;re ready when you are.<\/p>\n                    <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 35px; display: flex; flex-direction: column; gap: 18px;\">\n                        <div style=\"display: flex; gap: 16px; align-items: center;\">\n                            <span style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase; min-width: 65px;\">Email<\/span>\n                            <a href=\"mailto:info@suretysolutionsgroup.com.au\" style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); text-decoration: none;\">info@suretysolutionsgroup.com.au<\/a>\n                        <\/div>\n                        <div style=\"display: flex; gap: 16px; align-items: center;\">\n                            <span style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase; min-width: 65px;\">Phone<\/span>\n                            <a href=\"tel:0730100077\" style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); text-decoration: none;\">07 3010 0077<\/a>\n                        <\/div>\n                        <div style=\"display: flex; gap: 16px; align-items: center;\">\n                            <span style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase; min-width: 65px;\">Location<\/span>\n                            <span style=\"font-family: 'Barlow', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7);\">10\/481 Logan Rd, Greenslopes QLD<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"flex: 1.1; background: rgba(255,255,255,0.04); border: 1px solid rgba(196,164,106,0.25); padding: 50px; border-radius: 4px;\">\n                    <div style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px;\">Send Us A Message<\/div>\n                    <div style=\"display: flex; gap: 20px; margin-bottom: 20px;\">\n                        <div style=\"flex: 1; display: flex; flex-direction: column; gap: 8px;\">\n                            <label style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase;\">Name<\/label>\n                            <input type=\"text\" placeholder=\"Your full name\" style=\"background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #ffffff; padding: 14px 18px; font-family: 'Barlow', sans-serif; font-size: 15px; border-radius: 2px; outline: none; width: 100%; box-sizing: border-box;\">\n                        <\/div>\n                        <div style=\"flex: 1; display: flex; flex-direction: column; gap: 8px;\">\n                            <label style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase;\">Business Name<\/label>\n                            <input type=\"text\" placeholder=\"Your company\" style=\"background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #ffffff; padding: 14px 18px; font-family: 'Barlow', sans-serif; font-size: 15px; border-radius: 2px; outline: none; width: 100%; box-sizing: border-box;\">\n                        <\/div>\n                    <\/div>\n                    <div style=\"display: flex; gap: 20px; margin-bottom: 20px;\">\n                        <div style=\"flex: 1; display: flex; flex-direction: column; gap: 8px;\">\n                            <label style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase;\">Email Address<\/label>\n                            <input type=\"email\" placeholder=\"you@company.com\" style=\"background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #ffffff; padding: 14px 18px; font-family: 'Barlow', sans-serif; font-size: 15px; border-radius: 2px; outline: none; width: 100%; box-sizing: border-box;\">\n                        <\/div>\n                        <div style=\"flex: 1; display: flex; flex-direction: column; gap: 8px;\">\n                            <label style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase;\">Phone Number<\/label>\n                            <input type=\"tel\" placeholder=\"0400 000 000\" style=\"background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #ffffff; padding: 14px 18px; font-family: 'Barlow', sans-serif; font-size: 15px; border-radius: 2px; outline: none; width: 100%; box-sizing: border-box;\">\n                        <\/div>\n                    <\/div>\n                    <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 25px;\">\n                        <label style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; color: #c4a46a; letter-spacing: 2px; text-transform: uppercase;\">Message<\/label>\n                        <textarea placeholder=\"Tell us what you're dealing with and where you'd like help...\" style=\"background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #ffffff; padding: 14px 18px; font-family: 'Barlow', sans-serif; font-size: 15px; border-radius: 2px; outline: none; width: 100%; box-sizing: border-box; min-height: 130px; resize: vertical;\"><\/textarea>\n                    <\/div>\n                    <button style=\"width: 100%; background: #c4a46a; color: #0b2238; padding: 18px 0; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; border: none; border-radius: 2px; cursor: pointer;\">Send Message<\/button>\n                    <p style=\"font-size: 12px; color: rgba(255,255,255,0.3); margin-top: 15px; text-align: center; font-family: 'Barlow', sans-serif;\">We&#8217;ll respond within one business day.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer style=\"background: #0b2238; padding: 60px 0 30px; border-top: 1px solid rgba(196,164,106,0.15);\">\n        <div style=\"max-width: 1200px; width: 90%; margin: 0 auto;\">\n            <div style=\"display: flex; gap: 60px; margin-bottom: 50px; align-items: flex-start;\">\n                <div style=\"flex: 1.5;\">\n                    <img decoding=\"async\" src=\"https:\/\/suretysolutionsgroup.com.au\/wp-content\/uploads\/2026\/05\/SSG-logo-1-e1778734143391.png\" alt=\"Surety Solutions Group\" style=\"height: 44px; width: auto; display: block; margin-bottom: 18px; object-fit: contain;\">\n                    <p style=\"font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.4); line-height: 1.7; margin-bottom: 25px; font-weight: 300; max-width: 300px;\">We stabilise your systems, strengthen your defences, align your message, and restore the structure your business needs to perform.<\/p>\n                    <a href=\"#ssg-contact\" style=\"display: inline-block; background: #c4a46a; color: #0b2238; padding: 12px 28px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-radius: 2px;\">Contact SSG<\/a>\n                <\/div>\n                <div style=\"flex: 1;\">\n                    <h4 style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px;\">Our Businesses<\/h4>\n                    <a href=\"#\" style=\"display: block; font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; margin-bottom: 12px;\">Surety IT<\/a>\n                    <a href=\"#\" style=\"display: block; font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; margin-bottom: 12px;\">Surety Engage<\/a>\n                    <a href=\"https:\/\/cyberga.com.au\" style=\"display: block; font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; margin-bottom: 12px;\">CGA \u2014 Cybersecurity<\/a>\n                <\/div>\n                <div style=\"flex: 1;\">\n                    <h4 style=\"font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; color: #c4a46a; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px;\">Get In Touch<\/h4>\n                    <a href=\"mailto:info@suretysolutionsgroup.com.au\" style=\"display: block; font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; margin-bottom: 12px;\">info@suretysolutionsgroup.com.au<\/a>\n                    <a href=\"tel:0730100077\" style=\"display: block; font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; margin-bottom: 12px;\">07 3010 0077<\/a>\n                    <span style=\"display: block; font-family: 'Barlow', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5);\">10\/481 Logan Rd, Greenslopes QLD<\/span>\n                <\/div>\n            <\/div>\n            <p style=\"font-family: 'Barlow', sans-serif; font-size: 12px; color: rgba(255,255,255,0.2); line-height: 1.6; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.04);\">Surety Solutions Group acknowledges the Traditional Custodians of the land on which we live and work. We recognise their continuing connection to Country, culture, and community, and we pay our respects to Elders past and present. We honour their stewardship of this land for tens of thousands of years and acknowledge the deep knowledge, resilience, and leadership that continues to guide these communities today.<\/p>\n            <div style=\"display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.05);\">\n                <span style=\"font-family: 'Barlow', sans-serif; font-size: 12px; color: rgba(255,255,255,0.25);\">\u00a9 2026 Surety Solutions Group. All Rights Reserved.<\/span>\n                <span style=\"font-family: 'Barlow', sans-serif; font-size: 12px; color: rgba(255,255,255,0.25);\">Website built and maintained by Surety Engage<\/span>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n\n    \/\/ Sticky nav on scroll\n    $(window).on('scroll', function() {\n        if ($(this).scrollTop() > 80) {\n            $('#ssgNav').addClass('scrolled');\n        } else {\n            $('#ssgNav').removeClass('scrolled');\n        }\n    });\n\n    \/\/ Smooth scroll for all internal anchors\n    $(document).on('click', 'a[href^=\"#\"]', function(e) {\n        var target = $(this.getAttribute('href'));\n        if (target.length) {\n            e.preventDefault();\n            $('html, body').animate({\n                scrollTop: target.offset().top - 80\n            }, 700);\n        }\n    });\n\n    \/\/ =============================================\n    \/\/ MOBILE LAYOUT FIX\n    \/\/ Directly overwrites inline styles on elements\n    \/\/ since Divi strips all CSS media queries\n    \/\/ =============================================\n    function ssgMobileFix() {\n        var isMobile = window.innerWidth <= 768;\n\n        \/\/ --- BRAND CARDS: stack to single column ---\n        var brandGrid = document.querySelector('.ssg-brand-grid');\n        if (brandGrid) {\n            brandGrid.style.gridTemplateColumns = isMobile ? '1fr' : 'repeat(3, 1fr)';\n        }\n\n        \/\/ --- PILLARS: stack to single column ---\n        var pillarGrid = document.querySelector('.ssg-pillar-grid');\n        if (pillarGrid) {\n            pillarGrid.style.gridTemplateColumns = isMobile ? '1fr' : 'repeat(3, 1fr)';\n            pillarGrid.style.gap = isMobile ? '40px' : '50px';\n        }\n\n        \/\/ --- WHY SSG ROWS: stack cards ---\n        var whyRows = document.querySelectorAll('#ssg-why > div > div[style]');\n        whyRows.forEach(function(row) {\n            if (row.style.display === 'flex') {\n                row.style.flexDirection = isMobile ? 'column' : 'row';\n            }\n        });\n\n        \/\/ --- BANNER: stack two columns ---\n        var bannerRow = document.querySelector('#ssg-banner > div > div');\n        if (bannerRow) {\n            bannerRow.style.flexDirection = isMobile ? 'column' : 'row';\n            bannerRow.style.gap = isMobile ? '50px' : '100px';\n        }\n        \/\/ Remove left border on benefit list on mobile\n        var benefitList = document.querySelector('#ssg-banner div[style*=\"border-left\"]');\n        if (benefitList) {\n            benefitList.style.borderLeft = isMobile ? 'none' : '1px solid rgba(196,164,106,0.2)';\n            benefitList.style.paddingLeft = isMobile ? '0' : '60px';\n        }\n\n        \/\/ --- ABOUT: stack image + text ---\n        var aboutRow = document.querySelector('#ssg-about > div > div');\n        if (aboutRow) {\n            aboutRow.style.flexDirection = isMobile ? 'column' : 'row';\n            aboutRow.style.gap = isMobile ? '0' : '80px';\n        }\n        var aboutImg = document.querySelector('#ssg-about img[alt=\"SSG Team\"]');\n        if (aboutImg) {\n            aboutImg.style.height = isMobile ? '280px' : '480px';\n        }\n\n        \/\/ --- GETTING STARTED: stack ---\n        var startRow = document.querySelector('#ssg-start > div > div');\n        if (startRow) {\n            startRow.style.flexDirection = isMobile ? 'column' : 'row';\n            startRow.style.gap = isMobile ? '40px' : '80px';\n        }\n\n        \/\/ --- CONTACT: stack form + info ---\n        var contactRow = document.querySelector('#ssg-contact > div > div');\n        if (contactRow) {\n            contactRow.style.flexDirection = isMobile ? 'column' : 'row';\n            contactRow.style.gap = isMobile ? '50px' : '80px';\n        }\n        \/\/ Stack contact form field pairs\n        var formPairs = document.querySelectorAll('#ssg-contact div[style*=\"display: flex; gap: 20px\"]');\n        formPairs.forEach(function(pair) {\n            pair.style.flexDirection = isMobile ? 'column' : 'row';\n            pair.style.gap = isMobile ? '0' : '20px';\n        });\n        \/\/ Reduce form padding on mobile\n        var formBox = document.querySelector('#ssg-contact div[style*=\"padding: 50px\"]');\n        if (formBox) {\n            formBox.style.padding = isMobile ? '30px 20px' : '50px';\n        }\n\n        \/\/ --- FOOTER: stack columns ---\n        var footerRow = document.querySelector('footer > div > div[style*=\"display: flex; gap: 60px\"]');\n        if (footerRow) {\n            footerRow.style.flexDirection = isMobile ? 'column' : 'row';\n            footerRow.style.gap = isMobile ? '40px' : '60px';\n        }\n        var footerBottom = document.querySelector('footer div[style*=\"justify-content: space-between\"]');\n        if (footerBottom) {\n            footerBottom.style.flexDirection = isMobile ? 'column' : 'row';\n            footerBottom.style.gap = isMobile ? '10px' : '0';\n            footerBottom.style.textAlign = isMobile ? 'center' : 'left';\n        }\n\n        \/\/ --- HERO ACTIONS: stack buttons ---\n        var heroActions = document.querySelector('.ssg-hero-actions');\n        if (heroActions) {\n            heroActions.style.flexDirection = isMobile ? 'column' : 'row';\n            heroActions.style.alignItems = isMobile ? 'flex-start' : 'center';\n        }\n\n        \/\/ --- SECTION PADDING: reduce on mobile ---\n        var sections = ['#ssg-banner', '#ssg-about', '#ssg-start', '#ssg-contact', '#ssg-why', '#ssg-ecosystem'];\n        sections.forEach(function(sel) {\n            var el = document.querySelector(sel);\n            if (el) {\n                el.style.padding = isMobile ? '70px 0' : '120px 0';\n            }\n        });\n    }\n\n    \/\/ Run on load and on resize\n    ssgMobileFix();\n    $(window).on('resize', ssgMobileFix);\n\n});\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":68,"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/suretysolutionsgroup.com.au\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}