section {
  padding: 20px;
  margin: 20px;
}

.card-body .services{
  height: 45vh;
}

.pn {
  color: #ffffff;
}

/* For screens smaller than 768px (typical mobile devices) */
@media (max-width: 767px) {
  /* Adjust the font sizes as needed */
  #contact h3 {
    font-size: 18px; /* Decrease the font size for h3 */
  }
  #contact p {
    font-size: 14px; /* Decrease the font size for paragraphs */
  }
  .card-body .services{
      height: 100%;
  }
  section {
      padding: 15px 5px;
      margin: 15px 5px;
  }
}