/* CSS Document */


.tool-card {
  display: flex;
  align-items: flex-start;      /* vertically centers image + text */
  gap: 20px;                /* space between image and text */
  margin-bottom:30px;
}

.tool-card-title {
font-size:1.5em;
font-weight:800;
margin-bottom:0.5em;
margin-top: ;:0.5em;
}

.tool-card-image img {
  width: 300px;
  height: auto;             /* keeps aspect ratio */
  display: block;
}

.tool-card-text {
  flex: 1;                  /* text takes remaining space */
}

@media (max-width: 600px) {
  .tool-card {
    flex-direction: column;
    align-items: flex-start;
  }
}