.bg-color,
header,
a.btn-main,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.btn-primary,
.widget .small-border,
.widget-post .date,
.d-card i,
.accordion-section-title:before,
.d-card:hover i,
.dih-overlay,
body::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}


#mainmenu li a.menu-item:after,
#back-to-top:hover:before,
.social-icons i:hover,
.post-text h3 a:hover,
#topbar i,
.de-icon,
.social-icons i {
    color: var(--primary-color);
}


a,
a:hover,
footer .widget a:hover,
.id-color-2,
.ul-style-2 li:before {
    color: var(--secondary-color);
}


.bg-color-secondary,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
#form_subscribe #btn-subscribe i.bg-color-secondary,
#back-to-top,
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.de_form input[type="checkbox"]:checked+label:before,
.de-color-icons i,
.p-tagline {
    background: var(--primary-color);
}

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

/*.pricing-table .top,
.pricing-s2,*/

.d-card i,
.d-card:hover i {
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
}

#topbar {
    background: var(--white-color);
}


.small-border {
    border-color: var(--primary-color);
}

.de-icon {
    background: var(--secondary-color);
    color: var(--white-color);
    box-shadow: 0 4px 12px rgba(var(--secondary-color-rgb), 0.2);
    border: 4px solid #fff;
}