html,
html[data-bs-theme="dark"],
body,
[data-bs-theme="dark"] body {
  background: #fff !important;
  color: #333 !important;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
.site-hero h1,
.site-hero h1 strong,
.site-hero strong,
.site-hero p,
.site-hero .text-white {
  color: #1a1a1a !important;
}

.site-hero {
  background-color: #fff !important;
  background-image: url("assets/portrait.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  background-position: right center !important;
}

.site-hero:before {
  background: linear-gradient(90deg, #fff 0%, #fff 34%, rgba(255, 255, 255, 0.92) 46%, rgba(255, 255, 255, 0) 64%) !important;
}

@media (max-width: 991.98px) {
  .site-hero {
    background-size: auto 58% !important;
    background-position: center top !important;
  }

  .site-hero:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 36%, #fff 58%) !important;
  }

  .site-hero .intro-text {
    align-items: flex-end !important;
    padding-bottom: 2.5rem;
  }
}

.site-navbar,
.site-navbar.bg-light,
.site-navbar.scrolled,
.site-navbar.scrolled.bg-light,
[data-bs-theme="dark"] .site-navbar,
[data-bs-theme="dark"] .site-navbar.scrolled {
  background: #fff !important;
}

.site-navbar .navbar-nav > li > a,
.site-navbar.scrolled .navbar-nav > li > a,
[data-bs-theme="dark"] .site-navbar .navbar-nav > li > a,
[data-bs-theme="dark"] .site-navbar.scrolled .navbar-nav > li > a {
  color: #1a1a1a !important;
}

.dark-mode-toggle {
  display: none !important;
}

.site-section.bg-light,
.site-footer,
[data-bs-theme="dark"] .site-section.bg-light {
  background: #fff !important;
}

.client-name {
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #1f2933;
}

.mark-frame {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}

.single-portfolio .thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: center;
  display: block;
  background: #f3f6fb;
}

.blog-entry img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  display: block;
  background: #f3f6fb;
}

.initials {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f3f3f3;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

#testimonial-empty {
  text-align: center;
  color: #555;
}