html[data-theme-color="custom-color"] {
  --bs-body-color: #566593;
  --bs-heading-color: #0c0c0c;
  --bs-heading-color-rgb: 12, 12, 12;
  --bs-primary: #ff4cbc;
  --bs-secondary: #0c0c0c;
  --bs-light: #f6eaf9;
  --bs-primary-rgb: 255, 76, 188;
  --bs-secondary-rgb: 12, 12, 12;
  --bs-light-rgb: 246, 234, 249;
  --bs-primary-text-emphasis: #661e4b;
  --bs-secondary-text-emphasis: #050505;
  --bs-light-text-emphasis: #625e64;
  --bs-primary-bg-subtle: #ffdbf2;
  --bs-secondary-bg-subtle: #ffdbf2;
  --bs-light-bg-subtle: #fdfbfe;
  --bs-primary-border-subtle: #ffdbf2;
  --bs-secondary-border-subtle: #cecece;
  --bs-light-border-subtle: #fdfbfe;
  --bs-primary-btn-hover-bg: #d941a0;
  --bs-primary-btn-hover-border-color: #d941a0;
  --bs-secondary-btn-hover-bg: #0a0a0a;
  --bs-secondary-btn-hover-border-color: #0a0a0a;
  --bs-light-btn-hover-bg: #d1c7d4;
  --bs-light-btn-hover-border-color: #d1c7d4;
}
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>");
}