:root,
[data-bs-theme="light"] {
  --h2o-brand: #0096c7;
  --h2o-brand-dark: #0077a3;
  --h2o-brand-light: #7ddbf0;
  --h2o-brand-wash: #e7f6fb;
  --bs-primary: #0096c7;
  --bs-primary-rgb: 0, 150, 199;
  --bs-primary-50: #0077a3;
  --bs-primary-50-rgb: 0, 119, 163;
  --bs-primary-100: #0096c7;
  --bs-primary-100-rgb: 0, 150, 199;
  --bs-primary-200: #7ddbf0;
  --bs-primary-200-rgb: 125, 219, 240;
  --bs-link-color: #0077a3;
  --bs-link-hover-color: #0096c7;
  --bs-primary-text-emphasis: #005f82;
  --bs-primary-bg-subtle: #e7f6fb;
  --bs-primary-border-subtle: #b8e8f5;
  --h2o-footer-bg: var(--h2o-brand-dark);
  --h2o-footer-bg-deep: #005f82;
}

.text-primary { color: var(--h2o-brand) !important; }
.text-primary-50 { color: var(--h2o-brand-dark) !important; }
.text-primary-100 { color: var(--h2o-brand) !important; }
.text-primary-200 { color: var(--h2o-brand-light) !important; }

.bg-primary { background-color: var(--h2o-brand) !important; }
.bg-primary-50 { background-color: var(--h2o-brand-dark) !important; }
.bg-primary-100 { background-color: var(--h2o-brand) !important; }
.bg-primary-200 { background-color: var(--h2o-brand-light) !important; }

.border-primary { border-color: var(--h2o-brand) !important; }
.border-primary-50 { border-color: var(--h2o-brand-dark) !important; }

.btn-primary,
.btn.bg-primary {
  --bs-btn-bg: var(--h2o-brand);
  --bs-btn-border-color: var(--h2o-brand);
  --bs-btn-hover-bg: var(--h2o-brand-dark);
  --bs-btn-hover-border-color: var(--h2o-brand-dark);
  --bs-btn-active-bg: var(--h2o-brand-dark);
  --bs-btn-active-border-color: var(--h2o-brand-dark);
  --bs-btn-disabled-bg: var(--h2o-brand);
  --bs-btn-disabled-border-color: var(--h2o-brand);
}

.btn-primary-50,
.btn.bg-primary-50 {
  --bs-btn-bg: var(--h2o-brand-dark);
  --bs-btn-border-color: var(--h2o-brand-dark);
  --bs-btn-hover-bg: #005f82;
  --bs-btn-hover-border-color: #005f82;
  --bs-btn-active-bg: #005f82;
  --bs-btn-active-border-color: #005f82;
  --bs-btn-disabled-bg: var(--h2o-brand-dark);
  --bs-btn-disabled-border-color: var(--h2o-brand-dark);
}

.btn-outline-primary {
  --bs-btn-color: var(--h2o-brand);
  --bs-btn-border-color: var(--h2o-brand);
  --bs-btn-hover-bg: var(--h2o-brand);
  --bs-btn-hover-border-color: var(--h2o-brand);
  --bs-btn-active-bg: var(--h2o-brand);
  --bs-btn-active-border-color: var(--h2o-brand);
}

.btn-outline-primary-50 {
  --bs-btn-color: var(--h2o-brand-dark);
  --bs-btn-border-color: var(--h2o-brand-dark);
  --bs-btn-hover-bg: var(--h2o-brand-dark);
  --bs-btn-hover-border-color: var(--h2o-brand-dark);
}

.top-title,
.banner-content .top-title {
  border: none !important;
  color: var(--h2o-brand-dark) !important;
  padding-left: 0;
  padding-right: 0;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: var(--h2o-brand) !important;
}

.form-check-input:checked {
  background-color: var(--h2o-brand) !important;
  border-color: var(--h2o-brand) !important;
}

.h2o-brand {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
}

.h2o-brand img.h2o-logo-wordmark {
  width: auto;
  height: 60px;
  object-fit: contain;
}

@media (max-width: 991px) {
  #navbar.navbar.fixed-top {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .h2o-brand img.h2o-logo-wordmark {
    height: 44px;
  }

  .banner-area {
    padding-top: 64px !important;
  }
}

@media (min-width: 992px) {
  .h2o-brand img.h2o-logo-wordmark {
    height: 60px;
  }
}

