.investor-card {
  text-align: center;
  background: #fff;
  border: 1px solid #eee;
  padding: 30px 20px;
  transition: all 0.3s ease;
  border-radius: 6px;
}

.investor-card:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.icon-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border: 2px solid #1a2a55; /* Raymond red */
  border-radius: 6px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.investor-card:hover .icon-box {
  background-color: #1a2a55;
}

.icon-box img {
  width: 45px;
  height: 45px;
  filter: invert(21%) sepia(95%) saturate(4563%) hue-rotate(347deg) brightness(98%) contrast(99%);
  transition: filter 0.3s ease;
}

.investor-card:hover .icon-box img {
  filter: brightness(0) invert(1);
}

.card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #000;
  text-transform: uppercase;
}

.read-more {
  text-decoration: none;
  font-weight: 600;
  color: #1a2a55;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  position: relative;
}

.read-more{
   font-size: 17px;
}

.read-more span {
  margin-left: 5px;
  transition: transform 0.3s ease;
}
.read-more:hover{
    color: #000;
    text-decoration: underline;
}

.read-more:hover span {
  transform: translateX(5px);
  
}