/* =========================================================
   HostPinnacle sitewide design (all pages except login)
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap');

body.hp-site {
  font-family: 'Urbanist', 'Jost', sans-serif !important;
  color: #0c293a;
  background: #f7fafc !important;
  background-image: none !important;
}

body.hp-site.asasi-marketing-home {
  background: #ffffff !important;
}

/* ---- CSS variables remapped to HostPinnacle palette ---- */
body.hp-site {
  --asasi-teal: #002b42;
  --asasi-teal-deep: #001a28;
  --asasi-teal-mid: #003456;
  --asasi-accent: #87c722;
  --asasi-mist: #f0f7e8;
  --asasi-soft: #f7fafc;
  --asasi-ink: #0c293a;
}

/* ---- Header (homepage chrome everywhere) ---- */
body.hp-site #header {
  margin-left: 0 !important;
  width: 100% !important;
  background: #fff !important;
  box-shadow: 0 4px 24px rgba(0,43,66,.08);
}
body.hp-site #header .topbar {
  background: #002b42 !important;
  color: #fff !important;
}
body.hp-site #header .topbar .btn,
body.hp-site #header .topbar a,
body.hp-site #header .topbar .btn-active-client {
  color: #fff !important;
}
body.hp-site #header .navbar.navbar-light {
  background: #fff !important;
  border: 0 !important;
}
body.hp-site #header .navbar-brand,
body.hp-site #header .navbar-brand span {
  color: #002b42 !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 800 !important;
}
body.hp-site #header .main-navbar-wrapper {
  background: #fff !important;
  border-bottom: 1px solid #eef2f5;
}
body.hp-site #header #nav > li > a,
body.hp-site #header .navbar-nav .nav-link,
body.hp-site #header .navbar-nav .nav-link.dropdown-toggle {
  color: #002b42 !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: .82rem !important;
  letter-spacing: .03em;
}
body.hp-site #header #nav > li > a:hover,
body.hp-site #header .navbar-nav .nav-link:hover {
  color: #87c722 !important;
}
body.hp-site #header .cart-btn {
  color: #002b42 !important;
}
body.hp-site #header .badge-info {
  background: #87c722 !important;
  color: #002b42 !important;
}
body.hp-site #header .dropdown-menu {
  border-radius: 10px !important;
  border-color: #e4ebf0 !important;
  box-shadow: 0 18px 40px rgba(0,43,66,.12) !important;
}
body.hp-site #header .dropdown-menu a:hover,
body.hp-site #header .asasi-dd-item:hover,
body.hp-site #header .dropdown-item:hover {
  background: #f0f7e8 !important;
  color: #002b42 !important;
}

