.elementor-1661 .elementor-element.elementor-element-81e9d6f{--display:flex;}.elementor-1661 .elementor-element.elementor-element-d8e3748{--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;}/* Start custom CSS for shortcode, class: .elementor-element-158d642 *//* 🌟 Team Member Card - WP Darko Stylish Animation */
.team_member {
  position: relative;
  background: linear-gradient(145deg, #ffffff, #f7f7f7);
  border-radius: 25px;
  padding: 25px 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-align: center;
  transition: all 0.4s ease;
  overflow: hidden;
  border: 2px solid transparent;
}

/* Hover Glow Animation */
.team_member:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
  border: 2px solid #00c3ff;
  background: linear-gradient(145deg, #f0faff, #ffffff);
}

/* Profile Image Style */
.team_member img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid #ffffff;
  box-shadow: 0 0 10px rgba(0, 195, 255, 0.4);
  transition: all 0.4s ease;
}

/* Hover Image Glow Effect */
.team_member:hover img {
  transform: rotate(5deg) scale(1.05);
  box-shadow: 0 0 25px rgba(0, 195, 255, 0.7);
}

/* Member Name */
.team_member h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-top: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s ease;
}

/* Name Color on Hover */
.team_member:hover h3 {
  color: #00c3ff;
}

/* Member Role */
.team_member p {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Role Fade Animation on Hover */
.team_member:hover p {
  color: #0077ff;
  letter-spacing: 0.5px;
}

/* Smooth Gradient Background Animation */
@keyframes glowShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Optional Animated Border */
.team_member::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #00c3ff, #ffff1c, #ff00c8, #00c3ff);
  background-size: 400% 400%;
  z-index: -1;
  border-radius: 25px;
  animation: glowShift 6s infinite linear;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.team_member:hover::before {
  opacity: 1;
}/* End custom CSS */