body, .btn, .form-control, .form-select {
  font-family: 'Alpino-Regular';
  font-size: 17px;
}


h1, h2, h3, h4, h5, h6{
  font-family: 'Alpino-Bold';
}

header a.brand-logo{
  text-decoration: none;
  font-family: 'Satoshi-Regular';
  font-size: 1.52em;
  margin-right: 50px;
}

header .container-nav{
  padding-top: 1em;
}

.listicon {
    margin: auto;
    width:50px;
    height: 54px;
    background-color: #7d9883;
    border-radius: 25px;
    text-wrap: wrap;
    position: absolute;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  color: #EAE7DC;
  font-size: xx-large;
  
}

.listicon svg{
    margin: 5px;
    width: 40px;
}

.listbody{
    margin-left: 70px;
}

.section {
    margin: 32px 0;
}

.section h3{
    color: #5D4E49;
}

.hero {
    margin: auto;
    width: 100%;
    padding: 75px 20px;
    background-color: #7d9883;
    color: #EAE7DC;
  }

  .logo {
    max-width: 800px;
    width: 80%;
    font-size: 1.3em;
  }

  .hero .promise {
    font-size: 1.56em;
  }

  .hero .statement {
    padding-top: 16px;
  }

  .hero .benefits > div > div{
    text-align: center;
  }

.statement h1{
  font-size: 5.93em;
}

.cardicon {
    margin: auto;
    width:50%;
    font-size: 3em;
    color: #567258;
    text-align: center;
}

.section {
    margin: 30px 0;
}

.section h3{
    color: #5D4E49;
}

.features {
    margin: 50px auto;
    max-width: 90%;
    padding: 32px 16px 24px;
  }

  .features .card{
    border: none;
  }

  .features .card-text{
    text-align: justify;
  }

  .service {
    margin: 160px auto;
  }

  .about {
    margin: 160px auto;
  }

  .service ul li {
    padding: 32px 0;
  }

  .sitecontainer{
    max-width: 1400px;
    margin: auto;
  }

.service-image{
  padding: 16px;
}

.service-image > img{
  width: 100%;
  max-width: 300px;
  height: auto;
}

.hero .banner img{
  height: 360px;
}

.container-header .navbar-brand{
  margin-inline-end: revert;
}

@media (max-width: 576px){
  .hero .statement {
    font-size: 0.512em;
    text-align: center;
  }

  .hero .promise {
    font-size: 1em;
    text-align: justify;
  }

  .hero .banner img{
    height: 215px;
  }

  .service {
    margin: 96px auto;
  }

  .about {
    margin: 96px auto;
  }

  .hero {
    padding: 36px 20px;
  }

}

.container-header, .container-footer {
  background-image: linear-gradient(135deg, #7d9883 0%, #74896f 100%);
}

h1#enquiry{
  color: #EAE7DC;
    background-color: #7d9883;
    border-radius: 8px;
    padding-left: 12px;
}


/* .container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
  color: black;
  text-decoration: none;
  position: relative;
}


.container-header, .container-footer {
  background-image: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
  color: black;
} */