/* Marketing mega-nav on all pages */
body.hp-site .nh-marketing-nav {
  display: block !important;
  background: #002b42;
  border-top: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 991.98px) {
  body.hp-site .nh-marketing-nav { display: none !important; }
}
body.hp-site .nh-marketing-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.5rem;
  margin: 0;
  padding: 0.65rem 0;
  list-style: none;
}
body.hp-site .nh-mnav-item { position: relative; }
body.hp-site .nh-mnav-item > a {
  color: rgba(240, 253, 250, 0.95) !important;
  font-family: 'Urbanist', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  text-decoration: none !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
body.hp-site .nh-mnav-item > a:hover { color: #87c722 !important; }
body.hp-site .nh-mnav-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 60;
  min-width: 14rem;
  padding: 0.75rem;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 20px 50px -24px rgba(0, 43, 66, 0.45);
}
body.hp-site .nh-mnav-item:hover .nh-mnav-panel { display: block; }
body.hp-site .nh-mnav-panel a {
  display: block;
  padding: 0.45rem 0.65rem;
  border-radius: 6px;
  color: #002b42 !important;
  text-decoration: none !important;
  font-size: 0.9rem;
  font-weight: 600;
}
body.hp-site .nh-mnav-panel a:hover { background: #f0f7e8; color: #002b42 !important; }

/* Secondary nav account / login CTA */
body.hp-site #header .navbar-nav.ml-auto > li > a[href*="login"],
body.hp-site #Secondary_Navbar-Account > a {
  background: #87c722 !important;
  color: #002b42 !important;
  border-radius: 6px !important;
  padding: .45rem .9rem !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}

/* Breadcrumb */
body.hp-site .master-breadcrumb {
  background: #fff !important;
  border-bottom: 1px solid #eef2f5;
}
body.hp-site .master-breadcrumb a { color: #003456 !important; }
body.hp-site .master-breadcrumb .active { color: #87c722 !important; font-weight: 700; }

/* ---- Main content shell ---- */
body.hp-site #main-body {
  font-family: 'Urbanist', sans-serif;
}
body.hp-site:not(.asasi-marketing-home) #main-body {
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
}
body.hp-site .primary-content {
  text-align: justify;
  text-justify: inter-word;
}
body.hp-site h1, body.hp-site h2, body.hp-site h3, body.hp-site h4, body.hp-site h5 {
  font-family: 'Urbanist', sans-serif !important;
  color: #002b42 !important;
  font-weight: 800 !important;
}

/* Cards / panels */
body.hp-site .card,
body.hp-site .panel,
body.hp-site .tile,
body.hp-site .client-home-cards .card,
body.hp-site .md-card {
  border-radius: 12px !important;
  border: 1px solid #eef2f5 !important;
  box-shadow: 0 14px 35px rgba(0,43,66,.07) !important;
  background: #fff !important;
}
body.hp-site .card-header,
body.hp-site .panel-heading {
  background: #f7fafc !important;
  border-bottom: 1px solid #eef2f5 !important;
  color: #002b42 !important;
  font-weight: 700 !important;
}

/* Buttons */
body.hp-site .btn-primary,
body.hp-site .btn-success,
body.hp-site input.btn-primary,
body.hp-site button.btn-primary {
  background: #87c722 !important;
  border-color: #87c722 !important;
  color: #002b42 !important;
  font-weight: 800 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
body.hp-site .btn-primary:hover,
body.hp-site .btn-success:hover {
  background: #78b41b !important;
  border-color: #78b41b !important;
  color: #002b42 !important;
}
body.hp-site .btn-default,
body.hp-site .btn-secondary,
body.hp-site .btn-outline-primary {
  background: #fff !important;
  border: 2px solid #002b42 !important;
  color: #002b42 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}
body.hp-site .btn-default:hover,
body.hp-site .btn-outline-primary:hover {
  background: #002b42 !important;
  color: #fff !important;
}
body.hp-site .btn-info {
  background: #003456 !important;
  border-color: #003456 !important;
  color: #fff !important;
}

/* Forms */
body.hp-site .form-control,
body.hp-site select.form-control,
body.hp-site textarea.form-control {
  border-radius: 8px !important;
  border-color: #dbe3ea !important;
  font-family: 'Urbanist', sans-serif !important;
}
body.hp-site .form-control:focus {
  border-color: #87c722 !important;
  box-shadow: 0 0 0 3px rgba(135,199,34,.2) !important;
}
body.hp-site label { color: #002b42; font-weight: 600; }

/* Sidebar — contrast fixed in HostPinnacle rail block below (do not force light theme here) */
body.hp-site .sidebar:not(.asasi-sidebar):not(.asasi-sidebar-host) {
  background: #fff !important;
  border: 1px solid #eef2f5 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px rgba(0,43,66,.07) !important;
}
body.hp-site .sidebar:not(.asasi-sidebar-host) .panel-title,
body.hp-site .sidebar:not(.asasi-sidebar-host) .sidebar-header {
  color: #002b42 !important;
  font-weight: 800 !important;
}

/* Tables */
body.hp-site .table thead th {
  background: #002b42 !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700;
}
body.hp-site .table-striped tbody tr:nth-of-type(odd) {
  background: #f7fafc !important;
}
body.hp-site .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #87c722 !important;
  border-color: #87c722 !important;
  color: #002b42 !important;
}

/* Alerts / badges */
body.hp-site .alert-success { border-left: 4px solid #87c722; }
body.hp-site .badge-success { background: #87c722 !important; color: #002b42 !important; }
body.hp-site .badge-primary { background: #002b42 !important; }

/* Links */
body.hp-site a:not(.btn):not(.nav-link):not(.dropdown-item):not(.nh-mnav-item > a):not(.hp-btn) {
  color: #003456;
}
body.hp-site a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: #87c722;
}

/* Footer */
body.hp-site #footer {
  margin-left: 0 !important;
  width: 100% !important;
  background: #003456 !important;
  color: rgba(255,255,255,.85) !important;
  padding-top: 2.5rem !important;
  padding-bottom: 1.5rem !important;
}
body.hp-site #footer .nh-footer-col h5 { color: #87c722 !important; }
body.hp-site #footer a,
body.hp-site #footer .nav-link {
  color: rgba(255,255,255,.85) !important;
}
body.hp-site #footer a:hover { color: #87c722 !important; }
body.hp-site #footer .copyright { color: #cecece !important; }
body.hp-site #footer .btn { color: #fff !important; }

/* Order form / cart */
body.hp-site #order-standard_cart,
body.hp-site .store-order-container {
  font-family: 'Urbanist', sans-serif;
}
body.hp-site #order-standard_cart .header-lined h1,
body.hp-site #order-standard_cart h1,
body.hp-site #order-standard_cart h2,
body.hp-site #order-standard_cart h3 {
  color: #002b42 !important;
}
body.hp-site #order-standard_cart .products .product,
body.hp-site #order-standard_cart .panel,
body.hp-site #order-standard_cart .cart-sidebar {
  border-radius: 12px !important;
  border: 1px solid #eef2f5 !important;
  box-shadow: 0 14px 35px rgba(0,43,66,.07) !important;
}
body.hp-site #order-standard_cart .btn-success,
body.hp-site #order-standard_cart .btn-order-now {
  background: #87c722 !important;
  border-color: #87c722 !important;
  color: #002b42 !important;
  font-weight: 800 !important;
}
body.hp-site #order-standard_cart .price {
  color: #002b42 !important;
  font-weight: 800 !important;
}

/* Knowledgebase / support / contact */
body.hp-site .kb-search .form-control,
body.hp-site .domain-checker-container input {
  border-radius: 8px !important;
}

/* Client area home tiles */
body.hp-site .client-home-cards .card .card-title,
body.hp-site .tiles .tile .title {
  color: #002b42 !important;
}
body.hp-site .tiles .tile {
  border-radius: 12px !important;
  border: 1px solid #eef2f5 !important;
  background: #fff !important;
}

