.elementor-1952 .elementor-element.elementor-element-1aa2d63{--display:flex;--min-height:30vh;--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;--justify-content:center;--overlay-opacity:0.55;}.elementor-1952 .elementor-element.elementor-element-1aa2d63:not(.elementor-motion-effects-element-type-background), .elementor-1952 .elementor-element.elementor-element-1aa2d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/liberia-airport-authority.com/wp-content/uploads/2025/08/Management_Training_Course.jpg?fit=1200%2C800&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1952 .elementor-element.elementor-element-1aa2d63::before, .elementor-1952 .elementor-element.elementor-element-1aa2d63 > .elementor-background-video-container::before, .elementor-1952 .elementor-element.elementor-element-1aa2d63 > .e-con-inner > .elementor-background-video-container::before, .elementor-1952 .elementor-element.elementor-element-1aa2d63 > .elementor-background-slideshow::before, .elementor-1952 .elementor-element.elementor-element-1aa2d63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1952 .elementor-element.elementor-element-1aa2d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-4cb4881 );--background-overlay:'';}.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-1952 .elementor-element.elementor-element-2014459{text-align:center;}.elementor-1952 .elementor-element.elementor-element-2014459 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-78c9fe8 );}.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-1952 .elementor-element.elementor-element-28427c2{text-align:center;font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;color:var( --e-global-color-78c9fe8 );}.elementor-1952 .elementor-element.elementor-element-8eacd33{--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-1952 .elementor-element.elementor-element-9dd1421{--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:30px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1952 .elementor-element.elementor-element-a46daf7{text-align:center;}.elementor-1952 .elementor-element.elementor-element-a46daf7 .elementor-heading-title{font-family:"Roboto Mono", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-4cb4881 );}.elementor-1952 .elementor-element.elementor-element-8aa0fe8{text-align:start;}.elementor-1952 .elementor-element.elementor-element-8aa0fe8 .elementor-heading-title{font-family:"Roboto Mono", Sans-serif;font-size:20px;font-weight:700;}.elementor-1952 .elementor-element.elementor-element-af762e4{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4cb4881 );}.elementor-1952 .elementor-element.elementor-element-82dabd2{text-align:start;}.elementor-1952 .elementor-element.elementor-element-82dabd2 .elementor-heading-title{font-family:"Roboto Mono", Sans-serif;font-size:20px;font-weight:700;}.elementor-1952 .elementor-element.elementor-element-d1665e7{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4cb4881 );}.elementor-1952 .elementor-element.elementor-element-bc792eb{text-align:start;}.elementor-1952 .elementor-element.elementor-element-bc792eb .elementor-heading-title{font-family:"Roboto Mono", Sans-serif;font-size:20px;font-weight:700;}.elementor-1952 .elementor-element.elementor-element-f1bc41a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4cb4881 );}@media(min-width:768px){.elementor-1952 .elementor-element.elementor-element-1aa2d63{--width:90%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1952 .elementor-element.elementor-element-9dd1421{--padding-top:0px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1952 .elementor-element.elementor-element-2014459 .elementor-heading-title{font-size:25px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1952 .elementor-element.elementor-element-28427c2{font-size:14px;}.elementor-1952 .elementor-element.elementor-element-8eacd33{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0d05874 *//* Container & Header */
.team-container { 
  max-width: 1920px;    
  margin: 0 auto; 
  padding: 4rem 3rem;   
}

.header { 
  text-align: center; 
  margin-bottom: 4rem; 
}

.main-title { 
  font-family: Montserrat;
  font-weight: 500; 
  font-size: 3.5rem;    
  margin-bottom: 1rem; 
}

.subtitle { 
  color: #64748b; 
  font-size: 1rem;  
  max-width: 56rem;     
  margin: 0 auto; 
}

/* Level containers */
.level-container { 
  display: flex; 
  justify-content: center; 
  gap: 2.5rem;          
  margin-bottom: 3rem; 
  flex-wrap: wrap; 
}

.level-0 { 
  max-width: 28rem;     
  margin: 0 auto 3rem auto; 
}

.level-1, 
.level-2 { 
  max-width: 96rem;     
  margin: 0 auto 3rem auto; 
}

/* Connection lines */
.connection-line { 
  width: 2px; 
  height: 3rem;          
  background-color: #e2e8f0; 
  margin: 0 auto 3rem auto; 
}

/* Member Cards */
.member-card { 
  background: #fff; 
  border: 1px solid #e2e8f0; 
  border-radius: 1rem; 
  padding: 2.5rem;       
  cursor: pointer; 
  transition: all 0.2s ease; 
  min-width: 280px;       
  max-width: 380px;       
  box-shadow: 0 2px 6px rgba(0,0,0,0.08); 
}

.member-card:hover { 
  box-shadow: 0 14px 25px rgba(0,0,0,0.12); 
  transform: translateY(-3px) scale(1.04); 
}

.member-content { text-align: center; }

.member-image { 
  width: 7rem;           
  height: 7rem; 
  margin: 0 auto 1.5rem auto; 
  border-radius: 50%; 
  overflow: hidden; 
  background: #f8fafc; 
}

.member-image img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
}

.member-name { 
  font-family: Montserrat;
  font-weight: 500; 
  font-size: 1.5rem;     
  margin-bottom: 0.5rem; 
}

.member-title { 
  font-size: 1rem;
  font-family: Montserrat;
  color: #64748b; 
  margin-bottom: 1rem; 
}

.member-department { 
  font-size: 1rem;
  font-family: Inter;
  color: #7c3aed; 
  font-weight: 500; 
}

/* Modal */
.modal { 
  display: none; 
  position: fixed; 
  z-index: 1000; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0,0,0,0.5); 
  backdrop-filter: blur(5px); 
}

.modal.show { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  animation: fadeIn 0.25s ease; 
}

.modal-content { 
  background: #fff; 
  border: 1px solid #e2e8f0; 
  border-radius: 1rem; 
  max-width: 50rem;         
  width: 90%; 
  max-height: 90vh; 
  overflow-y: auto; 
  box-shadow: 0 14px 25px rgba(0,0,0,0.12); 
  animation: slideIn 0.35s ease; 
}

.modal-header { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 2rem;           
  border-bottom: 1px solid #e2e8f0; 
}

.modal-title { 
  font-family: Montserrat; 
  font-weight: 500; 
  font-size: 2rem;          
}

.close-btn { 
  background: none; 
  border: none; 
  font-size: 2rem;           
  cursor: pointer; 
  color: #64748b; 
  padding: 0.5rem; 
  border-radius: 0.25rem; 
  transition: all 0.2s ease; 
}

.close-btn:hover { 
  background-color: #f8fafc; 
  color: #0f172a; 
}

.modal-body { 
  padding: 2rem; 
  display: flex; 
  gap: 2rem; 
  flex-direction: column; 
}

.modal-image-container { 
  flex-shrink: 0; 
  align-self: center; 
}

.modal-image { 
  width: 15rem;               
  height: 15rem; 
  border-radius: 1rem; 
  object-fit: cover; 
  background: #f8fafc; 
}

.modal-info { 
  flex: 1; 
  display: flex; 
  flex-direction: column; 
  gap: 1.5rem;                
}

.modal-job-title { 
  font-family: Montserrat; 
  font-weight: 500; 
  font-size: 1rem;          
  margin-bottom: 0.5rem; 
}

.modal-dept { 
  color: #7c3aed;
  font-family: Montserrat;
  font-weight: 500; 
  font-size: 1rem;            
}

.modal-about h4, 
.contact-item h4 { 
  font-family: Inter; 
  font-weight: 400; 
  margin-bottom: 0.5rem; 
  font-size: 1.125rem;        
}

.modal-bio-text { 
  color: #64748b; 
  line-height: 1.8;
  font-family: Inter;
  font-size: 1rem; 
}

.modal-contact { 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 1.5rem;                 
}

.contact-text { 
  color: #64748b;
  font-family: Inter;
  font-size: 1rem;             
}

/* Animations */
@keyframes fadeIn { 
  from { opacity: 0; } 
  to { opacity: 1; } 
}

@keyframes slideIn { 
  from { opacity: 0; transform: translateY(-25px) scale(0.95); } 
  to { opacity: 1; transform: translateY(0) scale(1); } 
}

/* Responsive Adjustments */

/* Large desktops */
@media (max-width: 1919px) {
  .team-container { padding: 3rem 2rem; }
  .level-container { gap: 2rem; }
  .member-card { max-width: 340px; min-width: 260px; padding: 2rem; }
}

/* Tablets & medium screens */
@media (min-width: 768px) and (max-width: 1024px) {
  .modal-body { flex-direction: row; gap: 1.5rem; }
  .team-container { padding: 2rem; }
  .main-title { font-size: 2.5rem; }
  .subtitle { font-size: 1.125rem; max-width: 42rem; }
  .level-container { gap: 1.5rem; }
  .member-card { max-width: 280px; min-width: 220px; padding: 1.5rem; }
  .modal-image { width: 9rem; height: 9rem; }
  .modal-title { font-size: 1.75rem; }
  .modal-job-title { font-size: 1.125rem; }
  .modal-bio-text { font-size: 0.95rem; }
  .contact-text { font-size: 0.95rem; }
}

/* Mobile screens */
@media (max-width: 767px) {
  .team-container { padding: 1rem; }
  .main-title { font-size: 1.60rem; }
  .subtitle { font-size: 0.9rem; max-width: 90%; }
  .level-container { flex-direction: column; align-items: center; gap: 1.25rem; }
  .member-card { width: 100%; max-width: 280px; padding: 1.25rem; min-width: auto; }
  .modal-content { width: 95%; max-width: 90%; }
  .modal-body { flex-direction: column; gap: 1rem; }
  .modal-image { width: 8rem; height: 8rem; }
  .modal-title { font-size: 1.5rem; }
  .modal-job-title { font-size: 1rem; }
  .modal-bio-text { font-size: 0.9rem; }
  .contact-text { font-size: 0.9rem; }
  .modal-contact { grid-template-columns: 1fr; gap: 0.75rem; }
}/* End custom CSS */