/* ===== Trust Badges ===== */
.trust-badges {
    display: flex;
    gap: 1.5rem;
    margin: 1.5rem 0;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .trust-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  .trust-item img {
    width: 80px;
    height: auto;
    transition: transform 0.3s ease;
  }
  
  .trust-item img:hover {
    transform: scale(1.05);
  }
  
  .trust-item span {
    font-size: 0.95rem;
    line-height: 1.4;
    color: #333;
  }
  
  .trust-item i {
    font-size: 1.5rem;
    color: #ff4d4d;
  }
  
  .trust-item a {
    color: #ff4d4d;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
  }
  
  .trust-item a:hover {
    color: #c1121f;
    text-decoration: underline;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .trust-badges {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }
    
    .trust-item span {
      font-size: 0.9rem;
    }
  }
                  /* Hero Section Styles Only */
          .service-hero {
              padding: 40px 0;
              background: #fff;
          }
          
          .service-hero .container {
              max-width: 1200px;
              margin: 0 auto;
              padding: 0 20px;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 40px;
          }
          
          .service-hero .content-column {
              flex: 1;
              min-width: 300px;
          }
          
          .service-hero .image-column {
              flex: 1;
              min-width: 300px;
          }
          
          .service-hero h1 {
              font-size: 2.2rem;
              line-height: 1.2;
              color: #222;
              margin-bottom: 1rem;
          }
          
          .service-hero .subtitle {
              font-size: 1.1rem;
              color: #555;
              margin-bottom: 2rem;
              max-width: 500px;
          }
          
          .service-hero .zip-form-container {
              max-width: 500px;
          }
          
          .service-hero .form-group {
              display: flex;
              border-radius: 8px;
              overflow: hidden;
              box-shadow: 0 3px 10px rgba(0,0,0,0.1);
              margin-bottom: 20px;
          }
          
          .service-hero .zip-input {
              flex: 1;
              padding: 14px 18px;
              border: 1px solid #e0e0e0;
              border-right: none;
              font-size: 1rem;
              outline: none;
          }
          
          .service-hero .zip-input:focus {
              border-color: #ff4d4d;
          }
          
          .service-hero .submit-btn {
              background: #ff4d4d;
              color: white;
              border: none;
              padding: 0 24px;
              font-weight: 600;
              cursor: pointer;
              display: flex;
              align-items: center;
              gap: 8px;
              transition: all 0.3s;
          }
          
          .service-hero .submit-btn:hover {
              background: #c1121f;
          }
          
          .service-hero .trust-badges {
              display: flex;
              flex-wrap: wrap;
              gap: 20px;
              align-items: center;
          }
          
          .service-hero .rating {
              display: flex;
              align-items: center;
              gap: 8px;
          }
          
          .service-hero .rating span {
              font-size: 0.9rem;
              color: #555;
          }
          
          .service-hero .phone {
              display: flex;
              align-items: center;
              gap: 8px;
              font-size: 0.9rem;
          }
          
          .service-hero .phone a {
              color: #ff4d4d;
              font-weight: 600;
              text-decoration: none;
          }
          
          .service-hero .phone a:hover {
              text-decoration: underline;
          }
          
          .service-hero .hero-image {
              max-width: 100%;
              height: auto;
              border-radius: 8px;
              box-shadow: 0 10px 20px rgba(0,0,0,0.1);
          }
          
          /* Responsive Adjustments for Hero Only */
          @media (max-width: 768px) {
              .service-hero .container {
                  flex-direction: column;
              }
              
              .service-hero .form-group {
                  flex-direction: column;
              }
              
              .service-hero .zip-input {
                  border-right: 1px solid #e0e0e0;
                  border-bottom: none;
              }
              
              .service-hero .submit-btn {
                  padding: 12px;
                  justify-content: center;
              }
              
              .service-hero .trust-badges {
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 15px;
              }
              
              .service-hero h1 {
                  font-size: 1.8rem;
              }
          }
          
          /* Add this to your existing hero section CSS */
          .error-message {
              color: #d32f2f;
              font-size: 0.9rem;
              margin-top: 10px;
              padding: 8px 12px;
              background-color: #ffebee;
              border-radius: 4px;
              display: none;
          }
          
          .error-message:not(:empty) {
              display: block;
          }
.guarantee-section {
    padding: 60px 20px;
    text-align: center;
    background: #f8f9fa;
  }
  
  .guarantee-container {
    max-width: 800px;
    margin: 0 auto;
  }
  
  .guarantee-image {
    width: 120px;
    height: auto;
    margin-bottom: 25px;
  }
  
  .guarantee-section h2 {
    font-size: 2rem;
    color: #222;
    margin-bottom: 15px;
  }
  
  .guarantee-section p {
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
  }
  
  /* Responsive adjustment */
  @media (max-width: 768px) {
    .guarantee-section h2 {
      font-size: 1.6rem;
    }
    
    .guarantee-section p {
      font-size: 1rem;
    }
  }


  