/* Pagination */
body.hp-site .pagination .page-item.active .page-link {
  background: #87c722 !important;
  border-color: #87c722 !important;
  color: #002b42 !important;
}
body.hp-site .pagination .page-link { color: #002b42 !important; }

/* Modal */
body.hp-site .modal-header {
  background: #002b42 !important;
  color: #fff !important;
}
body.hp-site .modal-header .close,
body.hp-site .modal-header .close span { color: #fff !important; opacity: 1; }


/* =========================================================
   SIDEBAR — HostPinnacle design + no overlap with chrome
   ========================================================= */

body.hp-site.has-asasi-sidebar {
  --asasi-sidebar-w: 17.5rem;
  --asasi-sidebar-gap: 0.75rem;
  --asasi-shell-pad: 20rem;
  --hp-navy: #002b42;
  --hp-navy-mid: #003456;
  --hp-lime: #87c722;
  --hp-mist: #f0f7e8;
}

/* CRITICAL: keep content column offset so fixed sidebar never overlaps header/main/footer */
body.hp-site.has-asasi-sidebar #header,
body.hp-site.has-asasi-sidebar .master-breadcrumb,
body.hp-site.has-asasi-sidebar #main-body,
body.hp-site.has-asasi-sidebar #footer,
body.hp-site.has-asasi-sidebar footer.footer {
  margin-left: var(--asasi-shell-pad) !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Marketing mega-nav lives inside header → already offset; hide on small content column clutter optional */
body.hp-site.has-asasi-sidebar .nh-marketing-nav {
  display: block !important;
}
@media (max-width: 1199.98px) {
  body.hp-site.has-asasi-sidebar .nh-marketing-nav {
    display: none !important;
  }
}

/* Floating sidebar card — HostPinnacle navy shell */
body.hp-site.has-asasi-sidebar .asasi-sidebar-col {
  position: static !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  flex: 0 0 0 !important;
}

body.hp-site.has-asasi-sidebar .asasi-sidebar-host {
  position: static !important;
  height: 0 !important;
  overflow: visible !important;
}

body.hp-site.has-asasi-sidebar .asasi-sidebar,
body.hp-site .asasi-sidebar {
  position: fixed !important;
  top: var(--asasi-sidebar-gap) !important;
  bottom: var(--asasi-sidebar-gap) !important;
  left: var(--asasi-sidebar-gap) !important;
  width: var(--asasi-sidebar-w) !important;
  max-width: var(--asasi-sidebar-w) !important;
  z-index: 50 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #002b42 0%, #003456 55%, #001a28 100%) !important;
  border: 1px solid rgba(135, 199, 34, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 50px rgba(0, 43, 66, 0.35) !important;
  color: #fff !important;
}

/* Brand */
body.hp-site .asasi-sidebar-brand {
  padding: 1.15rem 1.15rem 0.75rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
body.hp-site .asasi-sidebar-brand-link {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  text-decoration: none !important;
}
body.hp-site .asasi-sidebar-brand-name {
  color: #fff !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  margin: 0 !important;
}
body.hp-site .asasi-sidebar-brand-meta {
  color: rgba(240, 253, 250, 0.75) !important;
  font-size: 0.75rem !important;
  margin: 0.15rem 0 0 !important;
}
body.hp-site .asasi-sidebar-brand-meta .asasi-dot {
  background: #87c722 !important;
}
body.hp-site .asasi-sidebar-mark {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 4px !important;
}

/* Search */
body.hp-site .asasi-sidebar-search {
  padding: 0.85rem 1rem 0.35rem !important;
}
body.hp-site .asasi-sidebar-search-label {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.7) !important;
}
body.hp-site .asasi-sidebar-search-input {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: 'Urbanist', sans-serif !important;
}
body.hp-site .asasi-sidebar-search-input::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

/* Nav sections */
body.hp-site .asasi-sidebar-nav {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  padding: 0.75rem 0.85rem 1rem !important;
}
body.hp-site .asasi-sidebar-section-label {
  color: #87c722 !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
}
body.hp-site .asasi-sidebar-section-label i {
  color: #87c722 !important;
}
body.hp-site .asasi-sidebar-item {
  color: rgba(255,255,255,0.88) !important;
  border-radius: 8px !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 600 !important;
}
body.hp-site .asasi-sidebar-item:hover {
  background: rgba(135, 199, 34, 0.15) !important;
  color: #fff !important;
}
body.hp-site .asasi-sidebar-item:hover .asasi-sidebar-item-icon {
  color: #87c722 !important;
}
body.hp-site .asasi-sidebar-item.is-active {
  background: #87c722 !important;
  color: #002b42 !important;
}
body.hp-site .asasi-sidebar-item.is-active .asasi-sidebar-item-icon,
body.hp-site .asasi-sidebar-item.is-active .asasi-sidebar-item-label {
  color: #002b42 !important;
}
body.hp-site .asasi-sidebar-item-icon {
  color: rgba(135, 199, 34, 0.95) !important;
}

/* Legacy WHMCS sidebar panels inside rail */
body.hp-site .asasi-sidebar .card-sidebar,
body.hp-site .asasi-sidebar .card,
body.hp-site .asasi-sidebar .panel,
body.hp-site .asasi-sidebar .list-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.hp-site .asasi-sidebar .card-header,
body.hp-site .asasi-sidebar .panel-heading,
body.hp-site .asasi-sidebar .panel-title {
  background: transparent !important;
  color: #87c722 !important;
  border: 0 !important;
  font-weight: 800 !important;
}
body.hp-site .asasi-sidebar .list-group-item,
body.hp-site .asasi-sidebar a.list-group-item {
  background: transparent !important;
  color: rgba(255,255,255,0.88) !important;
  border: 0 !important;
  border-radius: 8px !important;
  margin: 0.15rem 0 !important;
}
body.hp-site .asasi-sidebar .list-group-item:hover,
body.hp-site .asasi-sidebar .list-group-item.active {
  background: rgba(135, 199, 34, 0.18) !important;
  color: #fff !important;
}
body.hp-site .asasi-sidebar .list-group-item.active {
  background: #87c722 !important;
  color: #002b42 !important;
}

/* User card */
body.hp-site .asasi-sidebar-user {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 0.75rem 1rem 1rem !important;
}
body.hp-site .asasi-sidebar-user-card {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
}
body.hp-site .asasi-sidebar-user-name,
body.hp-site .asasi-sidebar-user-role,
body.hp-site .asasi-sidebar-user-contact-value {
  color: #fff !important;
}
body.hp-site .asasi-sidebar-user-contact-label {
  color: rgba(255,255,255,0.5) !important;
}
body.hp-site .asasi-sidebar-avatar {
  background: #87c722 !important;
  color: #002b42 !important;
  font-weight: 800 !important;
}
body.hp-site .asasi-sidebar-online {
  background: #87c722 !important;
}

/* Primary content fills remaining column — no double gutter collision */
body.hp-site.has-asasi-sidebar #main-body .primary-content,
body.hp-site.has-asasi-sidebar #main-body .primary-content.col-lg-8,
body.hp-site.has-asasi-sidebar #main-body .primary-content.col-xl-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  float: none !important;
}

/* Header inside content column — HP look, not overlapping rail */
body.hp-site.has-asasi-sidebar #header {
  background: #fff !important;
  z-index: 40 !important; /* below sidebar (50) */
  position: sticky !important;
  top: 0 !important;
}
body.hp-site.has-asasi-sidebar #header .topbar {
  background: #002b42 !important;
}
body.hp-site.has-asasi-sidebar #footer {
  background: #003456 !important;
  z-index: 30 !important;
}

