.elementor-14103 .elementor-element.elementor-element-26b7d71f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-26b7d71f */.team-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.team-tab {
  padding: 10px 20px;
  background: transparent;
  border: none;
  color: white;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  font-family: "Public Sans", Sans-serif;
}

.team-tab.active {
  background: white;
  color: black;
}

.team-cards-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;

  margin: 0 auto;
}
.team-card {
  background-color: #1a1a1d;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
justify-content: space-between;
}

.team-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  background-color: white;
}

.team-card h3 {
  font-family: "Public Sans", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #FCFCFC;
  margin: 15px 0 5px;
}

.team-card p {
  font-family: "Public Sans", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FCFCFC;
  text-transform: capitalize;
  margin: 0;
}

.department {
  font-family: "Public Sans", Sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #FCFCFC;
  text-transform: capitalize;

  align-self: start;
  width: 100%;
  min-height: 16px;
}
@media (max-width: 1024px) {
  .team-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .team-tabs {
    
        flex-wrap: nowrap;
        overflow: scroll;
    
    padding: 10px 0;
    }

}

@media (max-width: 767px) {
    
  .team-cards-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 16px;
    max-width: 100%;
  }
}



@media (max-width: 767px) {
  .team-card h3 {
    font-size: 14px;
    line-height: 20px;
  }

  .team-card p {
    font-size: 12px;
    line-height: 16px;
  }

  .department {
    font-size: 10px;
    line-height: 14px;
      min-height: 14px;
  }
}/* End custom CSS */