/**
 * CMET unified brand theme.
 * Keep the whole website on one color palette.
 */
:root {
  --brand-color: #0b0f35;
  --secondary-color: #0b0f35;
  --accent-color: #0b0f35;
  --form-focus-color: #0b0f35;
  --bg-grad-color-4: rgba(11, 15, 53, 0.32);
}

[data-bs-theme="dark"] {
  --brand-color: #0b0f35;
  --secondary-color: #0b0f35;
  --accent-color: #0b0f35;
  --form-focus-color: #0b0f35;
}

/* All major button variants: same color across the website */
.trk-btn--primary,
.trk-btn.trk-btn--primary,
.trk-btn--secondary,
.trk-btn.trk-btn--secondary,
.trk-btn--secondary2,
.trk-btn.trk-btn--secondary2,
.trk-btn--secondary3,
.trk-btn.trk-btn--secondary3,
.trk-btn--tertiary,
.trk-btn.trk-btn--tertiary,
.trk-btn-active,
.trk-btn--border.trk-btn--primary,
.trk-btn--outline,
.trk-btn--outline2,
.trk-btn--outline22,
.trk-btn--outline3,
.trk-btn--outline4,
.trk-btn--outline5,
.trk-btn--outline6 {
  background-color: #0b0f35 !important;
  border-color: #0b0f35 !important;
  color: #fff !important;
}

.trk-btn[class*="trk-btn--"]:hover,
.trk-btn[class*="trk-btn--"].active,
.trk-btn.active[class*="trk-btn--"] {
  background-color: #0b0f35 !important;
  border-color: #0b0f35 !important;
  color: #fff !important;
}

.trk-btn[class*="trk-btn--"] span,
.trk-btn[class*="trk-btn--"] i,
.trk-btn[class*="trk-btn--"] svg {
  color: inherit !important;
}

/* Pricing amount color: remove light blue, keep unified color */
.pricing__item-top h3,
.pricing__item-top h3 span {
  color: #0b0f35 !important;
}

/* Navbar and banner buttons: white background with dark text */
.header-section .header-btn .trk-btn,
.banner .banner__content-btn .trk-btn {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0b0f35 !important;
}

.header-section .header-btn .trk-btn:hover,
.header-section .header-btn .trk-btn.active,
.banner .banner__content-btn .trk-btn:hover,
.banner .banner__content-btn .trk-btn.active {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0b0f35 !important;
}

.header-section .header-btn .trk-btn span,
.header-section .header-btn .trk-btn i,
.header-section .header-btn .trk-btn svg,
.banner .banner__content-btn .trk-btn span,
.banner .banner__content-btn .trk-btn i,
.banner .banner__content-btn .trk-btn svg {
  color: #0b0f35 !important;
}

/* Loader */
.preloader {
  background-color: rgba(11, 15, 53, 0.95) !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.preloader__spinner {
  width: 64px;
  height: 64px;
  border: 4px solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  border-radius: 50%;
  animation: cmet-spin 0.9s linear infinite;
}

@keyframes cmet-spin {
  to {
    transform: rotate(360deg);
  }
}

/* CTA text color */
.cta__subscribe h2,
.cta__subscribe h2 span,
.cta__subscribe p {
  color: #fff !important;
}