:root {
    /* Light mode colors */
    --color-primary-light: #4162FF;
    --color-secondary-light: #FFC83B;
    --color-background-light: #FFFFFF;
    --color-surface-light: #EFF1F8;

    /* Dark mode colors */
    --color-primary-dark: #F7931A;
    --color-secondary-dark: #D4BD74;
    --color-background-dark: #26272A;
    --color-surface-dark: #161920;
}

.dark-mode-container {
    display: flex;
}

.dark-mode-container label {
    width: 50px;
    height: 24px;
    position: relative;
    display: block;
    background: #EFF1F8;
    border-radius: 200px;
    cursor: pointer;
    transition: 0.3s;
}

.dark-mode-container label:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: -5px;
    background: #EFCC49;
    border-radius: 180px;
    transition: 0.3s;
}

.dark-mode-container label svg {
    position: absolute;
    width: 17px;
    top: 0;
    z-index: 100;
}

.dark-mode-container label svg.sun {
    left: -13px;
    top: -6px;
    fill: #fff;
    transition: 0.3s;
    display: block;
    width: auto;
    height: auto;
}

.dark-mode-container label svg.moon {
    left: 40px;
    fill: #7e7e7e;
    display: none;
    transition: 0.3s;
}

.dark-mode-container input {
    width: 0;
    height: 0;
    visibility: hidden;
}

.dark-mode-container input:checked + label {
    background: #000000;
}

.dark-mode-container input:checked + label:after {
    left: 60px;
    transform: translateX(-100%);
    background: linear-gradient(28deg, #323335 12.97%, #282D39 86.92%);
}

.dark-mode-container input:checked + label svg.sun {
    fill: #7e7e7e;
    display: none;
}

.dark-mode-container input:checked + label svg.moon {
    display: block;
    fill: #fff;
    height: auto;
    width: auto;
    top: 3px;
}

.dark-mode-container input:checked + label + .background {
    background: #242424;
}

.dark-mode-container input:active:after {
    width: 130px;
}

html.dark-mode, html.dark-mode body {
    background-color: #161920 !important;
    color: var(--color-primary-dark);
}

html.dark-mode p, html.dark-mode span, html.dark-mode li, html.dark-mode a {
    color: #fff !important;
}

html {
    overflow-x: hidden;
}

html.dark-mode div[data-elementor-type="header"], div[data-elementor-type="footer"] {
    background-color: #161920 !important;
}

html.dark-mode div[data-elementor-type="footer"] *:not(.elementor-social-icon):not(svg) {
    background-color: #000 !important;
}

html.dark-mode .elementor-16 .elementor-element.elementor-element-83167f0, html.dark-mode .elementor-16 .elementor-element.elementor-element-83167f0::before {
    border-color: #D4BD74 !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50);
}

html.dark-mode .elementor-2 .elementor-element.elementor-element-9a9be65:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-2 .elementor-element.elementor-element-9a9be65 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #26272B !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50);
}

html.dark-mode svg:not(.loader-overlay svg) {
    fill: #fff !important;
}

html.dark-mode svg:hover {
    fill: #F7931A !important;
}

html.dark-mode .elementor-16 .elementor-element.elementor-element-49c0016 .elementor-social-icon {
    background-color: transparent;
}

html.dark-mode .elementor-element.elementor-element-cd63ff3, html.dark-mode .elementor-element-ce7fa0b, html.dark-mode .elementor-element-91455a0 {
    background-color: #161920 !important;
    color: #F7931A !important;
}

html.dark-mode nav.e-n-menu ul.elementor-icon-list-items li * {
    color: #F7931A !important;
    fill: #F7931A !important;
}

html.dark-mode nav.e-n-menu ul.elementor-icon-list-items li:hover * {
    color: #fff !important;
    fill: #fff !important;
}

html.dark-mode .elementor-search-form .e-font-icon-svg-container svg {
    fill: #000 !important;
}

html.dark-mode .elementor-repeater-item-2e1303f * {
    fill: #fff !important;
    color: #fff !important;
}

html.dark-mode .elementor-repeater-item-de2c8c5 * , .elementor-element-8150a18 h2 {
    color: #F7931A !important;
    fill: #F7931A !important;
}

html.dark-mode div[data-elementor-type="footer"] svg {
    fill: #000 !important;
}

html.dark-mode div[data-elementor-type="footer"] .elementor-social-icon:hover {
    background-color: #F7931A !important;
}

html.dark-mode .elementor-293 .elementor-element.elementor-element-19feb3d {
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50);
    background-color: #26272A !important;
}

html.dark-mode .elementor-474 *:not(a):not(span) {
    background-color: #161920 !important;
}

html.dark-mode .elementor-474 h1, html.dark-mode .elementor-474 h2, html.dark-mode .elementor-474 h3, html.dark-mode .elementor-474 h4, html.dark-mode .elementor-474 h5, html.dark-mode .elementor-474 h6 {
    color: #F7931A !important;
}

html.dark-mode .elementor-474 p, html.dark-mode .elementor-474 span, html.dark-mode .elementor-474 li, html.dark-mode .elementor-474 a, html.dark-mode .elementor-474 div {
    color: #fff !important;
}

html.dark-mode .elementor-474 .elementor-element.elementor-element-24fadeed:not(.elementor-motion-effects-element-type-background) {
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50);
}

html.dark-mode .elementor-342 .elementor-element.elementor-element-fdb4d92:not(.elementor-motion-effects-element-type-background) {
    background-color: #26272A !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50);
}

html.dark-mode .elementor-element-a07f686 *, html.dark-mode .elementor-element-bc6ee00 div {
    fill: #F7931A !important;
    color: #F7931A !important;
}

