.tmt-bars-section {
  background: linear-gradient(to bottom, #5d5d5d, #ffffff);
  padding: 6rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-family: 'Michroma', sans-serif;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 4rem;
  font-family: 'Michroma', sans-serif;
}

.brands-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  font-family: 'Michroma', sans-serif;
}

.brand-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  transform: translateY(50px);
  opacity: 0;
  font-family: 'Michroma', sans-serif;
}

.brand-card img {
  width: 100%;
  height: 200px; /* or adjust (e.g., 220px, 180px) as fits your design */
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 1rem;
  display: block;
}

/* TMT Bars Description Section */
.tmt-description-section {
    
  background: linear-gradient(to bottom, #ffffff, #ffcf0dd4);
  padding: 5rem 2rem;
  text-align: center;
  font-family: 'Michroma', sans-serif;
}

.tmt-description-container {
  max-width: 800px;
  margin: 0 auto;
}

.tmt-description-title {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #333333;
}

.tmt-description-text {
  font-size: 1rem;
  color: #444444;
  line-height: 1.6;
  margin-bottom: 1rem;
  padding: 0 1rem;
}

/* Contact Us CTA Section */
.tmt-contact-cta {
   background: linear-gradient(to bottom,  #ffcf0dd4, #807f7a);
  padding: 4rem 2rem;
  text-align: center;
  font-family: 'Michroma', sans-serif;
}

.tmt-contact-container {
  max-width: 600px;
  margin: 0 auto;
}

.tmt-contact-title {
  font-size: 1.8rem;
  color: #ffffff;
  margin-bottom: 1rem;
}

.tmt-contact-text {
  font-size: 1rem;
  color: #dddddd;
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.tmt-contact-button {
  background: #ffffff;
  color: #5d5d5d;
  padding: 0.8rem 1.5rem;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1rem;
  font-family: 'Michroma', sans-serif;
  transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.tmt-contact-button:hover {
  background: #333333;
  color: #ffffff;
  transform: translateY(-3px);
}