/* colors */
.-bg-primary {
  background: rgba(255, 255, 255, 1);
}
.btn-primary {
  background-color: rgba(182, 140, 90, 1);
}
:root {
  --Dark-02: rgba(65, 64, 64, 1);
  --Dark-03: rgba(112, 112, 112, 1);
  --Dark-06: rgba(231, 231, 231, 1);
  --Dark-07: rgba(243, 243, 243, 1);
  --color: rgba(255, 255, 255, 1);
  --card-border: rgba(231, 231, 231, 1);
  --border-color: rgba(182, 140, 90, 1);
  --Dark-01: #111111;
}

/* hero image */
.hero-img {
  background: url(../images/banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}

/* client review imge */
.client-img {
  background: url(../images/Rectangle\ 5.png), url(../images/banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}

.header-text {
  font-family: "EB Garamond", serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 42px;
  color: rgba(65, 64, 64, 1);
}

.peragraph {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: rgba(112, 112, 112, 1);
}

/* margin bottom */
#hero,
#card,
#client,
#questions,
#contact {
  margin-bottom: 120px;
}

header {
  margin-bottom: 60px;
}