.light {
    --text-body: #808086;
    --text-white: #000000;
    --text-gray: #919191;
    --text-primary: #02C273;
    --text-secondary: #3A4460;
    --text-off-white: #000000;
    --text-dark: #04050A;
    --bg-black: #f6f4f8;
    --bg-secondary: #202636;
    --bg-gradiant: linear-gradient(0deg, #202636, #202636), #FFFFFF;
    --bg-card: #0E101C;
    --d-gray: #46475D;
}

.light .theme-modal .modal-content,
.light .support-card,
.light .search-dropdown {
    background: #ffffff;
    border-color: #cccccc;
}
.light .two-fa-qr,
.light .fa-qr-copy > .qr-address {
    background: #f6f4f8;
}
.light .two-fa-qr > p {
    color: #000;
}
.light .app-link-btn {
    background-color: #000000 !important;
}
.light .two-fa-qr .text-white {
    color: #ffffff !important;
}
.light .text-dark {
    color: #ffffff !important;
}
.light .modal .text-dark {
    color: #04050A !important;
}
.light header,
.light footer,
.light .h--main .h-menu {
    background-color: #f6f4f8;
}
.light .theme-switch {
    background-color: rgb(255 255 255 / 10%);
}
.light .h-menu .nav-item .nav-link,
.light .theme-switch,
.light .download-btn .btn > span,
.light .theme-tab .nav-tabs > .nav-link.active,
.light .login-sidebar > h2,
.light .hero-tab .exchange-input > .dropdown > .btn.btn-secondary > span,
.light .hero-tab{
    color: #000000;
}

.light .h-btn > .navbar-toggler svg {filter: invert(1);}

.light .h-menu .nav-item .nav-link.dropdown-toggle::after {
    border-color: #000000;
}
.light .exchange-text,
.light .btn-dark-text,
.light .h-footer > .btn.btn-secondary {
color: #000;
}
.light .estimated-box{
    color: #000;
}
.light .exchange-input > .dropdown > .btn.btn-secondary,
.light .key-features-card {
    background-color: #f6f4f8 !important;
    border-color: #eeeeee !important;
}
/* .light .hero-tab .exchange-input > .dropdown > .btn.btn-secondary {
    background-color: var(--bg-secondary) !important;
    border-color: var(--text-white) !important;
} */
.light .hero-tab .network-info__background {
    background-color: #e9e9e9;
    color: #696969;
}
.light .bg-dash,
.light .history-table table > thead,
.light .history-table table > tbody > tr > td .status-label {
    background-color: #f6f4f8;
}
.light .bg-card,
.light .bg-exchange,
.light .history-tab .nav-tabs .nav-link.active,
.light .all-in-one-wallet-area,
.light .page-background,
.light .modal.user-modal .modal-content,
.light .session-table table > tbody > tr > td,
.light .filter-btn .dropdown-menu {
    background-color: #ffffff;
}
.light .crypto-visa-card,
.light .ex-ultimate-card {
    background: #ffffff;
}
.light .crypto-visa-card > .c-logo > img {
    filter: brightness(0.6);
}
.light .wallet-head,
.light .wallet-data .wallet-cards {
    background: #f6f4f8;
    border-color: #eee;
}
.light .hero-bg {
    background-image: linear-gradient(to right, #ffffffe8 0%, #ffffffe5 100% ), url(../images/hero/bg-coins.png);
    background-size: cover;
}
.light .text-white {
    color: #000000 !important;
}
.light .hero-tab {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #cecece;
}
.light .text-off-white{
    width: #000;
}
.light .wallet-btn > a {
    border-color: #eee;
    background-color: #fff;
}
.light .wallet-title > .form-group select.form-control {
    background-color: #f6f4f8;
}
.light .user-title > h2,
.light .bg-card.p-18 > hr,
.light .bg-exchange.p-18 > hr,
.light .history-table > .table-responsive,
.light .history-table table > tbody > tr,
.light .history-tab .nav-tabs .nav-link,
.light .history-search > .form-control,
.light .filter-btn .btn.btn-secondary,
.light .pagination-box .pagination .page-link,
.light .support-card > .support-item,
.light .user-content .h-exchange-card .exchange-box,
.light .theme-tab .nav-tabs,
.light .session-table table > tbody > tr > td,
.light .filter-btn .dropdown-menu,
.light .filter-btn .dropdown-menu hr,
.light .date-picker-box {
    border-color: #eeeeee;
}
/* .light .bg-card .form-check > .form-check-input {
    border-color: #eeeeee;
    background-color: #eeeeee !important;
}
.light .bg-exchange .form-check > .form-check-input {
    border-color: #eeeeee;
    background-color: #f6f4f8 !important;
} */
.light .history-tab .nav-tabs {
    background-color: #f6f4f8;
    border-color: #eee;
}
.light .s-coin-card > .s-coin-list {
    border-color: rgb(0 0 0 / 8%);
}
.light .s-coin-card > .s-coin-list.active {
    background-color: rgb(238 238 238 / 60%);
}
.light .exchange-input > .dropdown > .search-dropdown.dropdown-menu > .form-group .form-control,
.light .history-table table > thead > tr > th {
    color: #000000;
}
.light .smethod-type > .form-check {
    background: #f6f4f8;
    border-color: #cccccc;
}
.light .history-table table > tbody > tr > td {
    color: #7c7c7c;
}
.light .vertical-steps > .vl-step > span {
    background-color: #fff;
    border-color: #eee;
    outline-color: #f6f4f8;
}
.light .vertical-steps > .vl-step::after {
    background-color: #ccc;
}
/* .light .hero-tab .exchange-input > .dropdown > .btn.btn-secondary::after {
    border-color: #ffffff;
} */
.light .hero-tab .nav-tabs .nav-link.active {
    background-color: #ffffff;
    color: #000 !important;
}
.light .exchange-tab::before,
.light .all-wallet-media .page-img::before {
    background: #cccccc;
}
.light .platform-card {
    background-color: rgb(238 238 238 / 40%);
}
.light .platform-card::before {
    background: rgba(0, 177, 230, 0.2);
}
.light .app-preview .app-card {
    background-color: #2b2b36;
    border-color: #2b2b36;
}
.light .community-item {
    background-color: transparent;
    border: 1px solid #eee;
}
.light .owl-dots > .owl-dot {
    border-color: #eee;
}
.light .footer-item ul > li > a,
.light .login-sidebar > ul > li {
    color: #000000;
}

.light .nav-tabs {
    background: #f6f4f8;
    border-color: #c5c5c5;
}

.light .partner-area .swiper-slide > img,
.light .method-card > img:last-child {
    filter: brightness(0.6);
}
.light .partner-area,
.light .b-market-box > .b-market-card,
.light .cryptocurrencies-search .form-group .form-control,
.light .cryptocurrencies-search > span,
.light .cryptocurrencies-table table > thead > tr > th,
.light .cryptocurrencies-table table > tbody > tr > td,
.light .pair-box > .pair-coin,
.light .faq-item > .faq-content,
.light .contact-info .contact-social,
.light .form-group .form-control,
.light .exchange-input > .dropdown > .search-dropdown.dropdown-menu > .form-group .form-control,
.light .theme-form-group,
.light .session-table > .table-responsive {
    border-color: #cccccc;
}
.light .exchange-input > .dropdown > .btn.btn-secondary::after {
    border-color: #000000;
}
.light .short-by > .form-group .form-control {
    background-color: transparent;
    background: url(../images/black-arrow-down.svg) no-repeat right;
}
.light .wallet-title > .form-group select.form-control {
    background: url(../images/black-arrow-down.svg) no-repeat;
    background-position: calc(100% - 16px) 20px;
    background-color: #f6f4f8;
}
.light .cryptocurrencies-table .table-responsive {
    background-color: transparent;
    border-color: #ccc;
}
.light .faq-item,
.light .session-table table > thead > tr > th {
    background-color: #f6f4f8;
}
.light .categories-area {
    background: linear-gradient(180deg, rgba(32, 38, 54, 0) 0%, #ffffff 100%);
}
.light .categories-card {
    background: transparent;
    border-color: #eee;
}
.light .faq-item > a > span path {
    fill: #ffffff;
}
.light .s-drop-head > a > svg > path {
    fill: #000000;
}
.light .support-item > .form-control::placeholder,
.light .theme-form-group > .theme-form-control::placeholder,
.light .exchange-text > input::placeholder {
    color: rgb(0 0 0 / 20%) !important;
}
.light .exchange-text > input::placeholder {
    color: rgb(255 255 255 / 50%);
}
.light .network-info__background {
    background-color: #000000;
    color: #cccccc;
}
.light .border-top {
    border-color: #cccccc !important;
}
.light .history-tab .nav-link > svg > path {
    stroke: #000;
}

.light #nav-exchange-crypto-tab {
    color: rgba(0,0,0,0.3);
    background-color: #FFFFFF;
}
.light #nav-exchange-crypto-tab.active {
    color: #000;
    background-color: #F7F7F9;
}
.light #nav-buy-sell-with-card-tab {
    color: rgba(0,0,0,0.3);
    background-color: #FFFFFF;
}
.light #nav-buy-sell-with-card-tab.active {
    color: #000;
    background-color: #F7F7F9;
}
.light .s-coin-list:hover {
    background-color: rgb(238 238 238 / 60%);
}
.light .app-area {
    background: linear-gradient(0deg, #ffffff, #02c2736e, #ffffff);
}

.light .bg-gradient {
    background:linear-gradient(180deg, #e9e9e9, #ffffff) !important
}

.light .blogs-card {
    background-color: #FFFFFF !important;
}
.light .blog-pagination-btn a {
    color: #fff !important;
}
.light .blog-pagination-btn.active a {
    color: #FFF !important;
}
.light .blog-pagination-btn.disabled {
    color: #fff !important;
}
.light .blog-pagination-btn.active {
    color: #fff !important;
}
.light .blog-pagination-btn.disabled a {
    color: #fff !important;
}
.light .blogs-card-home {
    border: 1px solid #f8f8f8 !important;
}
.light .swap-btn {
    background-color: transparent !important;
    box-shadow: 1px 1px 6px rgba(43,43,54,0.15) !important;
}
.light .coin-chip {
    background: none !important;
    background-color: #F7F7F9 !important;
    color: #2b2b36;
}
.light .timeline-dark-bg > .circle::before {
    background-color: var(--text-primary);
}
.light .timeline-dark-bg > .circle::after {
    background-color: var(--text-primary);
}
.light .timeline-main > .timeline-bar {
    background-color: #02c2736b;
}
.light .timeline-step.active.awaiting > .circle {
    background-color: var(--text-primary);
}
.light .timeline-step > .circle {
    background-color: var(--text-primary);
    outline: 5px solid #04a160;
}
.light .timeline-step > .circle::before {
    background-color: #f6f4f8 !important;
}
.light .timeline-step > .circle::after {
    background-color: #f6f4f8 !important;
}
.light .timeline-step > span {
    color: var(--d-gray);
}
.light .timeline-step.active > span {
    color: var(--text-primary);
}
.light .timeline-main > .timeline-bar > span {
    background-color: var(--text-primary);
}

.light .process-timeline .timeline-step:first-child > .circle::after {
  background-color: #f6f4f8 !important;
}

/* .light .process-timeline .timeline-step:last-child .circle::before {
  background-color: red !important;
} */


.light .timeline-step > .circle > .t-loader {
    border: 5px solid #FAFAFA;
    border-top: 5px solid #00d084;
}

.light .hero-tab .nav-tabs .nav-link::before {
    background-image: url(../images/hero/frame-white.png);
}
.light .theme-switch {
    background-color: #FFF;
    box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.3);
}