header,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.owl-item.active>div blockquote:before,
body::-webkit-scrollbar-thumb,
#mainmenu ul li b
 {
    background: var(--primary-color);
}

.id-color,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
.title span,
header.smaller #mainmenu a.menu-item.active,
#mainmenu li a.menu-item:after,
#back-to-top:hover:before,
.social-icons i:hover,
blockquote.s1:before,
.accordion a:before,
p.s2,
#topbar i,
.topbar-widget a span,
.social-icons i {
    color: var(--primary-color);
}

p.s2 {
    color: var(--primary-text);
}

h2 .id-color {
    color: var(--primary-text-lg);
}

a,
a:hover,
footer .widget a:hover,
address.s1 span i,
.accordion-button:not(.collapsed),
.ul-style-2 li:before
{
    color: var(--secondary-color);
}

#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
#back-to-top,
.owl-dot.active{
    background: var(--secondary-color);
}

a.btn-main,
.btn-main {
    background: var(--sky-grad);
}

#menu-btn {
    background: var(--primary-color);
}

#preloader {
    background-image: linear-gradient(to top right, var(--primary-color), var(--secondary-color));
}

#topbar {
    background: rgba(var(--primary-color-rgb), .1);
}

.accordion-button:not(.collapsed) {
    background: rgba(var(--secondary-color-rgb), .1);
}

header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span {
    border-bottom-color: var(--secondary-color);
}

p.s2 {
    background: rgba(var(--primary-color-rgb), .2);
}

.color-gradient{
    background: -webkit-linear-gradient(to right,var(--primary-color) 0%, var(--secondary-color) 100%);
    background: -moz-linear-gradient(to right,var(--primary-color) 0%, var(--secondary-color) 100%);
    background: linear-gradient(to right,var(--primary-color) 0%, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}