/* Matrix Electric palette overrides */
:root {
    --tl-color-heading-primary: #111111;
    --tl-color-text-body: #353935;
    --tl-color-theme-primary: #6fbd45;
    --tl-color-bg-1: #111111;
    --tl-color-bg-2: #ffffff;
    --tl-color-grey-1: #5c625c;
    --tl-color-grey-2: #8e978a;
    --tl-color-border-1: #d9e4d3;
}

body {
    background-color: #ffffff;
}

.tl-bg-color {
    background-color: #f6f8f3;
}

.bg-grey {
    background-color: #eef4e7;
}

.bg-dark-1,
.bg-dark-2,
.bg-color-top,
.bg-color-bottom,
.site-name,
.preloader-overlay {
    background-color: #111111;
}

.section-heading .sub-heading {
    border-color: rgba(111, 189, 69, 0.28);
}

.tl-primary-btn {
    border-color: rgba(17, 17, 17, 0.16);
}

.tl-primary-btn .icon {
    box-shadow: 0 12px 30px rgba(111, 189, 69, 0.22);
}

#scroll-percentage {
    box-shadow: 0 12px 32px rgba(111, 189, 69, 0.24);
}

*::-moz-selection,
::-moz-selection,
::selection {
    background-color: var(--tl-color-theme-primary);
}

.hero-section-6 .hero-text span {
    background: linear-gradient(180deg, var(--tl-color-theme-primary) 14.9%, rgba(111, 189, 69, 0) 65.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}