/* ================================ */
/*         Footer Brands Text       */
/* ================================ */
.footer-brands {
    text-align: center;
    margin-top: 2rem;
  }
  
  .footer-brands h3 {
    font-size: 1.3rem;
    color: #0b6e4f;
    margin-bottom: 1rem;
  }
  
  .brand-names {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    font-size: 0.95rem;
    color: #333;
  }
  
  .brand-names span {
    background-color: #f1f1f1;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 500;
    transition: background-color 0.3s ease;
  }
  
  .brand-names span:hover {
    background-color: #0b6e4f;
    color: #fff;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .brand-names {
      font-size: 0.85rem;
      gap: 0.6rem;
    }
  }