/* CSS Document */
.bg-pink {
  background: #a51c30;
}

.text-pink {
  color: #a51c30;
}

.for-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.index-card {
  background-color: #b3b3b3;
}

.index-card:hover {
  background-color: #a51c30;
}

.index-card:hover .card-body a {
  color: white;
}

.for-shadow:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.styled-hr {
  border: none;
  /* Removes default border */
  height: 2px;
  /* Thickness of the line */
  background: #333;
  /* Line color */
  margin-top: 60px;
  /* Spacing around the line */

  /* Adding shadow for depth */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);

  /* Styling for a subtle gradient effect */
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #919191, rgba(0, 0, 0, 0));

  /* Make it responsive */
  width: 100%;
}