:root {
    --webkit-dropdown-bg: -webkit-linear-gradient(138.39deg, #444 0%, #222 100%);
    --dropdown-bg: linear-gradient(138.39deg, #444 0%, #222 100%);
    --theme-bg: rgba(80, 80, 80, 0.13);
    --header-bg: rgba(80, 80, 80, 0.18);
    --border-color: #111;
    --black: #000000;
    --white: #ffffff;
    --gray: #bdbdbd;
    --green: #888888;
    --dark-green: #444444;
    --light-green: #cccccc;
}
/* custom scrollbar styles */
::-webkit-scrollbar {
    width: 0;
}
::-moz-scrollbar {
    width: 0;
}
::-o-scrollbar {
    width: 0;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--black);
}
::-webkit-scrollbar-thumb {
    background-color: var(--theme-bg);
    outline: 1px solid var(--black);
}
.theme_bg {
    background: var(--theme-bg);
}
.dropdown_bg {
    background: var(--webkit-dropdown-bg);
    background: var(--dropdown-bg);
}
.green_bg {
    background: var(--green);
}
.dark_green_bg {
    background: var(--dark-green);
}
.text_red {
    color: rgb(255, 0, 0);
}
.text_green {
    color: var(--green);
}
.text_light_green {
    color: var(--light-green);
}
.text_dark_green {
    color: var(--dark-green);
}
.text_gray {
    color: var(--gray);
}
.text_gradient {
    background: linear-gradient(to left, #888 0%, #bbb 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text_gradient_1 {
    background: radial-gradient(circle, #444, #666, #888, #aaa, #ccc);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/***********************************************
## social icon styles
***********************************************/
.socials {
    align-items: center;
}
.socials .links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--black);
    margin-right: 5px;
    padding: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #222;
}
.socials .links:last-child {
    margin: 0;
}
.socials .links a {
    display: block;
    font-size: 23px;
    line-height: 20px;
}
.socials .links i {
    color: #bdbdbd;
}
.socials .links.email {
    background-color: #333;
}
.socials .links.facebook {
    background-color: #444;
}
.socials .links.twitter {
    background-color: #555;
}
.socials .links.instagram {
    background: linear-gradient(45deg, #444 0%, #666 25%, #888 50%, #aaa 75%, #ccc 100%);
}
.socials .links.telegram {
    background: #333;
}