.custom-team-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 768px) {
  .custom-team-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .custom-team-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.custom-team-member {
  cursor: pointer;
  background: #fff;
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
  transition: transform 0.2s ease;
}
.custom-team-member:hover {
  transform: scale(1.02);
}
.custom-team-details-area {
  margin-top: 30px;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
}
.custom-team-details-content img {
  max-width: 150px;
  height: auto;
  float: left;
  margin-right: 20px;
}
.custom-team-details-content:after {
  content: '';
  display: block;
  clear: both;
}
.custom-close-info {
  font-size: 30px;   
  font-weight: bold;
  color: #333;
  cursor: pointer;
  float: left;
  margin-top: -50px;
  margin-right: 0px;
}