/* Utilities Section Styling */
  #utilities {
    margin: 0px 10px 0 20px; /* Increased margin for spacing */
    padding: 20px;
    border: none;
    max-width: max-content;
    margin-bottom: 0%;
   
}

/* Heading Container Styling */
#utilities .utilities-heading {
  text-align: center;
  background-color: rgb(24, 68, 107);
  color: white;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Montserrat', sans-serif;
}

#utilities .utilities-heading .card-title {
  font-size: 22px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 5px;
}

/* Utility Cards Grid */
#utilities .row {
  justify-content: center;
  padding-bottom: 17px;      
}

/* Individual Utility Cards Styling */
.utility-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding: 15px;     
  display: flex;
  align-items: center;
  gap: 15px;
}

.utility-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.utility-card row:last-child{
    margin-bottom: 0px;
}
/* Image Styling */
.utility-card img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.utility-card img:hover {
  transform: scale(1.1);
}

/* Utility Title Styling */
.utility-card h6 {
  font-size: 16px;
  font-weight: bold;
  color: #1e2082;
  margin: 0;
}

/* Utility Details Styling */
.utility-card p {
  font-size: 12px;
  color: #333;
  margin: 5px 0 0;
}