.footer-single-item .h2o-brand img.h2o-logo-wordmark {
  width: 150px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.footer-area {
  background-color: var(--h2o-footer-bg);
  color: rgba(255, 255, 255, 0.88);
}

.footer-area .footer-single-item h3,
.footer-area .footer-single-item .h3 {
  color: #fff;
}

.footer-area .footer-single-item .dec {
  color: rgba(255, 255, 255, 0.78);
}

.footer-area .footer-single-item .import-link li a {
  color: rgba(255, 255, 255, 0.85);
}

.footer-area .footer-single-item .import-link li a:hover {
  color: var(--h2o-brand-light);
}

.footer-area .footer-single-item .social-link li a {
  color: rgba(255, 255, 255, 0.85);
}

.footer-area .footer-single-item .social-link li a:hover {
  color: var(--h2o-brand-light);
}

.footer-area .footer-single-item .info-link li a {
  color: var(--h2o-brand-light);
}

.footer-area .footer-single-item .info-link li span,
.footer-area .footer-single-item .info-link li p {
  color: rgba(255, 255, 255, 0.85);
}

.footer-area .text-secondary-50 {
  color: rgba(255, 255, 255, 0.72) !important;
}

.footer-area .text-primary {
  color: var(--h2o-brand-light) !important;
}

.footer-area a.text-primary:hover {
  color: #fff !important;
}

.footer-area .h2o-brand .black-logo {
  display: inline-block !important;
}

.footer-area .h2o-brand .white-logo {
  display: none !important;
}

.footer-area .footer-single-item .logo {
  margin-bottom: 24px;
}

.copyright-area {
  background-color: var(--h2o-footer-bg-deep);
}

.copyright-area .copyright-content {
  border-top-color: rgba(255, 255, 255, 0.14) !important;
}

.copyright-area .copyright-content p {
  color: rgba(255, 255, 255, 0.75);
}

.copyright-area .copyright-content .terms-info li a {
  color: rgba(255, 255, 255, 0.75);
}

.copyright-area .copyright-content .terms-info li a:hover {
  color: var(--h2o-brand-light);
}

.copyright-area .copyright-content .text-primary {
  color: var(--h2o-brand-light) !important;
}

.copyright-area .copyright-content .terms-info li::before {
  background-color: rgba(255, 255, 255, 0.22);
}

#preloader .preloader .waviy span {
  color: var(--h2o-brand-dark);
}

.pricing-plan .popular,
.pricing-plan.popular {
  border-color: var(--h2o-brand) !important;
}

.pricing-plan .popular-badge,
.badge.bg-primary,
.badge.text-bg-primary {
  background-color: var(--h2o-brand) !important;
}

#backtotop {
  background-color: var(--h2o-brand) !important;
}

#backtotop:hover {
  background-color: var(--h2o-brand-dark) !important;
}

.banner-content h2 span,
.banner-content .h2 span {
  color: var(--h2o-brand) !important;
}

.navbar .others-option .btn:hover {
  background-color: var(--h2o-brand-dark) !important;
  border-color: var(--h2o-brand-dark) !important;
}

.pricing-single-item .pricing-content .btn:hover {
  background-color: var(--h2o-brand-dark) !important;
}

.default-slide-controller .slide-icon i:hover {
  border-color: var(--h2o-brand) !important;
  background-color: var(--h2o-brand) !important;
}

.reviews-wrap .ri-star-fill {
  color: var(--h2o-brand) !important;
}

.features-single-item .icon,
.about-single-item .icon {
  background-color: var(--h2o-brand-wash) !important;
}

.theme-switch,
.demos-btn,
.demos-modal {
  display: none !important;
}

.h2o-inner-banner .bg-img {
  background-image: linear-gradient(
    135deg,
    var(--h2o-brand-wash) 0%,
    #fff 55%,
    var(--h2o-brand-wash) 100%
  ) !important;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}

.h2o-contact-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  padding: 1.5rem;
  height: 100%;
}

.h2o-contact-card .icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background-color: var(--h2o-brand-wash);
}

.h2o-contact-form-wrap {
  background: var(--h2o-brand-wash);
  border-radius: 1rem;
  padding: 2rem;
}

.h2o-contact-form-wrap .form-control,
.h2o-contact-form-wrap .form-select {
  border-color: rgba(0, 119, 163, 0.15);
  padding: 0.75rem 1rem;
}

.h2o-contact-form-wrap .form-control:focus,
.h2o-contact-form-wrap .form-select:focus {
  border-color: var(--h2o-brand);
  box-shadow: 0 0 0 0.2rem rgba(0, 150, 199, 0.15);
}

.h2o-legal-doc {
  max-width: 720px;
  margin: 0 auto;
}

.h2o-legal-doc .h2o-legal-updated {
  margin-bottom: 1.5rem;
}

.h2o-legal-doc h2 {
  font-size: 1.25rem;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: var(--h2o-brand-dark);
}

.h2o-legal-doc p,
.h2o-legal-doc li {
  font-size: 16px;
  line-height: 1.65;
  color: #475569;
}

.h2o-legal-doc ul {
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}

.h2o-legal-doc a {
  color: var(--h2o-brand-dark);
  text-decoration: underline;
}

.h2o-scenario-label {
  display: inline-block;
  font-size: 13px;
  color: #64748b;
  margin-bottom: 12px;
}

.h2o-partner-teaser {
  background: var(--h2o-brand-wash);
  border-radius: 1rem;
  padding: 2rem;
  height: 100%;
}

.h2o-store-btn {
  pointer-events: none;
  opacity: 0.65;
}

#features .h2o-role-step-icon {
  background-color: var(--h2o-brand-wash) !important;
  padding: 12px;
}

#features .h2o-role-step-icon img {
  width: 100%;
  height: 100%;
  max-width: 72px;
  max-height: 72px;
  object-fit: contain;
}

.blockquote-footer::before {
  content: "- ";
}