.elementor-kit-6{--e-global-color-primary:#D4AF37;--e-global-color-secondary:#B8960C;--e-global-color-text:#FFFFFF;--e-global-color-accent:#000000;--e-global-color-3a600db:#808080;--e-global-color-ccac6f1:#F8F7E6;--e-global-color-b9edd0f:#FFFFFF8C;--e-global-color-acc6a3b:#FFFFFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#050505;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Primary:Inter; --PrimaryG:#D4AF37; --SecondaryG:#B8960C; --White:#ffffff; --Black:#000000; --Ash:#808080; --SecondaryT:Playfair Display; }
/* Start custom CSS */.price-up{
    color:#00d26a;
    font-size:12px;
    font-weight:600;
}

.price-down{
    color:#ff5b5b;
    font-size:12px;
    font-weight:600;
}

.metal-toggle{
    min-width:70px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:999px;
    cursor:pointer;
    transition:.3s ease;
}

.metal-toggle.active{
    background:#d4af37;
    box-shadow:0 0 15px rgba(212,175,55,.25);
}

.metal-toggle.active *{
    color:#111 !important;
}

.metal-toggle:not(.active) *{
    color:#fff !important;
}

/* Mobile */
@media (max-width: 767px){

    .metal-toggle-wrapper{
        padding:3px !important;
    }

    .metal-toggle{
        min-width:60px;
        height:28px;
        padding:0 12px;
    }

    .metal-toggle .elementor-heading-title{
        font-size:13px !important;
        line-height:1 !important;
    }

}

/*range-toggle*/
.range-toggle{
    min-width:42px;
    height:32px;
    padding:0 12px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#232428;
    border-radius:6px;

    cursor:pointer;
    transition:all .3s ease;
}

.range-toggle.active{
    background:#171717;
    border:1px solid #d4af37;
}

.range-toggle.active *{
    color:#d4af37 !important;
}

.range-toggle:not(.active) *{
    color:#7e7e7e !important;
}

.range-toggle:hover{
    transform:translateY(-2px);
}


@media(max-width:767px){

    .range-toggle{
        min-width:25px;
        height:20px;
        padding:0 8px;
    }

    .range-toggle .elementor-heading-title{
        font-size:11px !important;
    }

}

/*chart-container*/
/*.chart-container{*/
/*    position:relative;*/
/*    width:100%;*/
/*    height:500px;*/
/*}*/

/*#metalChart{*/
/*    width:100% !important;*/
/*    height:100% !important;*/
/*}*/

/*market-card*/
.market-card{
    border:1px solid rgba(212,175,55,.20);
    background:rgba(212,175,55,.03);
    transition:
        background-color .6s ease,
        border-color .6s ease,
        box-shadow .6s ease;
}

/* PRICE UP */

.market-card.price-up-flash{
    border-color:rgba(0,210,106,.6);
    background:rgba(0,210,106,.08);
    box-shadow:
        0 0 25px rgba(0,210,106,.15);
}

/* PRICE DOWN */

.market-card.price-down-flash{
    border-color:rgba(255,77,77,.6);
    background:rgba(255,77,77,.08);
    box-shadow:
        0 0 25px rgba(255,77,77,.15);
}/* End custom CSS */