.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/kolkata/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;}.elementor-637 .elementor-element.elementor-element-fbd192f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-fbd192f:not(.elementor-motion-effects-element-type-background), .elementor-637 .elementor-element.elementor-element-fbd192f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-637 .elementor-element.elementor-element-ee2fbd3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-772c168{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-d38af0f{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-88ab2c5{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-703a1a5{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-a3f86cb{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-7959955{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-3e5821c{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-2d3928d{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-5530c68{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-ec07612{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-0403e37{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-5955f56{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-4f1db42{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-8f5faf3{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-d269e22{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-a00f8df{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-d718214{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-d286894{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-4c502c9{padding:10px 10px 10px 10px;}.elementor-637 .elementor-element.elementor-element-0a469f2{padding:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-637 .elementor-element.elementor-element-d38af0f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-637 .elementor-element.elementor-element-7d3b6a6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-637 .elementor-element.elementor-element-d38af0f{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-637 .elementor-element.elementor-element-ee2fbd3{--width:25%;}.elementor-637 .elementor-element.elementor-element-772c168{--width:75%;}}/* 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 */