.suburb-page {
         color: #333;
         line-height: 1.7;
         overflow-x: hidden;
         width: 100%;
         max-width: 100%;
     }

     .suburb-page * {
         box-sizing: border-box;
     }

     .suburb-page h1,
     .suburb-page h2,
     .suburb-page h3,
     .suburb-page h4 {
         font-weight: 700;
         line-height: 1.3;
         color: #1a3a5c;
     }

     .suburb-page p {
         margin-bottom: 1rem;
         color: #555;
     }

     .suburb-page a {
         color: #0066cc;
         text-decoration: none;
         transition: color 0.3s ease;
     }

     .suburb-page a:hover {
         color: #ff6b35;
     }

     .suburb-page .hero-section {
         background: linear-gradient(135deg, rgba(26,58,92,0.85) 0%,
rgba(44,95,141,0.85) 100%),
                     
url('https://nextwebs.com.au/demo/diamond/wp-content/uploads/2026/06/suburb1-01.jpg')
center/cover no-repeat;
         color: white;
         padding: 100px 20px;
         text-align: center;
         position: relative;
         overflow: hidden;
     }

     .suburb-page .hero-content {
         max-width: 900px;
         margin: 0 auto;
         position: relative;
         z-index: 2;
     }

     .suburb-page .hero-section h1 {
         font-size: 3rem;
         color: white !important;
         margin-bottom: 1rem;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
         line-height: 1.2;
     }

     .suburb-page .hero-section .suburb-page .subtitle {
         font-size: 1.3rem;
         color: rgba(255,255,255,0.95) !important;
         margin-bottom: 2rem;
         font-weight: 300;
     }
     .suburb-page .hero-content p{
         color:#fff;
     }

     .suburb-page .hero-cta {
         display: flex;
         gap: 15px;
         justify-content: center;
         flex-wrap: wrap;
         margin-top: 2rem;
     }

     .suburb-page .btn {
         display: inline-block;
         padding: 15px 35px;
         border-radius: 50px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         transition: all 0.3s ease;
         font-size: 0.95rem;
         text-decoration: none;
         border: none;
         cursor: pointer;
     }

     .suburb-page .btn-primary {
         background: #ff6b35 !important;
         color: white !important;
         box-shadow: 0 4px 15px rgba(255,107,53,0.3);
     }

     .suburb-page .btn-primary:hover {
         background: #ff5722 !important;
         color: white !important;
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(255,107,53,0.4);
     }

     .suburb-page .btn-secondary {
         background: white !important;
         color: #1a3a5c !important;
         border: 2px solid white !important;
     }

     .suburb-page .btn-secondary:hover {
         background: transparent !important;
         color: white !important;
         transform: translateY(-2px);
     }

     .suburb-page .content-section {
         max-width: 1200px;
         margin: 0 auto;
         padding: 80px 20px;
     }

     .suburb-page .section-header {
         text-align: center;
         margin-bottom: 50px;
     }

     .suburb-page .section-header h2 {
         font-size: 2.2rem;
         margin-bottom: 15px;
         position: relative;
         display: inline-block;
         color: #1a3a5c !important;
     }

     .suburb-page .section-header h2::after {
         content: '';
         display: block;
         width: 60px;
         height: 4px;
         background: #ff6b35;
         margin: 15px auto 0;
         border-radius: 2px;
     }

     .suburb-page .section-header p {
         font-size: 1.1rem;
         color: #666;
         max-width: 700px;
         margin: 0 auto;
     }

     .suburb-page .intro-section {
         background: #f8f9fa;
         padding: 80px 20px;
     }

     .suburb-page .intro-content-wrapper {
         max-width: 1200px;
         margin: 0 auto;
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 50px;
         align-items: center;
     }

     .suburb-page .intro-text h2 {
         font-size: 2rem;
         margin-bottom: 25px;
         color: #1a3a5c !important;
     }

     .suburb-page .intro-text p {
         font-size: 1rem;
         line-height: 1.8;
         margin-bottom: 20px;
     }

     .suburb-page .intro-image {
         border-radius: 15px;
         overflow: hidden;
         box-shadow: 0 10px 30px rgba(0,0,0,0.15);
     }

     .suburb-page .intro-image img {
         width: 100%;
         height: auto;
         display: block;
     }

     .suburb-page .services-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
         gap: 30px;
         margin-top: 40px;
     }

     .suburb-page .service-card {
         background: white;
         border-radius: 15px;
         padding: 35px 30px;
         box-shadow: 0 5px 20px rgba(0,0,0,0.08);
         transition: all 0.3s ease;
         border: 1px solid #e8e8e8;
         position: relative;
         overflow: hidden;
     }

     .suburb-page .service-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 5px;
         background: linear-gradient(90deg, #1a3a5c, #2c5f8d);
     }

     .suburb-page .service-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 10px 30px rgba(0,0,0,0.15);
     }

     .suburb-page .service-icon {
         width: 60px;
         height: 60px;
         background: linear-gradient(135deg, #1a3a5c, #2c5f8d);
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 20px;
         font-size: 28px;
     }

     .suburb-page .service-card h3 {
         font-size: 1.4rem;
         margin-bottom: 15px;
         color: #1a3a5c !important;
     }

     .suburb-page .service-card p {
         color: #666;
         margin-bottom: 20px;
     }

     .suburb-page .service-card ul {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     .suburb-page .service-card ul li {
         padding: 8px 0;
         padding-left: 25px;
         position: relative;
         color: #555;
     }

     .suburb-page .service-card ul li::before {
         content: '✓';
         position: absolute;
         left: 0;
         color: #ff6b35;
         font-weight: bold;
         font-size: 1.1rem;
     }

     .suburb-page .why-choose-section {
         background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
         padding: 80px 20px;
     }

     .suburb-page .benefits-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 30px;
         max-width: 1200px;
         margin: 0 auto;
     }

     .suburb-page .benefit-item {
         background: white;
         padding: 30px;
         border-radius: 12px;
         text-align: center;
         box-shadow: 0 3px 15px rgba(0,0,0,0.06);
         transition: all 0.3s ease;
     }

     .suburb-page .benefit-item:hover {
         transform: translateY(-3px);
         box-shadow: 0 8px 25px rgba(0,0,0,0.1);
     }

     .suburb-page .benefit-icon {
         width: 70px;
         height: 70px;
         background: linear-gradient(135deg, #ff6b35, #ff8c5a);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0 auto 20px;
         font-size: 30px;
         color: white;
     }

     .suburb-page .benefit-item h3 {
         font-size: 1.2rem;
         margin-bottom: 12px;
         color: #1a3a5c !important;
     }

     .suburb-page .benefit-item p {
         color: #666;
         font-size: 0.95rem;
     }

     .suburb-page .process-section {
         background: white;
         padding: 80px 20px;
     }

     .suburb-page .process-grid {
         max-width: 1200px;
         margin: 50px auto 0;
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 30px;
     }

     .suburb-page .process-card {
         background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
         border-radius: 15px;
         padding: 35px 30px;
         box-shadow: 0 5px 20px rgba(0,0,0,0.08);
         transition: all 0.3s ease;
         border: 2px solid transparent;
         position: relative;
         overflow: hidden;
     }

     .suburb-page .process-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 5px;
         background: linear-gradient(90deg, #1a3a5c, #ff6b35);
     }

     .suburb-page .process-card:hover {
         transform: translateY(-8px);
         box-shadow: 0 12px 35px rgba(0,0,0,0.15);
         border-color: #ff6b35;
     }

     .suburb-page .process-step-number {
         width: 60px;
         height: 60px;
         background: linear-gradient(135deg, #1a3a5c, #2c5f8d);
         color: white !important;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: bold;
         font-size: 1.8rem;
         margin-bottom: 20px;
         box-shadow: 0 4px 12px rgba(26,58,92,0.3);
     }

     .suburb-page .process-card h3 {
         font-size: 1.3rem;
         margin-bottom: 15px;
         color: #1a3a5c !important;
     }

     .suburb-page .process-card p {
         color: #666;
         margin: 0;
         line-height: 1.7;
     }

     .suburb-page .service-areas-section {
         background: #1a3a5c;
         color: white;
         padding: 80px 20px;
     }

     .suburb-page .service-areas-section h2 {
         color: white !important;
         text-align: center;
         margin-bottom: 30px;
     }

     .suburb-page .service-areas-section h2::after {
         background: #ff6b35;
     }

     .suburb-page .service-areas-section p {
         color: rgba(255,255,255,0.9) !important;
         text-align: center;
         margin-bottom: 30px;
     }

     .suburb-page .suburb-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 12px;
         justify-content: center;
         max-width: 1000px;
         margin: 0 auto;
     }

     .suburb-page .suburb-tag {
         background: rgba(255,255,255,0.1);
         color: white !important;
         padding: 10px 20px;
         border-radius: 25px;
         border: 1px solid rgba(255,255,255,0.2);
         transition: all 0.3s ease;
         text-decoration: none;
         display: inline-block;
     }

     .suburb-page .suburb-tag:hover {
         background: #ff6b35;
         border-color: #ff6b35;
         color: white !important;
         transform: translateY(-2px);
     }

     .suburb-page .faq-section {
         background: #f8f9fa;
         padding: 80px 20px;
         display: block !important;
         visibility: visible !important;
         opacity: 1 !important;
     }

     .suburb-page .faq-container {
         max-width: 800px;
         margin: 0 auto;
         display: block !important;
     }

     .suburb-page .faq-item {
         background: white;
         margin-bottom: 15px;
         border-radius: 10px;
         overflow: hidden;
         box-shadow: 0 2px 10px rgba(0,0,0,0.05);
         border: 1px solid #e8e8e8;
         display: block !important;
     }

     .suburb-page .faq-question {
         padding: 20px 25px;
         cursor: pointer;
         display: flex;
         justify-content: space-between;
         align-items: center;
         transition: background 0.3s ease;
         background: white;
     }

     .suburb-page .faq-question:hover {
         background: #f8f9fa;
     }

     .suburb-page .faq-question h3 {
         font-size: 1.1rem;
         margin: 0;
         color: #1a3a5c !important;
         flex: 1;
     }

     .suburb-page .faq-toggle {
         width: 30px;
         height: 30px;
         background: #1a3a5c;
         color: white !important;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 1.2rem;
         transition: transform 0.3s ease;
         flex-shrink: 0;
         margin-left: 15px;
     }

    .suburb-page .faq-item.active .faq-toggle {
        transform: rotate(45deg);
        background: #ff6b35;
    }

     .suburb-page .faq-answer {
         padding: 0 25px;
         max-height: 0;
         overflow: hidden;
         transition: all 0.3s ease;
         background: white;
     }

     .suburb-page .faq-item.active .faq-answer {
         padding: 0 25px 20px;
         max-height: 500px;
     }

     .suburb-page .faq-answer p {
         color: #666;
         line-height: 1.7;
         margin: 0;
     }

     .suburb-page .contact-section {
         background: linear-gradient(135deg, #1a3a5c 0%, #2c5f8d 100%);
         color: white;
         padding: 80px 20px;
         display: block !important;
     }

     .suburb-page .contact-container {
         max-width: 1100px;
         margin: 0 auto;
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 50px;
         align-items: start;
     }

     .suburb-page .contact-info h2 {
         color: white !important;
         font-size: 2.2rem;
         margin-bottom: 20px;
     }

     .suburb-page .contact-info h2::after {
         background: #ff6b35;
     }

     .suburb-page .contact-info p {
         color: rgba(255,255,255,0.9) !important;
         font-size: 1.1rem;
         margin-bottom: 30px;
     }

     .suburb-page .contact-details {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     .suburb-page .contact-details li {
         display: flex;
         align-items: center;
         margin-bottom: 20px;
         font-size: 1.1rem;
     }

     .suburb-page .contact-icon {
         width: 45px;
         height: 45px;
         background: rgba(255,255,255);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-right: 15px;
         font-size: 1.2rem;
         flex-shrink: 0;
     }

     .suburb-page .contact-form-wrapper {
         background: white;
         padding: 40px;
         border-radius: 15px;
         box-shadow: 0 10px 40px rgba(0,0,0,0.3);
         display: block !important;
         visibility: visible !important;
     }

     .suburb-page .contact-form-wrapper h3 {
         color: #1a3a5c !important;
         font-size: 1.5rem;
         margin-bottom: 25px;
         text-align: center;
     }

     .suburb-page .contact-form-wrapper .suburb-page .wpcf7 {
         margin: 0;
         padding: 0;
     }

     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-form {
         display: block;
     }

     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-form-control-wrap {
         display: block;
         margin-bottom: 15px;
     }

     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-text,
     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-email,
     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-tel,
     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-textarea {
         width: 100%;
         padding: 12px 15px;
         border: 1px solid #ddd;
         border-radius: 8px;
         font-size: 1rem;
         font-family: inherit;
     }

     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-submit {
         background: #ff6b35;
         color: white !important;
         border: none;
         padding: 15px 35px;
         border-radius: 50px;
         font-weight: 600;
         cursor: pointer;
         width: 100%;
         font-size: 1rem;
         text-transform: uppercase;
         transition: all 0.3s ease;
     }

     .suburb-page .contact-form-wrapper .suburb-page .wpcf7-submit:hover {
         background: #ff5722;
         transform: translateY(-2px);
     }

     @media (max-width: 768px) {
         .suburb-page .hero-section {
             padding: 70px 15px;
         }

         .suburb-page .hero-section h1 {
             font-size: 2rem;
         }

         .suburb-page .hero-section .suburb-page .subtitle {
             font-size: 1.1rem;
         }

         .suburb-page .section-header h2 {
             font-size: 1.8rem;
         }

         .suburb-page .intro-content-wrapper {
             grid-template-columns: 1fr;
             gap: 30px;
         }

         .suburb-page .services-grid {
             grid-template-columns: 1fr;
         }

         .suburb-page .benefits-grid {
             grid-template-columns: 1fr;
         }

         .suburb-page .process-grid {
             grid-template-columns: 1fr;
             gap: 25px;
         }

         .suburb-page .process-card {
             padding: 30px 25px;
         }

         .suburb-page .contact-container {
             grid-template-columns: 1fr;
             gap: 30px;
         }

         .suburb-page .contact-form-wrapper {
             padding: 25px;
         }

         .suburb-page .faq-question h3 {
             font-size: 1rem;
         }
     }

     @media (max-width: 480px) {
         .suburb-page .hero-section h1 {
             font-size: 1.7rem;
         }

         .suburb-page .content-section {
             padding: 50px 15px;
         }

         .suburb-page .btn {
             padding: 12px 25px;
             font-size: 0.9rem;
         }
     }