#deliverables-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
  gap: 15px 25px; /* Adjusts spacing between grid items */
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

#deliverables-container div {
  display: flex;
  align-items: center; /* This is key for vertical alignment */
  white-space: nowrap;
}

#deliverables-container input[type="checkbox"] {
  /* This part is already good */
  transform: scale(1.1);
  cursor: pointer;
  /* Add margin to separate the checkbox from the text */
  margin-right: 8px; 
}

#deliverables-container label {
  cursor: pointer;
  font-size: 0.95rem;
}
#external-platforms {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 3rem;
}

#external-platforms .social-link img {
  transition: transform 0.2s;
}

#external-platforms .social-link img:hover {
  transform: scale(1.1);
}
#external-platforms .social-link img {
  width: 36px;
  height: 36px;
}

@media (max-width: 480px) {
  #external-platforms .social-link img {
    width: 28px;
    height: 28px;
  }
}
