html[data-theme-color="custom-color"] {
  --bs-body-color: #566593;
  --bs-heading-color: #2287c7;
  --bs-heading-color-rgb: 34, 135, 199;
  --bs-primary: #33b661;
  --bs-secondary: #2287c7;
  --bs-light: #ebf7ed;
  --bs-primary-rgb: 51, 182, 97;
  --bs-secondary-rgb: 34, 135, 199;
  --bs-light-rgb: 235, 247, 237;
  --bs-primary-text-emphasis: #144927;
  --bs-secondary-text-emphasis: #0e3650;
  --bs-light-text-emphasis: #5e635f;
  --bs-primary-bg-subtle: #d6f0df;
  --bs-secondary-bg-subtle: #d6f0df;
  --bs-light-bg-subtle: #fbfdfb;
  --bs-primary-border-subtle: #d6f0df;
  --bs-secondary-border-subtle: #d3e7f4;
  --bs-light-border-subtle: #fbfdfb;
  --bs-primary-btn-hover-bg: #2b9b52;
  --bs-primary-btn-hover-border-color: #2b9b52;
  --bs-secondary-btn-hover-bg: #1d73a9;
  --bs-secondary-btn-hover-border-color: #1d73a9;
  --bs-light-btn-hover-bg: #c8d2c9;
  --bs-light-btn-hover-border-color: #c8d2c9;
}
html[data-theme-color="custom-color"] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color="custom-color"] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color="custom-color"] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color="custom-color"] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 0L7.69706 4.30294L12 6L7.69706 7.69706L6 12L4.30294 7.69706L0 6L4.30294 4.30294L6 0Z' fill='%2300BDE0'/></svg>");
}