:root {
  --color-black: #232323;
  --color-white: #f7f7f7;
  --color-light-grey: #ebebeb;
  --color-grey: #b7b7b7;

  --color-green: #dbe71b;
  --color-orange: #ff7f11;
  --color-red: #dc291e;

  --color-dark-green: #828b08;
}

.bg-overlay-dark {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.25));
}

#hero h1 {
  font-weight: 700;
  font-size: 45px;
  line-height: 120%;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.theme-btn {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 2px;
  padding: 15px 20px;
  border: 2px solid var(--bg-theme-color1);
  margin-right: 15px;
}

.theme-btn.btn-style-four.no-hover.coming-soon,
.theme-btn.btn-style-four.no-hover.coming-soon::before {
  border-color: var(--color-orange);
  background-color: var(--color-orange) !important;
}

#hero .row {
  min-height: calc(100dvh - 175px);
}

.about-img img {
  height: 400px;
  object-fit: cover;
}

#about p {
  color: var(--color-black);
}

.default-navs-two .owl-next,
.default-navs-two .owl-prev {
  font-size: 20px;
  color: var(--color-white);
  background: transparent;
  border: none;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.default-navs-two .owl-next {
  right: 5px;
}

.default-navs-two .owl-prev {
  left: 5px;
}

#about .default-navs-two .owl-nav {
  position: unset !important;
}

.default-navs-two .owl-next:hover,
.default-navs-two .owl-prev:hover {
  background: transparent;
}

.table-darker p,
.table-lighter p {
  color: var(--color-grey);
  letter-spacing: 0.2px;
}

.table-darker,
.table-lighter {
  padding: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: 0.1s ease-in-out;
}

.table-darker:hover,
.table-lighter:hover {
  transition: 0.1s ease-in-out;
  opacity: 0.9;
}

.table-darker {
  background: var(--color-black);
}

.table-lighter {
  background: rgba(35, 35, 35, 0.95);
}

#about,
#featured,
#contact {
  padding: 120px 0 100px;
}

.theme-btn.btn-style-two.black-text {
  color: var(--color-black);
}