html.dark-mode .elementor-327 .elementor-element.elementor-element-bd680f9:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-1144 .elementor-element.elementor-element-82db256:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-element-ab35b69, html.dark-mode .elementor-element-d1620f6 {
    background-color: #26272A !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50) !important;
}

html.dark-mode .elementor-165 .elementor-element.elementor-element-49a5fc9:not(.elementor-motion-effects-element-type-background) h2, html.dark-mode .elementor-element-e5fbd1a h1, html.dark-mode .elementor-element-d6cd979 h1, html.dark-mode .elementor-element-f8cc9a0 h1, html.dark-mode .elementor-534 .elementor-element.elementor-element-13dbf4e:not(.elementor-motion-effects-element-type-background) h1, html.dark-mode .elementor-165 .elementor-element.elementor-element-4a9ebb8 .elementor-heading-title, html.dark-mode .elementor-165 .elementor-element.elementor-element-8339a9a .elementor-heading-title, html.dark-mode .elementor-1211 .elementor-element.elementor-element-43d57fc1 .elementor-heading-title, html.dark-mode .elementor-578 .elementor-element.elementor-element-b7b0724 .elementor-heading-title {
    color: #F7931A !important;
}

html.dark-mode .elementor-165 .elementor-element.elementor-element-49a5fc9:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-element-e5fbd1a, html.dark-mode .elementor-element-d6cd979, html.dark-mode .elementor-element-f8cc9a0, html.dark-mode .elementor-1153 .elementor-element.elementor-element-d490983, html.dark-mode .elementor-534 .elementor-element.elementor-element-13dbf4e:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-165 .elementor-element.elementor-element-b3418d9:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-165 .elementor-element.elementor-element-698b437:not(.elementor-motion-effects-element-type-background), html.dark-mode .elementor-1211 .elementor-element.elementor-element-8a8bcc3:not(.elementor-motion-effects-element-type-background) {
    background-color: #161920 !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50) !important;
}

html.dark-mode .elementor-element-e5fbd1a div, html.dark-mode .elementor-984 .elementor-heading-title {
    color: #fff !important;
}

html.dark-mode .elementor-element-ab35b69 *, html.dark-mode .elementor-element-d1620f6 * {
    color: #fff !important;
    fill: #fff !important;
}

html.dark-mode .elementor-toc__header-title {
    color: #F7931A !important;
}

html.dark-mode .elementor-element-25a7054 {
    background-image: linear-gradient(102deg, #161920 51%, #26272A 100%) !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50) !important;
}

html.dark-mode .category-listing li a {
    background-color: #161920 !important;
}

html.dark-mode .elementor-578 .elementor-element.elementor-element-e8e914d:not(.elementor-motion-effects-element-type-background) {
    background-color: #161920 !important;
    box-shadow: 0px 4px 9.6px 2px rgba(0, 0, 0, 0.50) !important;
}

html.dark-mode .elementor-element.elementor-element-cb46a73.e-flex.e-con-boxed.e-con.e-child.elementor-sticky {
    background-color: #161920 !important;
}

html.dark-mode #cmc_coinslist * {
    background-color: #161920 !important;
}

html.dark-mode #cmc_coinslist * {
    color: #fff;
}

html.dark-mode ul.cmc-tab-group li a.active {
    background-color: #26272A !important;
}

html.dark-mode .elementor-element-2f1e1cca *, html.dark-mode .elementor-8 .elementor-element.elementor-element-696012f .elementor-heading-title {
    color: #fff !important;
    fill: #161920 !important;
    stroke: #fff !important;
}

html.dark-mode #cmc_historical_tbl * {
    background-color: #161920 !important;
    color: #fff !important;
}

html.dark-mode select[name="cmc_historical_tbl_length"] {
    background-color: #161920 !important;
    color: #fff !important;
}

g[role="switch"] {
    display: none;
}

html.dark-mode text {
    fill: #fff !important;
}

html.dark-mode .elementor-menu-toggle__icon--open svg * {
    stroke: #fff !important;
}

html.dark-mode .elementor-nav-menu--dropdown {
    background-color: #161920 !important;
}

html.dark-mode .elementor-16 .elementor-element.elementor-element-5d50a6d .elementor-nav-menu--dropdown a.elementor-item-active, html.dark-mode .elementor-16 .elementor-element.elementor-element-5d50a6d .elementor-nav-menu--dropdown a.highlighted, html.dark-mode .elementor-16 .elementor-element.elementor-element-5d50a6d .elementor-nav-menu--dropdown a:hover {
    background-color: #F7931A !important;
    color: #000 !important;
}

html.dark-mode .elementor-16 .elementor-element.elementor-element-5d50a6d .elementor-nav-menu--dropdown a.elementor-item-active svg, html.dark-mode .elementor-16 .elementor-element.elementor-element-5d50a6d .elementor-nav-menu--dropdown a.highlighted svg, html.dark-mode .elementor-16 .elementor-element.elementor-element-5d50a6d .elementor-nav-menu--dropdown a:hover svg {
    fill: #000 !important;
}

html.dark-mode .elementor-element-9a9ab81 a:hover, html.dark-mode .elementor-2 .elementor-element.elementor-element-9a9ab81 .elementor-heading-title:hover {
    color: #F7931A !important;
    border-color: #F7931A !important;
}

html.dark-mode .elementor-69 .elementor-element.elementor-element-fc187de .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    background-color: #fff !important;
    color: #161920 !important;
}

html.dark-mode .elementor-69 .elementor-element.elementor-element-fc187de .elementor-button[type="submit"] {
    background-color: #F7931A !important;
}

html.dark-mode .elementor-69 .elementor-element.elementor-element-fc187de .elementor-button[type="submit"] span {
    background: transparent !important;
    color: #000 !important;
}