.elementor-602 .elementor-element.elementor-element-55429d0{--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-602 .elementor-element.elementor-element-5efa222{--display:flex;}.elementor-602 .elementor-element.elementor-element-5efa222 > .elementor-shape-top .elementor-shape-fill, .elementor-602 .elementor-element.elementor-element-5efa222 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#D5E8EC;}.elementor-602 .elementor-element.elementor-element-5efa222 > .elementor-shape-top svg, .elementor-602 .elementor-element.elementor-element-5efa222 > .e-con-inner > .elementor-shape-top svg{width:calc(136% + 1.3px);height:500px;}.elementor-602 .elementor-element.elementor-element-5efa222 > .elementor-shape-bottom .elementor-shape-fill, .elementor-602 .elementor-element.elementor-element-5efa222 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#D5E8EC;}.elementor-602 .elementor-element.elementor-element-5efa222 > .elementor-shape-bottom svg, .elementor-602 .elementor-element.elementor-element-5efa222 > .e-con-inner > .elementor-shape-bottom svg{height:500px;}.elementor-602 .elementor-element.elementor-element-3f3822b{--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;--justify-content:center;--align-items:center;}.elementor-602 .elementor-element.elementor-element-395172a{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-b9663b9{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-d86e519{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-602 .elementor-element.elementor-element-d86e519 > .elementor-shape-top .elementor-shape-fill, .elementor-602 .elementor-element.elementor-element-d86e519 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#D5E8EC;}.elementor-602 .elementor-element.elementor-element-d86e519 > .elementor-shape-top svg, .elementor-602 .elementor-element.elementor-element-d86e519 > .e-con-inner > .elementor-shape-top svg{height:500px;}.elementor-602 .elementor-element.elementor-element-c358595{--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;}.elementor-602 .elementor-element.elementor-element-392355e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-392355e.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-30887dc{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-30887dc.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-1cf6ccf{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-1cf6ccf.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-7c1551b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-7c1551b.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-ec6a829{--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;}.elementor-602 .elementor-element.elementor-element-bfbadee{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-bfbadee.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-2ddaae4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-2ddaae4.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-743a175{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-743a175.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-5657405{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-5657405.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-a29dc84{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-602 .elementor-element.elementor-element-a29dc84 > .elementor-shape-top .elementor-shape-fill, .elementor-602 .elementor-element.elementor-element-a29dc84 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#D5E8EC;}.elementor-602 .elementor-element.elementor-element-a29dc84 > .elementor-shape-top svg, .elementor-602 .elementor-element.elementor-element-a29dc84 > .e-con-inner > .elementor-shape-top svg{height:500px;}.elementor-602 .elementor-element.elementor-element-a29dc84 > .elementor-shape-bottom .elementor-shape-fill, .elementor-602 .elementor-element.elementor-element-a29dc84 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#D5E8EC;}.elementor-602 .elementor-element.elementor-element-a29dc84 > .elementor-shape-bottom svg, .elementor-602 .elementor-element.elementor-element-a29dc84 > .e-con-inner > .elementor-shape-bottom svg{height:500px;}.elementor-602 .elementor-element.elementor-element-a4006ad{--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;}.elementor-602 .elementor-element.elementor-element-76c1bbf{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-76c1bbf.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-d1b82b5{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-d1b82b5.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-fbaa3a7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-fbaa3a7.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-3c2a94a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-3c2a94a.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-e41e770{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-e41e770.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-7632935{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-7632935.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-e07dac4{--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;}.elementor-602 .elementor-element.elementor-element-4702a3d{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-4702a3d.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-b56df28{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-b56df28.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-951bee6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-951bee6.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-3845a07{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-3845a07.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-b82c6ce{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-b82c6ce.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-3ad9643{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-602 .elementor-element.elementor-element-3ad9643.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-952f108{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#FFFFFF;}.elementor-602 .elementor-element.elementor-element-952f108 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#1E4481;}.elementor-602 .elementor-element.elementor-element-952f108.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-602 .elementor-element.elementor-element-c358595{--width:50%;}.elementor-602 .elementor-element.elementor-element-ec6a829{--width:50%;}.elementor-602 .elementor-element.elementor-element-a4006ad{--width:50%;}.elementor-602 .elementor-element.elementor-element-e07dac4{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-395172a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pd {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pd a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pd a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pd a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pd a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9663b9 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pa {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pa a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pa a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pa a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pa a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-392355e *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-jha a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-jha a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-jha a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-jha a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30887dc *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-mitali a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-mitali a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-mitali a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-mitali a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cf6ccf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-verma a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-verma a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-verma a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-verma a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c1551b *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-hemlata a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-hemlata a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-hemlata a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-hemlata a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfbadee *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-anu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-anu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-anu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-anu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ddaae4 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-punit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-punit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-punit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-punit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-743a175 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-sunita a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-sunita a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-sunita a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5657405 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-manoj a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-manoj a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-manoj a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-manoj a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76c1bbf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-ajay a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-ajay a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-ajay a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-ajay a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1b82b5 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-rashmi a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-rashmi a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-rashmi a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-rashmi a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbaa3a7 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Dutt a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Dutt a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Dutt a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Dutt a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c2a94a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-renu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-renu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-renu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-renu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e41e770 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Satish a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Satish a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Satish a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Satish a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7632935 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Vikas a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Vikas a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Vikas a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Vikas a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4702a3d *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-amit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-amit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-amit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-amit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b56df28 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajesh a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajesh a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajesh a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajesh a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-951bee6 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajpal a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajpal a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajpal a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajpal a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3845a07 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Umed a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Umed a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Umed a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Umed a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b82c6ce *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rohan a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rohan a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rohan a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rohan a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ad9643 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Virender a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Virender a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Virender a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Virender a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395172a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pd {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pd a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pd a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pd a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pd a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9663b9 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pa {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pa a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pa a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pa a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pa a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-392355e *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-jha a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-jha a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-jha a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-jha a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30887dc *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-mitali a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-mitali a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-mitali a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-mitali a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cf6ccf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-verma a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-verma a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-verma a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-verma a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c1551b *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-hemlata a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-hemlata a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-hemlata a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-hemlata a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfbadee *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-anu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-anu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-anu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-anu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ddaae4 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-punit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-punit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-punit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-punit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-743a175 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-sunita a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-sunita a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-sunita a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5657405 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-manoj a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-manoj a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-manoj a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-manoj a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76c1bbf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-ajay a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-ajay a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-ajay a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-ajay a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1b82b5 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-rashmi a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-rashmi a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-rashmi a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-rashmi a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbaa3a7 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Dutt a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Dutt a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Dutt a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Dutt a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c2a94a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-renu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-renu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-renu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-renu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e41e770 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Satish a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Satish a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Satish a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Satish a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7632935 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Vikas a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Vikas a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Vikas a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Vikas a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4702a3d *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-amit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-amit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-amit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-amit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b56df28 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajesh a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajesh a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajesh a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajesh a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-951bee6 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajpal a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajpal a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajpal a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajpal a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3845a07 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Umed a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Umed a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Umed a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Umed a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b82c6ce *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rohan a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rohan a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rohan a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rohan a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ad9643 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Virender a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Virender a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Virender a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Virender a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395172a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pd {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pd a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pd a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pd a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pd a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9663b9 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pa {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pa a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pa a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pa a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pa a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-392355e *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-jha a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-jha a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-jha a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-jha a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30887dc *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-mitali a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-mitali a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-mitali a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-mitali a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cf6ccf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-verma a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-verma a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-verma a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-verma a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c1551b *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-hemlata a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-hemlata a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-hemlata a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-hemlata a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfbadee *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-anu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-anu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-anu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-anu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ddaae4 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-punit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-punit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-punit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-punit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-743a175 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-sunita a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-sunita a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-sunita a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5657405 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-manoj a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-manoj a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-manoj a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-manoj a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76c1bbf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-ajay a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-ajay a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-ajay a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-ajay a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1b82b5 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-rashmi a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-rashmi a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-rashmi a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-rashmi a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbaa3a7 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Dutt a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Dutt a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Dutt a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Dutt a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c2a94a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-renu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-renu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-renu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-renu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e41e770 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Satish a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Satish a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Satish a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Satish a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7632935 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Vikas a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Vikas a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Vikas a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Vikas a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4702a3d *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-amit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-amit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-amit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-amit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b56df28 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajesh a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajesh a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajesh a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajesh a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-951bee6 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajpal a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajpal a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajpal a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajpal a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3845a07 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Umed a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Umed a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Umed a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Umed a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b82c6ce *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rohan a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rohan a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rohan a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rohan a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ad9643 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Virender a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Virender a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Virender a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Virender a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395172a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pd {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pd a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pd a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pd a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pd a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9663b9 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact-pa {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-pa a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-pa a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-pa a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-pa a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-392355e *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-jha a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-jha a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-jha a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-jha a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30887dc *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-mitali a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-mitali a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-mitali a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-mitali a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cf6ccf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-verma a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-verma a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-verma a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-verma a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c1551b *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-hemlata a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-hemlata a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-hemlata a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-hemlata a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfbadee *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-anu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-anu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-anu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-anu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ddaae4 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-punit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-punit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-punit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-punit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-743a175 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-sunita a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-sunita a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-sunita a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5657405 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-manoj a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-manoj a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-manoj a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-manoj a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76c1bbf *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-ajay a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-ajay a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-ajay a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-ajay a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .staff-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .staff-card .staff-photo img {
    width: 120px;
    height: 140px;
  }

  .staff-contact {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1b82b5 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-rashmi a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-rashmi a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-rashmi a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-rashmi a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbaa3a7 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Dutt a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Dutt a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Dutt a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Dutt a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c2a94a *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-renu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-renu a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-renu a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-renu a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e41e770 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Satish a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Satish a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Satish a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Satish a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7632935 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Vikas a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Vikas a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Vikas a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Vikas a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4702a3d *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-amit a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-amit a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-amit a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-amit a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b56df28 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajesh a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajesh a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajesh a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajesh a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-951bee6 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rajpal a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rajpal a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rajpal a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rajpal a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3845a07 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Umed a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Umed a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Umed a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Umed a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b82c6ce *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Rohan a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Rohan a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Rohan a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Rohan a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ad9643 *//* 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);
}

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

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

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

.designation {
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Contact icons */
.staff-contact {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.staff-contact-Virender a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0078d7;
  color: #0078d7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.staff-contact-Virender a:hover {
  background-color: #0078d7;
  color: #fff;
}

/* Tooltip */
.staff-contact-Virender a .tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}

.staff-contact-Virender a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-952f108 */.staff-card {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 10px;
  max-width: 600px;
  margin: 20px auto;
  background: #f9f9f9;
}

.staff-photo img {
  width: 120px;
  height: auto;
  border-radius: 10px;
}

.staff-details {
  flex-grow: 1;
}

.staff-name {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
}

.designation {
  margin: 0 0 10px 0;
  color: #555;
}

.staff-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}

.staff-contact a {
  position: relative;
  text-decoration: none;
  color: #333;
  font-size: 1.2rem;
}

/* Common tooltip style */
.staff-contact a:hover::after {
  position: absolute;
  top: -30px;
  left: -10px;
  background-color: #222;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
}

/* Specific tooltip contents */
.staff-contact a.phone-icon:hover::after {
  content: "+91-11-25842787";
}
.staff-contact a.email-icon:hover::after {
  content: "pddkma@icar.org.in";
}/* End custom CSS */