/* Mobile drawer — slide over content, dim backdrop */
@media (max-width: 991.98px) {
  body.hp-site.has-asasi-sidebar #header,
  body.hp-site.has-asasi-sidebar .master-breadcrumb,
  body.hp-site.has-asasi-sidebar #main-body,
  body.hp-site.has-asasi-sidebar #footer,
  body.hp-site.has-asasi-sidebar footer.footer {
    margin-left: 0 !important;
    width: 100% !important;
  }
  body.hp-site.has-asasi-sidebar .asasi-sidebar {
    transform: translateX(calc(-100% - 1rem)) !important;
    transition: transform .25s ease !important;
  }
  body.hp-site.asasi-sidebar-open .asasi-sidebar {
    transform: translateX(0) !important;
  }
  body.hp-site .asasi-sidebar-backdrop {
    background: rgba(0, 43, 66, 0.55) !important;
    z-index: 45 !important;
  }
}

/* Ensure row doesn't create horizontal overflow beside fixed rail */
body.hp-site.has-asasi-sidebar #main-body > .container > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}


/* Homepage hero slider — force white text (beats sitewide navy headings) */
body.hp-site .hp-hero .hp-slide-title,
body.hp-site .hp-hero .hp-slide-copy h1,
body.hp-site .hp-hero h1.hp-slide-title {
  color: #ffffff !important;
}
body.hp-site .hp-hero .hp-slide-sub,
body.hp-site .hp-hero .hp-slide-copy h4,
body.hp-site .hp-hero h4.hp-slide-sub {
  color: #ffffff !important;
}
body.hp-site .hp-hero .hp-slide-lead,
body.hp-site .hp-hero .hp-slide-copy p {
  color: #ffffff !important;
}
body.hp-site .hp-hero .hp-slide-lead mark {
  color: #002b42 !important;
  background: #87c722 !important;
}
body.hp-site .hp-hero .hp-check-list li,
body.hp-site .hp-hero .hp-slide-copy ul li {
  color: #ffffff !important;
}


/* =========================================================
   Rich HostPinnacle-style service pages
   ========================================================= */
