.elementor-4897 .elementor-element.elementor-element-e82e79f{--spacer-size:50px;}.elementor-4897 .elementor-element.elementor-element-cc0d71a{--display:flex;--justify-content:center;}/* Start custom CSS *//* ==============================
   Employees Grid
============================== */
 
.employees-grid{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
 
/* Employee Card */
.employee-card{
  flex: 0 1 calc(33.333% - 19px) !important;
  max-width: calc(33.333% - 19px) !important;
  min-width: 0 !important;
  background: #ffffff;
  border: 1px solid #E8E3DA;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(6, 23, 71, 0.12);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
 
.employee-card:hover{
  transform: translateY(-7px);
  box-shadow: 0 28px 65px rgba(6, 23, 71, 0.18);
  border-color: #CBB89D;
}
 
/* Photo Wrapper */
.employee-photo,
.employee-photo .elementor-widget-container{
  overflow: hidden;
}
 
/* Photo */
.employee-photo img{
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  display: block;
  filter: grayscale(100%) brightness(1.08) contrast(1);
  transition: transform .45s ease, filter .35s ease;
}
 
.employee-card:hover .employee-photo img{
  transform: scale(1.04);
  filter: grayscale(100%) brightness(1.12) contrast(1.04);
}
 
/* Info Area */
.employee-info{
  padding: 20px 20px 22px !important;
  text-align: center;
  background: #ffffff;
  border-top: 3px solid #CBB89D;
  min-height: 135px !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 7px !important;
}
 
/* Employee Name - smaller & cleaner */
.employee-name,
.employee-name .elementor-heading-title{
  margin: 0 !important;
  color: #24456B !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.1px !important;
  text-align: center !important;
}
 
/* Employee Position / Job Title */
.employee-position,
.employee-position .elementor-widget-container,
.employee-position p{
  margin: 2px 0 0 !important;
  color: #A98A57 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}
 
/* Employee Statement - Text Editor */
.employee-statement,
.employee-statement .elementor-widget-container,
.employee-statement p{
  margin: 0 !important;
  color: #5A6572 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-align: center !important;
}
 
/* Remove extra paragraph space */
.employee-statement p:last-child,
.employee-position p:last-child{
  margin-bottom: 0 !important;
}
 
/* Tablet */
@media (max-width: 1024px){
  .employee-card{
    flex: 0 1 calc(50% - 14px) !important;
    max-width: calc(50% - 14px) !important;
  }
}
 
/* Mobile */
@media (max-width: 767px){
  .employees-grid{
    gap: 24px !important;
  }
 
  .employee-card{
    flex: 0 1 100% !important;
    max-width: 100% !important;
  }
 
  .employee-info{
    min-height: auto !important;
    padding: 20px 18px 22px !important;
  }
 
  .employee-name,
  .employee-name .elementor-heading-title{
    font-size: 15px !important;
  }
 
  .employee-position,
  .employee-position .elementor-widget-container,
  .employee-position p{
    font-size: 12.5px !important;
  }
 
  .employee-statement,
  .employee-statement .elementor-widget-container,
  .employee-statement p{
    font-size: 13.5px !important;
  }
}/* End custom CSS */