:root {
    --webkit-dropdown-bg: -webkit-linear-gradient(138.39deg,hsl(241deg 20.71% 37.05% / 66%) -7.57%,hsl(0deg 31.59% 14.36% / 48%) 107.25%);
    --dropdown-bg: linear-gradient(138.39deg,hsl(241deg 20.71% 37.05% / 66%) -7.57%,hsl(0deg 31.59% 14.36% / 48%) 107.25%);
    --theme-bg: rgba(255, 255, 255, 0.1);
    --header-bg: rgba(160, 171, 215, 0.227);
    --border-color: rgba(109, 119, 160, 0.227);
    --black: #131626;
    --white: #ffffff;
    --gray: #dedeea;
    --green:#11e84ac4;
    --dark-green:#08a8335e;
    --light-green:#0eff4ed9;
}
/* 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: #00FF00;
    background: linear-gradient(to left, #00FF00 0%, #00FFFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text_gradient_1 {
    background: radial-gradient(circle, #a66bff, #c666ef, #dd62df, #ee61cf, #fb64bf);
    -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(--border-color);
    margin-right: 5px;
    padding: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.socials .links:last-child {
    margin: 0;
}
.socials .links a {
    display: block;
    font-size: 23px;
    line-height: 20px;
}
.socials .links i {
    color: #fff;
}
.socials .links.email {
    background-color: #3501f2;
}
.socials .links.facebook {
    background-color: #1671e9;
}
.socials .links.twitter {
    background-color: #01a0f2;
}
.socials .links.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.socials .links.telegram {
    background: #0bb0ffb0;
}