.team-photo {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: 3px solid #0d6efd; /* Optional: blue border for style */
}

.radius {
  border-radius: 10px;
}

.about {
  padding: 50px 40px;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: all 0.3s ease-out 0s;
}

.about:hover {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
}


.about .content h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.about-values i {
  font-size: 2.5rem;
  color: #0c0091; /* Bootstrap primary blue */
  margin-bottom: 1rem;
}
.hover-shadow:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
  }
  .transition {
    transition: all 0.3s ease-in-out;
  }