.services-background {
    background-image: url('../assets/services_bg.png');
    background-size: cover;           /* Ensures image covers full area */
    background-position: center;      /* Center the image */
    background-repeat: no-repeat;     /* Prevent tiling */
    padding: 60px 20px;               /* Add padding for content */
    text-align: center;               /* Center the text inside */
    color: white;                     /* Make text readable */
    position: relative;               /* Optional: for overlay use */
}

#services {
  padding-top: 50px;
  background-color: #f9f9f9;
}

#services h1{
   color: #333;
    font-size: xx-large;
    font-variant: all-petite-caps;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

#services h4 {
    color: #333;
    margin-top: 5%;
    margin-bottom: 2%;
    line-height: 1.6;
    font-weight: 600;
}

#services p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px;
}

#services ul {
  padding-left: 20px;
}

#services ul li {
  line-height: 1.8;
    font-size: medium;
  color: #444;
  list-style-type: disc;
}