:root {
    --primary: #416add;
    --primary-opacity: #416add42;
    --primary-dark: #333;
    --secondary: #6a7391;

    --profile-color: var(--secondary);
    --profile-value-color: var(--primary);

    --text-color: var(--secondary);
    --text-color-fooer: var(--secondary);
    --text-color-fooer2: #fff;
    --text-color-nav: var(--secondary);

    --text-color-header: #6a7391;
    --text-invert-theme: #6a7391;
    --text-profile: #6a7391;

    --main-color: #333;
    --bg-color: #fefdff;
    --box-color: #f4f4f4;
    --box-border: #e2e7f5;
    --box-shadow: 4px 4px 5px 1px #a7b5cc59, inset 0 0 6px 1px #ffffffbf;
    --box-border-bottom: #ececec;

    --item-menu-text: var(--primary-dark);
    --item-menu-text2: #fff;
    --item-menu-border: 0px 4px 8px 0px #0000002e;
    --item-menu-bg: linear-gradient(33deg, #f4f4f4 20%, #fff 30%, #f4f4f4 42%);
    --item-menu-bg2: linear-gradient(21deg, #e3bf62, #ffedc3, #ffdc84);
    --item-menu-bg3: linear-gradient(to top, #416add, #6487eb, #a9bffc);

    --nav-border: #e2e2e2;
    --nav-border-bottom: #e2e2e2;
    --nav-border-bg: linear-gradient(24deg, #c2cedd 8%, #ffffff 40%, #f7fafc 48%, #c2cddc);

    --border-promotion: #b3e9ff;

    --input-label: #666;
    --input-value: #666;
    --input-fill-value: var(--primary-dark);
    --input-border: #e2e2e2;
    --input-border-hover: #88caff;
    --input-bg: #fff;
    --input-bg-autofill: #fff;

    --input-search-p: #c70302;
    --input-search-err: #c70302;
    --input-search-text: var(--primary);
    --input-search-bg: #fff;
    --input-search-border: #e2e2e2;
    --btn-search-color: #fff;
    --btn-search-bg: var(--primary);
    --btn-search-border: var(--primary);

    --table-head: #f5f5f5;
    --table-text-head: #666;
    --table-td: #fefdff;
    --table-text-td: #666;

    --btn-primary-text: #fff;
    --btn-primary: linear-gradient(to top, #416add, #6487eb, #a9bffc);
    --btn-secondary-text: #fff;
    --btn-secondary: #88caff;
    --btn-third-text: #fff;
    --btn-third: linear-gradient(to top, #977534, #bda16c, #decb93);
    --btn-border-text: #bda16c;
    --btn-border: 2px solid #bda16c;

    --footer-fisrt-bg: linear-gradient(to bottom, #00a9ec 0%,#00648c 100%);
    --footer-box-shadow: 0px -2px 8px #d0d0d0, inset 0px 1px 0 #ffffff;

    --register-i-text: #fff;
    --register-i-bg-shadow: none;
    --register-i-color: #fff;
    --register-i-bor-wait: #c9c9c9;
    --register-i-i-wait: #fff;
    --register-i-i-process: #00a9ec;
    --register-i-i-finish: #00a9ec;
    --register-i-bg-wait: #c9c9c9;
    --register-i-bg-process: linear-gradient(to bottom, #00a9ec 0%,#00648c 100%);
    --register-i-bg-finish: linear-gradient(to bottom, #00a9ec 0%,#00648c 100%);

    --game-group-bg: #cccccc3d;
    --game-prov-border: #f0f0f0;
    --img-filter: hue-rotate(175deg);
    --color-remark: #ed5079;
}
.text-title{
    background-image: linear-gradient(to bottom, #fff, #6487eb, #00648c, #00a9ec), linear-gradient(to bottom, #fff, #fff);
}
.box-panel{
    border: 1px solid #d7daf1;
}
.panel-nav-desktop{
    border: 1px solid #d7daf1;
}
.border-gradient{
    position: relative;
    box-shadow: 5px 5px 7px 0px #5e697b7a;
}
.border-gradient img{
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 0 2px var(--border-promotion);
}
.border-gradient:before{
    content: "";
    left: 0;
    right: 0;
    top: -2px;
    width: 52%;
    height: 2px;
    z-index: 1;
    margin: auto;
    text-align: center;
    position: absolute;
    background: linear-gradient(327deg, transparent, #6487eb 40%, #a9bffc 80%, transparent);
}
.border-gradient:after{
    content: "";
    left: 0;
    right: 0;
    bottom: -2px;
    width: 52%;
    height: 2px;
    margin: auto;
    position: absolute;
    text-align: center;
    background: linear-gradient(90deg, transparent, #6487eb 30%, #a9bffc 70%, transparent);
}
.prof-fx img,
.header-right .cash img,
.footer-list > a > img{
    filter: brightness(0.4) invert(1);
}
.footer-list > a.footer-big > img {
    filter: brightness(0) invert(1);
}
.ant-steps-item-title::after{
    filter: invert(0.4);
}
.prov-list{
    background: #f6f6f6;
}