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;
    }
  }

  a[href^="tel"] {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none;
}