.container{
    max-width:1100px;
    margin:auto;
    padding:60px 20px;
    text-align:center;
  }
  
  /* HERO */
  
/* Services banner */
.services-hero {
    background: url("/static/img/hero-service.jpg") center/cover no-repeat;
    position: relative;
}
.services-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}
.services-hero h1,
.services-hero p {
    position: relative;
    z-index: 1;
    color: white;
}
  
  /* SERVICES */
  
  .services-list{
    max-width:900px;
    margin:auto;
    padding:60px 20px;
  }
  
  .service-card{
    margin-bottom:50px;
    text-align:left;
  }
  
  .service-card h3{
    font-size:20px;
    margin-bottom:10px;
    color:#2b2b2b;
  }
  
  .service-card p{
    color:#555;
    margin-bottom:15px;
  }
  
  .service-card h4{
    margin-bottom:10px;
  }
  
  .service-card ul{
    padding-left:20px;
    margin-bottom:15px;
  }
  
  .service-card li{
    margin-bottom:6px;
    color:#555;
  }
  
  .service-card button{
    background:#f5a623;
    border:none;
    padding:10px 16px;
    border-radius:6px;
    font-weight:bold;
    cursor:pointer;
  }
  
  .service-card button:hover{
    background:#e6931e;
  }