body {
  color: black;
}

.tools-heading-container {
  /* background-color: palevioletred; */

  height: 25vh;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  text-align: center;
}

.tools-img-container {
  /* background-color: coral; */

  height: 40%;
  width: 100%;
}

.tools-img-container > img {
  height: 100%;
  width: auto;
}

.tools-cards-container {
  /* background-color: rebeccapurple; */

  min-height: 50vh;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.card-group {
  /* background-color: aliceblue; */

  max-height: 90vh;
  width: 85%;

  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}

.tool-card {
  /* background-color: aqua; */

  /* height: 40vh; */
  max-height: 40vh;
  max-width: 47%;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background-color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.tool-desc-container {
  /* background-color: blanchedalmond; */

  height: 100%;
  width: 65%;

  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
}

.tool-heading {
  /* background-color: lightblue; */

  height: 20%;
  width: 100%;
}

.tool-desc {
  /* background-color: chocolate; */

  height: 55%;
  width: 100%;

  overflow: hidden;
}

.tool-link {
  /* background-color: darkgreen; */

  height: 25%;
  width: 100%;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tool-img-container {
  /* background-color: rgb(163, 119, 53); */

  min-height: 20vh;
  width: 35%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.tool-img-container > img {
  max-height: 20vh;
  width: auto;
  max-width: 90%;
  /* object-fit: contain !important; */
}