.nh-page { font-family: 'Urbanist', sans-serif; color: #0c293a; }
.nh-page-hero {
  background-color: #000F57;
  background-image: linear-gradient(278.54deg, #001DAC 15.93%, #000F57 98.7%);
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 4rem 0 3.5rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.nh-page-hero.has-bg {
  background-image: var(--nh-hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.nh-page-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Navy brand wash — image shows through but text stays readable from afar */
  background:
    linear-gradient(278.54deg, rgba(0, 29, 172, 0.78) 15.93%, rgba(0, 15, 87, 0.88) 98.7%),
    linear-gradient(180deg, rgba(0, 11, 40, 0.35) 0%, rgba(0, 11, 40, 0.55) 100%);
}
.nh-page-hero.has-bg .nh-page-hero-overlay {
  background:
    linear-gradient(100deg, rgba(0, 15, 87, 0.86) 0%, rgba(0, 29, 172, 0.72) 55%, rgba(0, 15, 87, 0.78) 100%);
  opacity: 1;
}
.nh-page-hero::after {
  content: "";
  position: absolute;
  right: -80px; top: -80px;
  width: 280px; height: 280px;
  border-radius: 50%;
  background: rgba(135,199,34,.12);
  pointer-events: none;
  z-index: 0;
}
.nh-page-hero > .container {
  position: relative;
  z-index: 1;
}
body.hp-site .nh-page-hero h1,
body.hp-site .nh-page-hero .nh-page-title,
body.hp-site h1.nh-page-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.1rem, 4vw, 3.2rem);
  font-weight: 800 !important;
  margin: 0 0 1rem;
  line-height: 1.15;
  text-shadow: 0 2px 18px rgba(0,0,0,.45);
}
.nh-page-eyebrow {
  color: #87c722 !important;
  -webkit-text-fill-color: #87c722 !important;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .78rem;
  margin-bottom: .5rem;
}
.nh-hero-kicker {
  color: rgba(255,255,255,.9) !important;
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: .35rem;
}
.nh-hero-price {
  display: inline-block;
  background: rgba(135,199,34,.18);
  border: 1px solid rgba(135,199,34,.45);
  color: #fff !important;
  font-weight: 700;
  padding: .55rem 1rem;
  border-radius: 8px;
  margin: .35rem 0 1.25rem;
}
.nh-page-lead {
  color: rgba(255,255,255,.95) !important;
  font-size: 1.1rem;
  max-width: 40rem;
  margin-bottom: 1.25rem;
  text-align: justify;
}
.nh-hero-checks ul { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.nh-hero-checks li {
  color: #fff !important;
  padding: .35rem 0;
  font-weight: 600;
}
.nh-hero-checks i { color: #87c722; margin-right: .45rem; }
.nh-hero-panel {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px;
  padding: 2.5rem 1.75rem;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .5rem;
}
.nh-hero-panel strong { font-size: 1.4rem; color: #87c722; }
.nh-hero-panel span { font-size: 1.15rem; font-weight: 700; color: #fff; }
.nh-hero-panel em { color: rgba(255,255,255,.7); font-style: normal; }

.nh-section { padding: 3.5rem 0; }
.nh-benefits { background: #fff; }
.nh-benefit-card {
  background: #f7fafc;
  border: 1px solid #eef2f5;
  border-radius: 14px;
  padding: 1.75rem 1.4rem;
  height: 100%;
  margin-bottom: 1.25rem;
  text-align: center;
}
.nh-benefit-icon {
  width: 52px; height: 52px; margin: 0 auto 1rem;
  border-radius: 50%;
  background: #f0f7e8;
  color: #87c722;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem;
}
.nh-benefit-card h3 { color: #002b42 !important; font-size: 1.15rem; font-weight: 800 !important; }
.nh-benefit-card p { color: #5b7382; margin: 0; text-align: justify; }

.nh-h2 {
  color: #002b42 !important;
  font-weight: 800 !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-bottom: 1rem;
}
.nh-section-intro { max-width: 48rem; margin: 0 auto 2.5rem; }
.nh-intro-text { color: #5b7382; line-height: 1.7; text-align: justify; margin: 0 auto 1rem; max-width: 46rem; }

.nh-plans-wrap { background: #f7fafc; }
.nh-plan {
  position: relative;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #eef2f5;
  box-shadow: 0 18px 40px rgba(0,43,66,.08);
  padding: 2rem 1.5rem 1.5rem;
  margin-bottom: 1.5rem;
  height: calc(100% - 1.5rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.nh-plan.is-popular { border-color: rgba(135,199,34,.55); box-shadow: 0 22px 50px rgba(135,199,34,.2); }
.nh-plan-badge {
  position: absolute; top: 38px; right: -70px;
  width: 220px; text-align: center;
  background: #87c722; color: #002b42;
  font-size: .72rem; font-weight: 800;
  padding: .45rem 0; transform: rotate(40deg);
  text-transform: uppercase;
}
.nh-plan h3 { color: #002b42 !important; font-weight: 800 !important; font-size: 1.2rem; margin: 0; }
.nh-plan-from { color: #1C40F2; font-weight: 700; font-size: .85rem; margin: .85rem 0 .2rem; }
.nh-plan-price { color: #002b42; font-size: 1.85rem; font-weight: 800; margin-bottom: .35rem; }
.nh-plan-price span { font-size: .9rem; font-weight: 600; color: #5b7382; margin-left: .25rem; }
.nh-plan-tag { color: #5b7382; margin-bottom: 1rem; }
.nh-plan-features { flex: 1; margin-bottom: 1.25rem; max-height: 220px; overflow: auto; }
.nh-plan-features ul { list-style: none; margin: 0; padding: 0; }
.nh-plan-features li {
  position: relative;
  padding: .4rem 0 .4rem 1.3rem;
  border-bottom: 1px solid #f1f5f9;
  font-size: .9rem;
  color: #334155;
}
.nh-plan-features li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute; left: 0; top: .55rem;
  color: #1C40F2; font-size: .7rem;
}

.nh-managed { background: #fff; }
.nh-managed-card {
  background: #f7fafc;
  border-radius: 12px;
  border: 1px solid #eef2f5;
  padding: 1.35rem 1.2rem;
  margin-bottom: 1rem;
  height: calc(100% - 1rem);
}
.nh-managed-card h3 { color: #002b42 !important; font-size: 1.05rem; font-weight: 800 !important; }
.nh-managed-card h3 i { color: #87c722; margin-right: .35rem; }
.nh-managed-card p { margin: 0; color: #5b7382; text-align: justify; font-size: .95rem; }

.nh-service-body { background: #fff; }
.nh-page-text { color: #4a6270; line-height: 1.75; margin-bottom: 1.1rem; text-align: justify; font-size: 1.02rem; }
.nh-page-card {
  background: #fff; border-radius: 14px; border: 1px solid #eef2f5;
  box-shadow: 0 18px 40px rgba(0,43,66,.08); padding: 1.75rem 1.5rem;
}
.nh-page-card h2 { color: #002b42 !important; font-size: 1.2rem; font-weight: 800 !important; margin: 0 0 1rem; }
.nh-page-features { list-style: none; margin: 0; padding: 0; }
.nh-page-features li {
  display: flex; gap: .65rem; align-items: flex-start;
  padding: .55rem 0; border-bottom: 1px solid #eef2f5;
  color: #002b42; font-weight: 600;
}
.nh-page-features li:last-child { border-bottom: 0; }
.nh-page-features i { color: #87c722; margin-top: .2rem; }

.nh-step-card {
  background: #f7fafc; border-radius: 14px; border: 1px solid #eef2f5;
  padding: 1.5rem 1.25rem; height: 100%; margin-bottom: 1rem; position: relative;
}
.nh-step-num {
  display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center;
  border-radius: 50%; background: #87c722; color: #002b42; font-weight: 800; margin-bottom: .75rem;
}
.nh-step-card h3 { color: #002b42 !important; font-size: 1.1rem; font-weight: 800 !important; }
.nh-step-card p { color: #5b7382; margin: 0; text-align: justify; }

.nh-includes { background: #f7fafc; }
.nh-include-item {
  background: #fff; border: 1px solid #eef2f5; border-radius: 12px;
  padding: 1.1rem .85rem; text-align: center; margin-bottom: 1rem;
  font-weight: 700; color: #002b42; min-height: 6rem;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .45rem;
}
.nh-include-item i { color: #87c722; font-size: 1.25rem; }

.nh-quotes { background: #fff; }
.nh-quote {
  background: #f7fafc; border-radius: 14px; border: 1px solid #eef2f5;
  padding: 1.5rem 1.25rem; height: 100%; margin: 0 0 1rem;
  box-shadow: 0 14px 30px rgba(0,43,66,.06);
}
.nh-quote p { color: #4a6270; text-align: justify; margin-bottom: 1rem; }
.nh-quote strong { display: block; color: #002b42; }
.nh-quote span { color: #8aa0ad; font-size: .9rem; }

.nh-final-cta {
  background: linear-gradient(135deg, #002b42 0%, #003456 60%, #115e59 100%);
  color: #fff; padding: 3.25rem 0; text-align: center;
}
.nh-final-cta h2 { color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 800 !important; margin-bottom: .75rem; }
.nh-final-cta p { color: rgba(255,255,255,.92) !important; -webkit-text-fill-color: rgba(255,255,255,.92) !important; margin-bottom: 1.5rem; }

@media (max-width: 767.98px) {
  .nh-page-hero { padding: 2.75rem 0 2.5rem; }
  .nh-hero-checks .col-md-6:last-child ul { margin-bottom: 1.25rem; }
}

/* Sitewide readability */
.nh-page .nh-page-text,
.nh-page .nh-intro-text,
.nh-benefit-card p,
.nh-managed-card p,
.nh-step-card p,
.nh-quote p {
  color: #243b4a !important;
  line-height: 1.75;
  font-size: 1.05rem;
}
.nh-benefit-card h3,
.nh-managed-card h3,
.nh-step-card h3,
.nh-plan h3,
.nh-h2,
.nh-page-card h2 {
  color: #002b42 !important;
}
.nh-hero-kicker,
.nh-page-lead,
.nh-hero-checks li,
.nh-hero-price {
  text-shadow: 0 1px 10px rgba(0,0,0,.35);
}
.nh-page-lead,
.nh-hero-kicker {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1;
}
.nh-hero-checks li {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1.02rem;
}
.nh-page-card {
  background: #fff;
  border: 1px solid #e4ebf0;
  box-shadow: 0 10px 30px rgba(0,43,66,.06);
}
.nh-page-features li { color: #243b4a !important; font-weight: 600; }
.nh-include-item span { color: #002b42 !important; font-weight: 700; }
.nh-quote { background: #fff; border: 1px solid #eef2f5; }
.nh-quote footer span { color: #5b7382; }
body.hp-site .nh-page p { color: inherit; }



/* =========================================================
   Sitewide content readability
   ========================================================= */
body.hp-site,
body.hp-site .main-content,
body.hp-site #main-body {
  color: #243b4a;
}
body.hp-site p:not(.asasi-sidebar-section-label):not(.asasi-sidebar-user-name):not(.asasi-sidebar-user-role):not(.asasi-sidebar-user-contact-label):not(.asasi-sidebar-user-contact-value),
body.hp-site .main-content .card-body,
body.hp-site .main-content .panel-body,
body.hp-site #main-body .list-group-item,
body.hp-site td,
body.hp-site #main-body li:not(.asasi-dd-item) {
  color: #243b4a;
}
body.hp-site h1:not(.nh-page-title):not(.hp-slide-title),
body.hp-site h2,
body.hp-site h3,
body.hp-site h4,
body.hp-site .card-title,
body.hp-site legend {
  color: #002b42 !important;
}
body.hp-site .text-muted { color: #5b7382 !important; }
body.hp-site a:not(.btn):not(.hp-btn):not(.nav-link):not(.asasi-sidebar-item):not(.asasi-dd-link):not(.dropdown-item) { color: #0b5cab; }
body.hp-site .asasi-sidebar a { color: rgba(255,255,255,.92) !important; }


/* ===== SIDEBAR VISIBILITY FIX (navy rail + light text) ===== */
body.hp-site .asasi-sidebar,
body.hp-site.has-asasi-sidebar .asasi-sidebar,
body.hp-site #asasi-sidebar {
  background: linear-gradient(180deg, #002b42 0%, #003456 55%, #001a28 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(135, 199, 34, 0.28) !important;
}

body.hp-site .asasi-sidebar *,
body.hp-site #asasi-sidebar * {
  -webkit-text-fill-color: inherit;
}

body.hp-site .asasi-sidebar a,
body.hp-site .asasi-sidebar a:link,
body.hp-site .asasi-sidebar a:visited,
body.hp-site .asasi-sidebar .asasi-sidebar-item,
body.hp-site .asasi-sidebar .asasi-sidebar-item-label,
body.hp-site .asasi-sidebar .list-group-item,
body.hp-site .asasi-sidebar a.list-group-item,
body.hp-site .asasi-sidebar .asasi-sidebar-item.is-static,
body.hp-site .asasi-sidebar p,
body.hp-site .asasi-sidebar span,
body.hp-site .asasi-sidebar li,
body.hp-site .asasi-sidebar div {
  color: rgba(255, 255, 255, 0.94) !important;
}

body.hp-site .asasi-sidebar .asasi-sidebar-section-label,
body.hp-site .asasi-sidebar .asasi-sidebar-section-label i,
body.hp-site .asasi-sidebar .panel-title,
body.hp-site .asasi-sidebar .card-header,
body.hp-site .asasi-sidebar h2,
body.hp-site .asasi-sidebar h3,
body.hp-site .asasi-sidebar h4,
body.hp-site .asasi-sidebar .asasi-sidebar-item-icon,
body.hp-site .asasi-sidebar .asasi-sidebar-item-icon i,
body.hp-site .asasi-sidebar i.fas,
body.hp-site .asasi-sidebar i.far,
body.hp-site .asasi-sidebar i.fal {
  color: #87c722 !important;
}

body.hp-site .asasi-sidebar .asasi-sidebar-item:hover,
body.hp-site .asasi-sidebar a.asasi-sidebar-item:hover,
body.hp-site .asasi-sidebar .list-group-item:hover {
  background: rgba(135, 199, 34, 0.18) !important;
  color: #ffffff !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-item:hover .asasi-sidebar-item-label,
body.hp-site .asasi-sidebar .asasi-sidebar-item:hover .asasi-sidebar-item-icon,
body.hp-site .asasi-sidebar .asasi-sidebar-item:hover i {
  color: #ffffff !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-item:hover .asasi-sidebar-item-icon,
body.hp-site .asasi-sidebar .asasi-sidebar-item:hover .asasi-sidebar-item-icon i {
  color: #87c722 !important;
}

body.hp-site .asasi-sidebar .asasi-sidebar-item.is-active,
body.hp-site .asasi-sidebar a.asasi-sidebar-item.is-active,
body.hp-site .asasi-sidebar .list-group-item.active {
  background: #87c722 !important;
  color: #002b42 !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-item.is-active .asasi-sidebar-item-label,
body.hp-site .asasi-sidebar .asasi-sidebar-item.is-active .asasi-sidebar-item-icon,
body.hp-site .asasi-sidebar .asasi-sidebar-item.is-active i,
body.hp-site .asasi-sidebar .asasi-sidebar-item.is-active span {
  color: #002b42 !important;
}

body.hp-site .asasi-sidebar .asasi-sidebar-search-label {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.16) !important;
  color: rgba(255,255,255,0.8) !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-search-input,
body.hp-site .asasi-sidebar .asasi-sidebar-search-input:focus {
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-search-input::placeholder {
  color: rgba(255,255,255,0.5) !important;
  opacity: 1 !important;
}

body.hp-site .asasi-sidebar .asasi-sidebar-user-card {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.14) !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-user-name,
body.hp-site .asasi-sidebar .asasi-sidebar-user-role,
body.hp-site .asasi-sidebar .asasi-sidebar-user-contact-value {
  color: #ffffff !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-user-contact-label {
  color: rgba(255,255,255,0.55) !important;
}
body.hp-site .asasi-sidebar .asasi-sidebar-avatar {
  background: #87c722 !important;
  color: #002b42 !important;
}

body.hp-site .asasi-sidebar select.form-control,
body.hp-site .asasi-sidebar .asasi-sidebar-mobile-select select {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}
body.hp-site .asasi-sidebar select.form-control option {
  color: #002b42 !important;
  background: #fff !important;
}

body.hp-site .asasi-sidebar .text-muted,
body.hp-site .asasi-sidebar .badge,
body.hp-site .asasi-sidebar small {
  color: rgba(255,255,255,0.75) !important;
}


/* =========================================================
   Logged-in client menubar (under main nav)
   ========================================================= */
body.hp-site .nh-client-menubar {
  background: #003456;
  border-top: 1px solid rgba(135, 199, 34, 0.28);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 35;
}
body.hp-site .nh-client-menubar .container {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
}
body.hp-site .nh-client-menubar-toggle {
  display: flex;
  align-items: center;
  gap: .45rem;
  width: 100%;
  background: transparent;
  border: 0;
  color: #fff !important;
  font-family: 'Urbanist', sans-serif;
  font-weight: 700;
  font-size: .95rem;
  padding: .7rem 0;
}
body.hp-site .nh-client-menu {
  list-style: none;
  margin: 0;
  padding: .35rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .15rem .1rem;
  width: 100%;
}
body.hp-site .nh-client-menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .85rem;
  border-radius: 6px;
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
  font-family: 'Urbanist', sans-serif;
  font-weight: 600;
  font-size: .92rem;
  text-decoration: none !important;
  white-space: nowrap;
}
body.hp-site .nh-client-menu > li > a i {
  color: #87c722 !important;
  font-size: .85rem;
}
body.hp-site .nh-client-menu > li > a:hover,
body.hp-site .nh-client-menu > li > a.is-active {
  background: rgba(135, 199, 34, 0.18);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.hp-site .nh-client-loyalty {
  margin-left: auto;
}
body.hp-site .nh-loyalty-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  padding: .1rem .45rem;
  margin-left: .15rem;
  border-radius: 999px;
  background: #87c722 !important;
  color: #002b42 !important;
  -webkit-text-fill-color: #002b42 !important;
  font-weight: 800 !important;
  font-size: .8rem;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  body.hp-site .nh-client-menu {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: .75rem;
  }
  body.hp-site .nh-client-loyalty {
    margin-left: 0;
  }
  body.hp-site .nh-client-menu > li > a {
    width: 100%;
  }
}


/* Loyalty Points page */
.nh-loyalty-page { font-family: 'Urbanist', sans-serif; }
.nh-loyalty-hero {
  background: linear-gradient(100deg, rgba(0,15,87,.9), rgba(0,43,66,.88)),
              url('../img/heroes/hero-our-services.jpg') center/cover no-repeat;
  color: #fff;
  padding: 3rem 0 2.75rem;
}
body.hp-site .nh-loyalty-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin: 0 0 .75rem;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}
.nh-loyalty-eyebrow {
  color: #87c722 !important;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .78rem;
  margin-bottom: .4rem;
}
.nh-loyalty-lead {
  color: rgba(255,255,255,.95) !important;
  max-width: 36rem;
  margin: 0;
  font-size: 1.05rem;
}
.nh-loyalty-body { padding: 2.75rem 0 3.5rem; background: #f7fafc; }
.nh-loyalty-balance-card,
.nh-loyalty-info-card {
  background: #fff;
  border: 1px solid #eef2f5;
  border-radius: 14px;
  box-shadow: 0 14px 35px rgba(0,43,66,.07);
  padding: 1.75rem 1.5rem;
  height: 100%;
  margin-bottom: 1.25rem;
}
.nh-loyalty-balance-label {
  color: #5b7382;
  font-weight: 700;
  margin: 0 0 .35rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .78rem;
}
.nh-loyalty-balance-value {
  color: #002b42 !important;
  font-size: clamp(2.8rem, 6vw, 4rem);
  font-weight: 800;
  line-height: 1;
  margin-bottom: .35rem;
}
.nh-loyalty-balance-meta {
  color: #87c722;
  font-weight: 800;
  margin-bottom: 1.25rem;
}
.nh-loyalty-info-card h2 {
  color: #002b42 !important;
  font-weight: 800 !important;
  font-size: 1.35rem;
  margin: 0 0 1rem;
}
.nh-loyalty-list {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}
.nh-loyalty-list li {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  color: #243b4a !important;
  padding: .55rem 0;
  border-bottom: 1px solid #eef2f5;
  font-weight: 600;
}
.nh-loyalty-list li:last-child { border-bottom: 0; }
.nh-loyalty-list i { color: #87c722; margin-top: .2rem; }
.nh-loyalty-actions { display: flex; flex-wrap: wrap; gap: .65rem; }


/* Final CTA banner — force readable white text over navy */
body.hp-site .nh-final-cta,
body.hp-site .nh-final-cta * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.hp-site .nh-final-cta h1,
body.hp-site .nh-final-cta h2,
body.hp-site .nh-final-cta h3,
body.hp-site .nh-final-cta p,
body.hp-site .nh-final-cta span,
body.hp-site .nh-final-cta a:not(.hp-btn-lime):not(.btn) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.25);
}
body.hp-site .nh-final-cta p {
  color: rgba(255,255,255,0.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.92) !important;
}
body.hp-site .nh-final-cta .hp-btn-lime,
body.hp-site .nh-final-cta a.hp-btn-lime {
  color: #002b42 !important;
  -webkit-text-fill-color: #002b42 !important;
  text-shadow: none !important;
  background: #87c722 !important;
  border-color: #87c722 !important;
}
body.hp-site .nh-final-cta .hp-btn-outline-navy,
body.hp-site .nh-final-cta a.hp-btn-outline-navy {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #ffffff !important;
  background: transparent !important;
  text-shadow: none !important;
}
body.hp-site .nh-final-cta .hp-btn-outline-navy:hover,
body.hp-site .nh-final-cta a.hp-btn-outline-navy:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Homepage Bulk SMS banner — white readable text */
body.hp-site .hp-sms .hp-sms-copy h2,
body.hp-site .hp-sms .hp-sms-copy h3,
body.hp-site .hp-sms .hp-sms-copy p,
body.asasi-marketing-home .hp-sms .hp-sms-copy h2,
body.asasi-marketing-home .hp-sms .hp-sms-copy h3,
body.asasi-marketing-home .hp-sms .hp-sms-copy p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.35);
}
body.hp-site .hp-sms .hp-sms-price,
body.asasi-marketing-home .hp-sms .hp-sms-price {
  color: #87c722 !important;
  -webkit-text-fill-color: #87c722 !important;
  text-shadow: none;
}
body.hp-site .hp-sms .hp-btn-lime,
body.asasi-marketing-home .hp-sms .hp-btn-lime {
  color: #002b42 !important;
  -webkit-text-fill-color: #002b42 !important;
  text-shadow: none !important;
}