[et_pb_section fb_built="1" _builder_version="4.27.4" _module_preset="default" use_background_color_gradient="on" background_color_gradient_stops="rgba(0,28,63,0.65) 0%|rgba(0,28,63,0.71) 100%" background_color_gradient_overlays_image="on" background_image="https://www.cembenchmarking.com/wp-content/uploads/2024/12/careers-final-med.jpg" background_position="top_center" height="370px" locked="off" global_colors_info="{}"][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"][et_pb_row _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"][et_pb_code _builder_version="4.27.4" _module_preset="default" hover_enabled="0" custom_css_free_form="/* Tabs Styling */||.custom-tabs {||  display: flex;||  justify-content: center;||  list-style: none;||  padding: 0;||  margin: 0;||  border-bottom: 2px solid #ddd;||}||||.custom-tabs .tab {||  padding: 10px 20px;||  cursor: pointer;||  margin: 0 5px;||  border: 1px solid #ddd;||  border-bottom: none;||  background: #f9f9f9;||  transition: background 0.3s ease;||}||||.custom-tabs .tab.active {||  background: #007bff;||  color: #fff;||  border-bottom: 2px solid #fff;||}||||.custom-tabs .tab:hover {||  background: #007bff;||  color: #fff;||}||||/* Tab Content */||.tab-content {||  padding: 20px;||  border: 1px solid #ddd;||  background: #fff;||}||||.tab-pane {||  display: none;||}||||.tab-pane.active {||  display: block;||}||||/* Team Grid */||.team-grid {||  display: flex;||  flex-wrap: wrap;||  gap: 20px;||  justify-content: center;||}||||.team-member {||  flex: 1 0 30%;||  max-width: 30%;||  text-align: center;||}||||.profile-circle {||  width: 120px;||  height: 120px;||  border-radius: 50%;||}||||.card-profiles {||  border: 1px solid #ddd;||  padding: 15px;||  border-radius: 10px;||  cursor: pointer;||  transition: transform 0.3s ease;||}||||.card-profiles:hover {||  transform: scale(1.05);||}||||/* Modal Styling */||.modal {||  display: none;||  position: fixed;||  top: 0;||  left: 0;||  width: 100%;||  height: 100%;||  background: rgba(0, 0, 0, 0.5);||  justify-content: center;||  align-items: center;||  z-index: 1000;||}||||.modal-content {||  background: #fff;||  padding: 20px;||  border-radius: 10px;||  width: 80%;||  max-width: 500px;||  text-align: center;||}||||.modal .close {||  position: absolute;||  top: 10px;||  right: 10px;||  cursor: pointer;||  font-size: 20px;||}||" global_colors_info="{}" sticky_enabled="0"]<div class="tabs-container"><!-- [et_pb_line_break_holder] -->  <ul class="custom-tabs"><!-- [et_pb_line_break_holder] -->    <li class="tab active" data-tab="leadership">Leadership Team</li><!-- [et_pb_line_break_holder] -->    <li class="tab" data-tab="clientCoverage">Client Coverage</li><!-- [et_pb_line_break_holder] -->    <li class="tab" data-tab="productTeam">Product Team</li><!-- [et_pb_line_break_holder] -->    <li class="tab" data-tab="engineeringTeam">Engineering Team</li><!-- [et_pb_line_break_holder] -->    <li class="tab" data-tab="boardMembers">Board Members</li><!-- [et_pb_line_break_holder] -->  </ul><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <div class="tab-content"><!-- [et_pb_line_break_holder] -->    <div id="leadership" class="tab-pane active"><!-- [et_pb_line_break_holder] -->      <h2>Leadership Team</h2><!-- [et_pb_line_break_holder] -->      <div class="team-grid"><!-- [et_pb_line_break_holder] -->        <!-- Team members go here --><!-- [et_pb_line_break_holder] -->      </div><!-- [et_pb_line_break_holder] -->    </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div id="clientCoverage" class="tab-pane"><!-- [et_pb_line_break_holder] -->      <h2>Client Coverage</h2><!-- [et_pb_line_break_holder] -->      <div class="team-grid"><!-- [et_pb_line_break_holder] -->        <!-- Team members go here --><!-- [et_pb_line_break_holder] -->      </div><!-- [et_pb_line_break_holder] -->    </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div id="productTeam" class="tab-pane"><!-- [et_pb_line_break_holder] -->      <h2>Product Team</h2><!-- [et_pb_line_break_holder] -->      <div class="team-grid"><!-- [et_pb_line_break_holder] -->        <!-- Team members go here --><!-- [et_pb_line_break_holder] -->      </div><!-- [et_pb_line_break_holder] -->    </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div id="engineeringTeam" class="tab-pane"><!-- [et_pb_line_break_holder] -->      <h2>Engineering Team</h2><!-- [et_pb_line_break_holder] -->      <div class="team-grid"><!-- [et_pb_line_break_holder] -->        <!-- Team members go here --><!-- [et_pb_line_break_holder] -->      </div><!-- [et_pb_line_break_holder] -->    </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div id="boardMembers" class="tab-pane"><!-- [et_pb_line_break_holder] -->      <h2>Board Members</h2><!-- [et_pb_line_break_holder] -->      <div class="team-grid"><!-- [et_pb_line_break_holder] -->        <!-- Team members go here --><!-- [et_pb_line_break_holder] -->      </div><!-- [et_pb_line_break_holder] -->    </div><!-- [et_pb_line_break_holder] -->  </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Example Modal --><!-- [et_pb_line_break_holder] --><div id="exampleModal" class="modal"><!-- [et_pb_line_break_holder] -->  <div class="modal-content"><!-- [et_pb_line_break_holder] -->    <span class="close">&times;</span><!-- [et_pb_line_break_holder] -->    <h2>Example Name</h2><!-- [et_pb_line_break_holder] -->    <p>Example Bio</p><!-- [et_pb_line_break_holder] -->  </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  document.addEventListener("DOMContentLoaded", () => {<!-- [et_pb_line_break_holder] -->  // Tab switching logic<!-- [et_pb_line_break_holder] -->  const tabs = document.querySelectorAll(".custom-tabs .tab");<!-- [et_pb_line_break_holder] -->  const panes = document.querySelectorAll(".tab-pane");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  tabs.forEach((tab) => {<!-- [et_pb_line_break_holder] -->    tab.addEventListener("click", () => {<!-- [et_pb_line_break_holder] -->      // Remove 'active' class from all tabs<!-- [et_pb_line_break_holder] -->      tabs.forEach((t) => t.classList.remove("active"));<!-- [et_pb_line_break_holder] -->      // Hide all panes<!-- [et_pb_line_break_holder] -->      panes.forEach((pane) => pane.classList.remove("active"));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      // Add 'active' class to clicked tab<!-- [et_pb_line_break_holder] -->      tab.classList.add("active");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      // Show corresponding pane<!-- [et_pb_line_break_holder] -->      const targetPane = document.getElementById(tab.getAttribute("data-tab"));<!-- [et_pb_line_break_holder] -->      if (targetPane) {<!-- [et_pb_line_break_holder] -->        targetPane.classList.add("active");<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  // Modal logic<!-- [et_pb_line_break_holder] -->  const modals = document.querySelectorAll(".modal");<!-- [et_pb_line_break_holder] -->  const modalTriggers = document.querySelectorAll("[data-modal]");<!-- [et_pb_line_break_holder] -->  const modalCloses = document.querySelectorAll(".modal .close");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  modalTriggers.forEach((trigger) => {<!-- [et_pb_line_break_holder] -->    trigger.addEventListener("click", () => {<!-- [et_pb_line_break_holder] -->      const targetModal = document.getElementById(trigger.getAttribute("data-modal"));<!-- [et_pb_line_break_holder] -->      if (targetModal) {<!-- [et_pb_line_break_holder] -->        targetModal.style.display = "flex"; // Show modal<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  modalCloses.forEach((close) => {<!-- [et_pb_line_break_holder] -->    close.addEventListener("click", () => {<!-- [et_pb_line_break_holder] -->      close.closest(".modal").style.display = "none"; // Hide modal<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  // Close modal when clicking outside of modal-content<!-- [et_pb_line_break_holder] -->  modals.forEach((modal) => {<!-- [et_pb_line_break_holder] -->    modal.addEventListener("click", (e) => {<!-- [et_pb_line_break_holder] -->      if (e.target === modal) {<!-- [et_pb_line_break_holder] -->        modal.style.display = "none";<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]