:root {
    --sopchy-cyan: #00F6FF;
    --coral: #FF764D;
    --sand: #EAE4DA;

    --smooth-ads-teal: #42AAC5;
    --charchoal: #1E1E1E;
    --petrol: #02161D;
}

.person-badge {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 -8px;
    border: 4px solid white;
}

main .tp-hero-3-circle-shape span {
    background: linear-gradient(220deg, #B2DCE7 20.77%, #FFC7B6 55.40%, #96FBFF 100%);
}


.header-sticky {
    top: 35px;
}


.tp-brand-item img {
    filter: brightness(0) opacity(0.5);
    transition: .2s ease-in-out;
}

.tp-brand-item img:hover {
    filter: brightness(0) opacity(1);
}


@media only screen and (min-width: 1200px) {
    .footer-col-3-2 {
        height: 100%;
    }
}

.black-bg {
    background-color: var(--charchoal);
}

.tp-btn-black-2 {
    background-color: var(--charchoal);
    color: var(--sand);
}

.tp-btn-black-2:hover {
    color: var(--charchoal);
    border-color: var(var(--charchoal));
}

.tp-btn-black-2 span .svg-icon {
    color: var(--charchoal);
}

.tp-btn-black-2:hover span .svg-icon {
    color: var(--sand);
}


.tp-btn-zikzak-sm {
    color: var(--charchoal);
}

.tp-btn-zikzak-sm:hover .zikzak-content {
    color: var(--sand);
}

/* .tp-btn-zikzak-sm span .svg-bg {
    color: var(--sand);
} */

.tp-btn-zikzak-sm:hover span .svg-bg {
    color: var(--charchoal);
}

.tp_text_invert > div {
    background-image: linear-gradient(to right, var(--charchoal) 50%, #A3A3A3 50%);
}


.tp-project-3-title-sm,
.tp-project-3-meta {
    color: var(--sand);
}

.tp-project-3-border span {
    background: linear-gradient(90deg, var(--coral), var(--sand) 100%);
}

.tp-project-3-border.color-2 span {
    background: linear-gradient(90deg, var(--petrol), var(--smooth-ads-teal) 100%);
}

.tp-project-3-border.color-3 span {
    background: linear-gradient(90deg, var(--coral), var(--sopchy-cyan) 100%);
}

.tp-copyright-2-social a,
.tp-btn-project-sm {
    color: var(--sand);
    border-color: var(--sand);
}

.tp-copyright-2-social a:hover,
.tp-btn-project-sm:hover {
    background-color: var(--sand);
    border-color: var(--sand);
    color: var(--charchoal);
}