a:hover:not(.text-white),
.group:hover .group-hover\:text-accent,
.bottom-line.-accent::after,
.blogSidebar .wp-block-latest-comments li .wp-block-latest-comments__comment-author,
.fancy-grid .grid__category,
.text-accent,
.portfolio__category,
.sectionSlider .nav.-slider .nav__item:hover .icon,
.backButton .nav__item .icon,
.blog__info a,
a.hellix-post__read-more:hover,
.team__info,
.sliderNav__item:hover,
.site-branding-text a:hover,
.menu .nav li:hover > a,
.socialsSection a:hover,
.page-masthead__subtitle,
.tabs.-lines .tabs__button.is-active,
.sliderNav__item:hover,
.mainSlider.-type-4 .navigation__item:hover,
.mainSlider.-type-all .navigation span:hover,
.filter-button-group button:hover,
.related-nav__item:hover span,
.related-nav__item:hover .icon,
.pagination.-section .pagination__content > *.is-active,
.nav-icon:hover,
.elementor-element.elementor-widget-icon-box .service.-card.-hover .service__content.-border .service__icon i {
  color: var(--hx-primary) !important;
}

.text-accent.elementor-icon-box {
  fill: var(--hx-primary) !important;
  color: var(--hx-primary) !important;
}

.sectionHeading__subtitle {
  color: var(--hx-primary);
}

[data-anim*='cover-accent']::after,
[data-anim-child*='cover-accent']::after,
::selection,
.bg-accent,
.bg-secondary,
.preloader__progress__inner,
.tabs.-buttons .tabs__button.is-active,
.bottom-line.-accent::after,
.service.-icon-hover:hover .service__icon,
.service.-card .service__content::after,
.sliderNav.-portfolio-slider ~ .pagination.-slider .pagination__item,
.nav.-slider ~ .pagination.-slider .pagination__item,
.pagination.-slider:not(.-white) .pagination__item,
.service.-card.-hover:hover .service__icon,
.service.-image.-hover .service__content::after,
.button.-accent,
.navbar-tool-badge,
.mega::before {
  background-color: var(--hx-primary) !important;
}


.sliderNav.-portfolio-slider ~ .pagination.-slider .pagination__item.is-active::after,
.nav.-slider ~ .pagination.-slider .pagination__item.is-active::after,
.pagination.-slider:not(.-white) .pagination__item.is-active::after,
.button.-white::after,
.sectionSlider .nav.-slider .nav__item:hover,
.backButton .nav__item,
.nav-icon:hover .nav-icon__circle,
.background-border.-left::before,
.background-border.-right::before {
  border-color: var(--hx-primary) !important;
}

.pieChart circle.pieChart__bar {
  stroke: var(--hx-primary) !important;
}

.service__icon,
.bg-beige-light,
.elementor-element.elementor-widget-icon-box .service.-card.-hover .service__content.-border .service__icon {
  background-color: var(--hx-primary-faded) !important;
}

.menu .nav__submenu::after {
  border-bottom: .625rem solid var(--hx-dark-primary);
}


.text-beige-dark,
.socialsIcons a:hover,
.menu .mobile__socials a,
.sidebar__header .subtitle,
.sidebar__info .button,
.sidebar__socials .item,
.form.-subscription .icon,
.text-beige-dark,
.blog__info a,
.footer__content__item span,
.footer__newsletter .icon,
.footer__socials_content a,
.socials__wrap a:hover,
.mainSlider.-type-5 .mainSlider__subtitle,
.mainSlider.-type-7 .mainSlider__subtitle,
.footer__item .footer__socials_content a {
  color: var(--hx-dark-primary) !important;
}


.bg-beige-dark,
.priceCard__badge,
.button-pulse .button-pulse__btn::after,
.background-num.-hover.-accent:hover .background-num__front > div,
.background-cover.-beige::after,
.form-switch .switch input:checked + .switch__slider,
.menu .nav__submenu::before,
.background-cover.-beige::after,
.background-num.-hover.-accent:hover .background-num__front > div,
.headerSearch__line,
.shopCompleted-header .icon,
.elementor-element.elementor-widget-icon-box .service.-card.-hover .service__content.-border::after,
.elementor-element.elementor-widget-icon-box .service.-card.-hover:hover .service__content.-border .service__icon {
  background-color: var(--hx-dark-primary) !important;
}


.border-accent,
.sidebar__socials .item:hover,
.socialsIcons a:hover,
.form-switch .switch input:checked + .switch__slider,
.menu .mobile__socials a:hover,
.sidebar__socials .item:hover,
.footer__socials_content a:hover,
.socials__wrap a:hover,
.footer__socials_content a:hover {
  border-color: var(--hx-dark-primary) !important;
}

.bg-grey {
  background-color: var( --hx-primary-soft-d) !important;
}