/* Mobile responsiveness fixes */
@media (max-width: 991px) {
  .feature-item {
    margin: 0 0 30px 0; /* Stack vertically with bottom margin */
  }
}

@media (max-width: 768px) {
  .appoinment-content .emergency {
    position: relative;
    right: auto;
    bottom: auto;
    padding: 30px;
    width: 100%;
    margin-top: -50px; /* Overlap slightly or adjust as needed */
    margin-bottom: 30px;
    border-radius: 5px;
  }
  
  .appoinment-content img {
    width: 100%;
    border-radius: 5px;
  }
}