.elementor-637 .elementor-element.elementor-element-3fd1684{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-3fd1684:not(.elementor-motion-effects-element-type-background), .elementor-637 .elementor-element.elementor-element-3fd1684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://indiafastenershow.com/pune/wp-content/uploads/2025/08/cta-bg.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-637 .elementor-element.elementor-element-7d3b6a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-637 .elementor-element.elementor-element-7af514f{padding:20px 20px 20px 20px;text-align:center;}.elementor-637 .elementor-element.elementor-element-7af514f .elementor-heading-title{font-size:36px;color:#FF7200;}@media(max-width:767px){.elementor-637 .elementor-element.elementor-element-7d3b6a6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-f7a9d1b */.team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* ✅ 4 per row */
  gap: 25px;
  max-width: 1400px;
  margin: auto;
  padding: 30px;
}

/* Responsive settings */
@media (max-width: 1024px) {
  .team-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets */
  }
}

@media (max-width: 600px) {
  .team-grid {
    grid-template-columns: 1fr; /* 1 per row on mobile */
  }
}

.team-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(50px);
}

.team-card.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease-out;
}

.team-img img {
  width: 100%;
  height: auto;
  border-bottom: 4px solid #FF7200;
  transition: transform 0.4s ease;
}

.team-card:hover .team-img img {
  transform: scale(1.05);
}

.team-info {
  padding: 20px;
}

.team-info h3 {
  font-size: 18px;
  font-weight: 700;
  color: #FF7200;
  margin-bottom: 5px;
}

.team-info .role {
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}

.team-info .company {
  font-size: 14px;
  color: #555;
  display: block;
  text-align: center;
  margin-top: 6px;
}

.company-logo {
  display: block;
  margin: 6px auto 0;  /* centers logo below text */
  height: 22px;        /* adjust size */
  width: auto;
  object-fit: contain;
}/* End custom CSS */