body {
  font-family: "Open Sans";
  color: #5c5f67;
}

.navbar-brand {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 15px;
}

.navbar-brand > img {
  width: 64px;
}

.navbar-area {
  background-color: rgba(0, 0, 0, 0.83);
}

.navbar-area.sticky {
  position: sticky;
  top: 0;
  background-color: rgba(0, 0, 0, 0.83);
  z-index: 99;
}

.navbar-logo {
  width: 64px;
  height: 64px;
  background: #ffffff;
  border-radius: 2px;
}

.company-name {
  color: #5c5f67;
  font-size: 1.75rem;
}

.navbar-area.sticky .company-name {
  color: #e2e5e9;
}

.header-content-area {
  background-color: #fee3a9;
}

.navbar .navbar-nav .nav-item a {
  color: #5c5f67;
}

.navbar .navbar-nav .nav-item.active > a,
.navbar .navbar-nav .nav-item:hover > a {
  border: 1px solid rgba(92, 95, 103, 0.3);
}

.navbar .navbar-nav .nav-item a::before,
.navbar .navbar-nav .nav-item a::after {
  background-color: rgba(92, 95, 103, 0.62);
}

.navbar-area.sticky .navbar .navbar-nav .nav-item a::before,
.navbar-area.sticky .navbar .navbar-nav .nav-item a::after {
  background-color: #e2e5e9;
}

.navbar .navbar-collapse .navbar-nav .nav-item a {
  padding: 10px;
}

.header-content .header-title {
  color: #5c5f67;
}

.header-content .header-btn .main-btn {
  background-color: #c6723d;
  color: #feefc6;
  border-color: #feefc6;
  display: flex;
  align-items: center;
  float: left;
  gap: 5px;
}

.header-content .header-btn .main-btn:hover {
  background-color: transparent;
  color: #c6723d;
  border-color: #c6723d;
}

.header-content .text {
  color: #5c5f67;
  padding-right: 15px;
}

.header-content .header-title {
  font-size: 40px;
}

.features-area {
  background-color: #fffdf8;
}

.single-features {
  background-color: #fee3a9;
  border-radius: 1rem;
}

.single-features .features-icon i {
  color: #6c4b37;
}

.single-features .features-content .features-title a,
.single-features .features-content .features-title a:hover {
  color: #5c5f67;
}

.single-features .features-content .text {
  color: #5c5f67;
}

.rounded-buttons .rounded-one {
  background-color: transparent;
  color: #c6723d;
  border-color: #c6723d;
}

.rounded-buttons .rounded-one:hover {
  background-color: #c6723d;
  color: #feefc6;
  border-color: #feefc6;
}

.about-area {
  background-color: #fffdf8;
}

.back-to-top {
  background-color: rgba(198, 113, 61, 0.8);
}

.back-to-top:hover {
  background-color: #c6723d;
}

.form-input .input-items input,
.form-input .input-items textarea {
  padding-left: 12px;
  border-radius: 8px;
}

.standard-buttons .standard-two {
  background-color: #c6723d;
  color: #feefc6;
  border-color: #feefc6;
  border-radius: 8px;
}

.standard-buttons .standard-two:hover {
  background-color: transparent;
  color: #c6723d;
  border-color: #c6723d;
}

.contact-area {
  background-color: #fff0c8;
  padding-bottom: 210px;
}

.e-mail-copy {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  padding: 15px;
}

.e-mail-copy.done {
  color: #a9c5ae;
}

.e-mail-copy .e-mail-icon {
  font-size: 2.5rem;
}

.e-mail-copy .e-mail-address {
  font-size: 1.5rem;
}

.e-mail-copy .e-mail-address {
}

.footer-copyright {
  background-color: #6c4b37;
}

.copyright a {
  color: #fff0c8;
  text-decoration: underline;
}

@media only screen and (max-width: 991px) {
  .navbar .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.83);
    position: fixed;
    top: 78px;
    padding-bottom: 30px;
  }

  .navbar-area.sticky .navbar .navbar-nav .nav-item.active > a {
    color: #e2e5e9;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-image {
    top: 130px;
  }
  .header-image .image {
    max-width: 430px;
  }
}

@media only screen and (min-width: 1200px) {
  .header-image .image {
    max-width: 600px;
  }

  .navbar-area.sticky .navbar .navbar-nav .nav-item.active > a,
  .navbar-area.sticky .navbar .navbar-nav .nav-item:hover > a {
    border: 1px solid #e2e5e9;
    color: #e2e5e9;
  }
}