.elementor-588 .elementor-element.elementor-element-b6b12f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-588 .elementor-element.elementor-element-3625954{text-align:center;}.elementor-588 .elementor-element.elementor-element-3625954 .elementor-heading-title{color:#AA3338;}/* Start custom CSS for html, class: .elementor-element-f54e766 *//* Main card */
.staff-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #f9fbfd;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
  max-width: 700px;
  margin-bottom: 20px;
}

/* Hover effect */
.staff-card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* Image styles */
.staff-photo img {
  width: 160px;
  height: 190px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #ccc;
}

/* Details section */
.staff-details {
  flex: 1;
}

/* Name style */
.staff-name {
  font-weight: 700;
  color: #123a63;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

/* Designation style */
.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact Icons */
.staff-contact {
  margin-top: 10px;
}

.staff-contact a {
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #0078d7;
  color: #0078d7;
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease;
}

.staff-contact a:hover {
  background-color: #0078d7;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f12ceb2 *//* Main card */
.staff-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #f9fbfd;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
  max-width: 700px;
  margin-bottom: 20px;
}

/* Hover effect */
.staff-card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* Image styles */
.staff-photo img {
  width: 160px;
  height: 190px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #ccc;
}

/* Details section */
.staff-details {
  flex: 1;
}

/* Name style */
.staff-name {
  font-weight: 700;
  color: #123a63;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

/* Designation style */
.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact Icons */
.staff-contact {
  margin-top: 10px;
}

.staff-contact a {
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #0078d7;
  color: #0078d7;
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease;
}

.staff-contact a:hover {
  background-color: #0078d7;
  color: #fff;
}/* End custom CSS */