@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap’);
.triciti-widget * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.triciti-widget {
font-family: ‘Inter’, sans-serif;
color: #1e293b;
background: #e8f4f8;
line-height: 1.6;
}
.triciti-widget h1,
.triciti-widget h2,
.triciti-widget h3,
.triciti-widget h4 {
font-family: ‘Poppins’, sans-serif;
}
.triciti-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
/* Hero Section – Logo Blue */
.triciti-hero {
background: linear-gradient(135deg, #1a8cba 0%, #2196d3 50%, #3ba7dc 100%);
position: relative;
overflow: hidden;
}
.triciti-hero::before {
content: ”;
position: absolute;
inset: 0;
opacity: 0.1;
background-image: url(“data:image/svg+xml,%3Csvg width=’60’ height=’60’ viewBox=’0 0 60 60′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cg fill=’none’ fill-rule=’evenodd’%3E%3Cg fill=’%23ffffff’ fill-opacity=’0.4’%3E%3Cpath d=’M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z’/%3E%3C/g%3E%3C/g%3E%3C/svg%3E”);
}
.triciti-hero-content {
position: relative;
z-index: 10;
padding: 2rem 0 3rem;
}
.triciti-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.triciti-header {
flex-direction: row;
justify-content: space-between;
}
}
.triciti-logo {
height: 56px;
width: auto;
}
@media (min-width: 768px) {
.triciti-logo {
height: 64px;
}
}
.triciti-contact-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem;
color: white;
}
.triciti-contact-badge {
display: flex;
align-items: center;
gap: 0.5rem;
background: rgba(255,255,255,0.2);
backdrop-filter: blur(8px);
padding: 0.5rem 1rem;
border-radius: 9999px;
text-decoration: none;
color: white;
font-weight: 600;
font-size: 0.875rem;
transition: background 0.3s;
}
.triciti-contact-badge:hover {
background: rgba(255,255,255,0.3);
}
.triciti-hero-title {
text-align: center;
color: white;
margin-bottom: 1.5rem;
}
.triciti-hero-title h1 {
font-size: 1.875rem;
font-weight: 700;
margin-bottom: 0.75rem;
line-height: 1.2;
}
@media (min-width: 768px) {
.triciti-hero-title h1 {
font-size: 2.5rem;
}
}
@media (min-width: 1024px) {
.triciti-hero-title h1 {
font-size: 3rem;
}
}
.triciti-hero-title h1 span {
text-decoration: underline;
text-decoration-color: #8b2332;
text-decoration-thickness: 4px;
text-underline-offset: 4px;
}
.triciti-hero-title p {
font-size: 1.125rem;
opacity: 0.95;
max-width: 600px;
margin: 0 auto;
}
@media (min-width: 768px) {
.triciti-hero-title p {
font-size: 1.25rem;
}
}
/* Trust Badges */
.triciti-trust-badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem;
margin-bottom: 2rem;
}
.triciti-trust-badge {
display: flex;
align-items: center;
gap: 0.5rem;
background: white;
color: #1e293b;
padding: 0.5rem 1rem;
border-radius: 9999px;
font-size: 0.875rem;
font-weight: 500;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.triciti-trust-badge svg {
width: 1rem;
height: 1rem;
color: #2196d3;
}
.triciti-trust-badge.highlight {
background: linear-gradient(135deg, #8b2332 0%, #6d1b27 100%);
color: white;
animation: pulse-soft 2s ease-in-out infinite;
}
.triciti-trust-badge.highlight svg {
color: white;
}
@keyframes pulse-soft {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.95; transform: scale(1.02); }
}
/* Quote Form Card */
.triciti-form-card {
max-width: 800px;
margin: 0 auto;
background: white;
border-radius: 1rem;
padding: 1.5rem;
box-shadow: 0 20px 60px -20px rgba(33, 150, 211, 0.3), 0 4px 20px -4px rgba(33, 150, 211, 0.15);
}
@media (min-width: 768px) {
.triciti-form-card {
padding: 2rem;
}
}
.triciti-form-header {
text-align: center;
margin-bottom: 1.5rem;
}
.triciti-form-header h2 {
font-size: 1.25rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
.triciti-form-header h2 {
font-size: 1.5rem;
}
}
.triciti-form-header p {
color: #64748b;
font-size: 0.875rem;
}
.triciti-form-secure {
text-align: center;
font-size: 0.875rem;
color: #64748b;
margin-top: 1rem;
}
/* Why Choose Us Section */
.triciti-why-choose {
padding: 3rem 0 4rem;
background: #d4eaf2;
}
.triciti-section-header {
text-align: center;
margin-bottom: 2.5rem;
}
.triciti-section-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
.triciti-section-header h2 {
font-size: 1.875rem;
}
}
.triciti-section-header p {
color: #64748b;
max-width: 500px;
margin: 0 auto;
}
.triciti-benefits-grid {
display: grid;
gap: 1.5rem;
}
@media (min-width: 640px) {
.triciti-benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.triciti-benefits-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.triciti-benefit-card {
background: white;
border-radius: 0.75rem;
padding: 1.5rem;
box-shadow: 0 4px 20px -4px rgba(33, 150, 211, 0.15);
transition: all 0.3s;
}
.triciti-benefit-card:hover {
box-shadow: 0 8px 30px -8px rgba(33, 150, 211, 0.25);
transform: translateY(-4px);
}
.triciti-benefit-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #1a8cba 0%, #2196d3 50%, #3ba7dc 100%);
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
}
.triciti-benefit-icon svg {
width: 24px;
height: 24px;
color: white;
}
.triciti-benefit-card h3 {
font-size: 1.125rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 0.5rem;
}
.triciti-benefit-card p {
font-size: 0.875rem;
color: #64748b;
}
/* Services Section */
.triciti-services {
padding: 3rem 0 4rem;
background: #e8f4f8;
}
.triciti-services-grid {
display: grid;
gap: 1.5rem;
}
@media (min-width: 640px) {
.triciti-services-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.triciti-services-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.triciti-service-card {
background: white;
border-radius: 0.75rem;
padding: 1.5rem;
box-shadow: 0 4px 20px -4px rgba(33, 150, 211, 0.15);
text-decoration: none;
color: inherit;
border: 1px solid transparent;
transition: all 0.3s;
}
.triciti-service-card:hover {
box-shadow: 0 8px 30px -8px rgba(33, 150, 211, 0.25);
transform: translateY(-4px);
border-color: rgba(33, 150, 211, 0.2);
}
.triciti-service-icon {
width: 56px;
height: 56px;
background: rgba(33, 150, 211, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
transition: background 0.3s;
}
.triciti-service-card:hover .triciti-service-icon {
background: rgba(33, 150, 211, 0.2);
}
.triciti-service-icon svg {
width: 28px;
height: 28px;
color: #2196d3;
}
.triciti-service-card h3 {
font-size: 1.125rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 0.5rem;
transition: color 0.3s;
}
.triciti-service-card:hover h3 {
color: #2196d3;
}
.triciti-service-card p {
font-size: 0.875rem;
color: #64748b;
}
.triciti-view-all {
text-align: center;
margin-top: 2rem;
}
.triciti-view-all a {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #2196d3;
font-weight: 500;
text-decoration: none;
}
.triciti-view-all a:hover {
text-decoration: underline;
}
/* Service Areas Section */
.triciti-areas {
padding: 3rem 0 4rem;
background: #d4eaf2;
}
.triciti-areas-content {
display: grid;
gap: 2rem;
}
@media (min-width: 1024px) {
.triciti-areas-content {
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
}
.triciti-areas-list h3 {
font-size: 1.25rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.triciti-areas-list h3 svg {
color: #2196d3;
}
.triciti-suburbs {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.triciti-suburb-tag {
background: white;
color: #475569;
padding: 0.375rem 0.75rem;
border-radius: 9999px;
font-size: 0.875rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
transition: all 0.3s;
}
.triciti-suburb-tag:hover {
background: #2196d3;
color: white;
}
.triciti-map-wrapper {
border-radius: 0.75rem;
overflow: hidden;
box-shadow: 0 4px 20px -4px rgba(33, 150, 211, 0.15);
}
.triciti-map-wrapper iframe {
width: 100%;
height: 300px;
border: 0;
}
@media (min-width: 1024px) {
.triciti-map-wrapper iframe {
height: 350px;
}
}
/* CTA Banner – Maroon from logo */
.triciti-cta {
background: linear-gradient(135deg, #8b2332 0%, #6d1b27 100%);
padding: 3rem 1rem;
text-align: center;
}
.triciti-cta h2 {
font-size: 1.5rem;
font-weight: 700;
color: white;
margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
.triciti-cta h2 {
font-size: 1.875rem;
}
}
.triciti-cta p {
color: rgba(255,255,255,0.9);
margin-bottom: 1.5rem;
}
.triciti-cta-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.triciti-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.875rem 2rem;
border-radius: 9999px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s;
font-size: 1rem;
}
.triciti-btn-white {
background: white;
color: #8b2332;
box-shadow: 0 8px 30px -8px rgba(0,0,0,0.2);
}
.triciti-btn-white:hover {
background: #f8fafc;
transform: scale(1.05);
}
.triciti-btn-outline {
background: transparent;
color: white;
border: 2px solid rgba(255,255,255,0.5);
}
.triciti-btn-outline:hover {
background: rgba(255,255,255,0.1);
border-color: white;
}
/* Local Citation */
.triciti-citation {
padding: 2rem 0;
background: rgba(33, 150, 211, 0.05);
border-top: 1px solid #c5dfe9;
border-bottom: 1px solid #c5dfe9;
}
.triciti-citation-grid {
display: grid;
gap: 1.5rem;
text-align: center;
}
@media (min-width: 768px) {
.triciti-citation-grid {
grid-template-columns: repeat(2, 1fr);
text-align: left;
}
}
@media (min-width: 1024px) {
.triciti-citation-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.triciti-citation-item h3 {
font-size: 1rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 0.5rem;
}
.triciti-citation-item p,
.triciti-citation-item a {
font-size: 0.875rem;
color: #64748b;
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
@media (min-width: 768px) {
.triciti-citation-item p,
.triciti-citation-item a {
justify-content: flex-start;
}
}
.triciti-citation-item a {
text-decoration: none;
transition: color 0.3s;
}
.triciti-citation-item a:hover {
color: #2196d3;
}
.triciti-citation-item svg {
width: 16px;
height: 16px;
color: #2196d3;
flex-shrink: 0;
margin-top: 2px;
}
/* Footer */
.triciti-footer {
background: #0f172a;
color: #94a3b8;
padding: 3rem 0 1.5rem;
}
.triciti-footer-grid {
display: grid;
gap: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.triciti-footer-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.triciti-footer-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.triciti-footer h4 {
font-size: 1rem;
font-weight: 600;
color: white;
margin-bottom: 1rem;
}
.triciti-footer-links {
list-style: none;
padding: 0;
margin: 0;
}
.triciti-footer-links li {
margin-bottom: 0.5rem;
}
.triciti-footer-links a {
color: #94a3b8;
text-decoration: none;
font-size: 0.875rem;
transition: color 0.3s;
}
.triciti-footer-links a:hover {
color: #2196d3;
}
.triciti-social-links {
display: flex;
gap: 0.75rem;
margin-top: 1rem;
}
.triciti-social-link {
width: 40px;
height: 40px;
background: #1e293b;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #94a3b8;
text-decoration: none;
transition: all 0.3s;
}
.triciti-social-link:hover {
background: #2196d3;
color: white;
}
.triciti-social-link svg {
width: 20px;
height: 20px;
}
.triciti-footer-bottom {
border-top: 1px solid #1e293b;
padding-top: 1.5rem;
text-align: center;
}
.triciti-footer-disclaimer {
background: rgba(139, 35, 50, 0.15);
border: 1px solid rgba(139, 35, 50, 0.25);
border-radius: 0.5rem;
padding: 1rem;
margin-bottom: 1rem;
font-size: 0.75rem;
color: #fca5a5;
}
.triciti-footer-copyright {
font-size: 0.875rem;
color: #64748b;
}
.triciti-footer-copyright a {
color: #2196d3;
text-decoration: none;
}
.triciti-footer-copyright a:hover {
text-decoration: underline;
}
0417 623 763
Brisbane • Logan • Ipswich
Get Your Free Bond Cleaning Quote
Brisbane’s Most Trusted Bond Cleaners — Fill the form below for an instant quote
100% Bond Back Guarantee
No Hidden Charges
Open 24/7
Top Rated Service
Request Your Free Quote Now
Fill in your details below — No obligation, 100% free estimate
🔒 Your information is secure and will never be shared
Why Brisbane Chooses Triciti Bond Cleaners
Trusted by thousands of tenants across Brisbane, Logan & Ipswich
100% Bond Back Guarantee
We guarantee your full bond return or we re-clean for free
No Hidden Charges
Transparent pricing with no surprise fees — what you see is what you pay
Open 24/7
Flexible scheduling to suit your move-out timeline
Top Rated Service
Trusted by thousands of Brisbane tenants and landlords
Professional Equipment
Industry-grade cleaning tools and eco-friendly products
Experienced Cleaners
Fully trained professionals who know what agents look for
Our Professional Cleaning Services
Comprehensive cleaning solutions for every need
Areas We Serve
Professional bond cleaning across Brisbane, Logan & Ipswich
Brisbane & Surrounding Suburbs
Brisbane CBD
South Brisbane
Fortitude Valley
West End
Woolloongabba
Kangaroo Point
New Farm
Paddington
Toowong
Indooroopilly
Sunnybank
Runcorn
Eight Mile Plains
Logan
Ipswich
+ All Suburbs
Ready to Get Your Bond Back?
Get your free quote now — no obligations, no hidden fees!
Triciti Bond Cleaners Brisbane
10 Pear St, Runcorn QLD 4113, Australia
Business Hours
Open 24 Hours, 7 Days a Week