.icon-with-heading {
    display: inline-flex; /* Display as flex container to keep items inline */
    align-items: center; /* Vertically center items */
    margin-right: 20px; /* Adjust margin between icon and text */
}

.section-title{
    color: rgb(45, 45, 116);
    font-size: 2.5rem;
    letter-spacing: 1px;
  }

  .icon-hover:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Adjust the shadow properties as needed */
}

  /* Custom CSS for carousel arrows */
  .carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: black; /* Change arrow color to black */
  }

  /* Optional: Change arrow size */
  .carousel-control-prev-icon::before, .carousel-control-next-icon::before {
    font-size: 2rem; /* Adjust size as needed */
  }

  .card-shadow{
    box-shadow: -1px -1px 5px yellowgreen, 1px 1px 5px gold;
}

.link {
  text-decoration: none;
}

.design:hover {
  color: yellow; /* Change to the warning color */
}