.elementor-104 .elementor-element.elementor-element-329cc77{--display:flex;--min-height:350px;--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;--overlay-opacity:0.47;--padding-top:100px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-329cc77::before, .elementor-104 .elementor-element.elementor-element-329cc77 > .elementor-background-video-container::before, .elementor-104 .elementor-element.elementor-element-329cc77 > .e-con-inner > .elementor-background-video-container::before, .elementor-104 .elementor-element.elementor-element-329cc77 > .elementor-background-slideshow::before, .elementor-104 .elementor-element.elementor-element-329cc77 > .e-con-inner > .elementor-background-slideshow::before, .elementor-104 .elementor-element.elementor-element-329cc77 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://darkslategray-camel-661744.hostingersite.com/wp-content/uploads/2025/09/Untitled-design-1-1.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-79f2469{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-104 .elementor-element.elementor-element-79f2469 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-980a5e0 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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 );}.elementor-104 .elementor-element.elementor-element-58b3902{text-align:center;color:#000000;}.elementor-104 .elementor-element.elementor-element-e25f9fb{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-104 .elementor-element.elementor-element-0549606{padding:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-bb1b233{--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:100px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-bb1b233.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-104 .elementor-element.elementor-element-6528056{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-104 .elementor-element.elementor-element-6528056 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;color:var( --e-global-color-e685ddb );}.elementor-104 .elementor-element.elementor-element-92dd135{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 40px 0px 40px;}.elementor-104 .elementor-element.elementor-element-bc2da9f{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-bc2da9f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-104 .elementor-element.elementor-element-2a511c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-104 .elementor-element.elementor-element-2a511c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;color:var( --e-global-color-e685ddb );}.elementor-104 .elementor-element.elementor-element-404415a{padding:0px 50px 0px 50px;}@media(min-width:768px){.elementor-104 .elementor-element.elementor-element-329cc77{--content-width:1020px;}.elementor-104 .elementor-element.elementor-element-bb1b233{--width:100%;}.elementor-104 .elementor-element.elementor-element-bc2da9f{--width:100%;}}@media(max-width:1024px){.elementor-104 .elementor-element.elementor-element-329cc77{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-104 .elementor-element.elementor-element-79f2469{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-104 .elementor-element.elementor-element-58b3902{padding:0px 100px 0px 100px;}.elementor-104 .elementor-element.elementor-element-404415a{padding:0px 40px 0px 40px;}}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-329cc77{--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-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-104 .elementor-element.elementor-element-79f2469{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-104 .elementor-element.elementor-element-79f2469 .elementor-heading-title{font-size:34px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-104 .elementor-element.elementor-element-58b3902{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 6px 0px 6px;}.elementor-104 .elementor-element.elementor-element-e25f9fb{--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-104 .elementor-element.elementor-element-0549606{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-bb1b233{--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-6528056 .elementor-heading-title{font-size:24px;}.elementor-104 .elementor-element.elementor-element-92dd135{padding:0px 20px 0px 20px;}.elementor-104 .elementor-element.elementor-element-bc2da9f{--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-2a511c1 .elementor-heading-title{font-size:24px;}.elementor-104 .elementor-element.elementor-element-404415a{padding:0px 20px 0px 20px;}}/* Start custom CSS for html, class: .elementor-element-0549606 *//* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
}

/* Container */
.profile-container {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
}

/* Card */
.profile-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  padding: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.profile-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Header */
.profile-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 16px;
}

.profile-header img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid #b4b5d3;
  object-fit: cover;
}

/* Info */
.profile-info {
  flex: 1;
}

.profile-name {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #0c2b49;
}

/* Badges */
.profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.profile-badge {
  padding: 1px 10px;
  margin: 8px 0px 0px 0px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

.profile-badge.role {
  background: #B4B5D359;
  color: #0c2b49;
}

.profile-badge.lab {
  background: #B4B5D359;
  color: #0c2b49;
}

/* Description */
.profile-description {
  font-size: 13px;
  line-height: 1.7;
  color: #374151;
  margin: 20px 0;
}

/* Links */
.profile-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.profile-links a {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  font-weight: 500;
  color: #0c2b49;
  transition: all 0.3s ease;
}

.profile-links a:hover {
  background-color: #f0f4ff;
  border-color: #6e709a;
  color: #b4b5d3;
}

/* Responsive */
@media (max-width: 768px) {
  .profile-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .profile-info {
    text-align: center;
  }

  .profile-links {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-404415a *//* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
}

/* Team Container */
.team-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Tablet */
@media (min-width: 600px) {
  .team-container {
    grid-template-columns: 1fr 1fr;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .team-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* Team Card */
.team-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Header (Image + Info) */
.team-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 16px;
}

.team-header img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #b4b5d3;
  margin-bottom: 12px;
  object-fit: cover;
}

/* Team Info */
.team-info h3 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: #0c2b49;
}

/* Badges (fixed for responsiveness) */
.badges1 {
  display: flex;
  flex-wrap: wrap;       /* ✅ allows badges to wrap inside card */
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  max-width: 100%;       /* ✅ prevents overflow */
  box-sizing: border-box;
    white-space: normal;
  word-break: break-word;
  max-width: 100%;  
  flex: 1 1 auto;   
  white-space: nowrap;
}

.badge {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6em;
   
}

.badge.role1 {
  background: #e5e5f0; /* Light blue (Google blue with ~10% opacity) */
  color: #0c2b49; /* Stronger blue text */
}

.badge.lab1 {
  background: #e5e5f0; /* Teal with ~10% opacity */
  color: #0c2b49; /* Stronger teal text */

}


/* Adjust layout for larger screens */
@media (min-width: 600px) {
  .team-header {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }

  .team-header img {
    margin-bottom: 0;
    margin-right: 16px;
  }

  .badges1 {
    justify-content: flex-start;
  }
}

/* Description */
.team-description {
  font-size: 12px;
  color: #555;
  line-height: 1.6;
  margin: 12px 0 20px;
}

/* Links */
.team-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

@media (min-width: 600px) {
  .team-links {
    justify-content: flex-start;
  }
}

.team-links a {
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.team-links a:hover {
  background-color: #f0f4ff;
  border-color: #6e709a;
  color: #b4b5d3;
}/* End custom CSS */