:root {
    --border-color: #67689070;
    --hib-ttr: #f8f9fa;
    --inp-c: #f8f9fa;;
}
body .rey-headerIcon-btn {
    color: #f8f9fa;
}
.selectize-input .item {
    padding-left: 10px;
}
.selectize-input {
    background: transparent !important;
}
.rey-pageContent tbody th,
.rey-pageContent thead th {
    background: #141416;
}
.rey-pageContent tbody tr,
.rey-pageContent thead tr {
    border: 1px solid #4f5053 !important;
}
.rey-pageContent tbody td,
.rey-pageContent tbody th {
    border-right: 1px solid #4f5053;
}
.rey-pageContent tbody tr {
    border: 0;
    border-bottom: 1px solid #4f5053 !important;
}
.rey-pageContent table {
    border: 1px solid #4f5053 !important;
    font-size: 14px;
}
.single.selectize-dropdown.mcw-conv-style {
    margin-top: 10px;
    width: 200px !important;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
    font-weight: 400;
}
#mcw-149 {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#mcw-149 .mcw-label.mcw-white-theme {
    min-width: inherit;
    max-width: inherit;
}
.home-signup {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
}
.home-signup input {
    background: transparent;
    border-color: #67689070;
    border-radius: 5px;
    color: #fff;
}
.home-signup button[type=button] {
    background: #ff4c4b;
    padding: 5px 10px;
    color: #fff;
}
.header-exchange #mcw-75 * {
    color: #fff;
    border-color: #67689070;
}
.header-exchange #mcw-75 .mcw-field {
    background: transparent;
}

.header-exchange {
    box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),      6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),      12.5px 12.5px 10px rgba(0, 0, 0, 0.035),      22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),      41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),      100px 100px 80px rgba(0, 0, 0, 0.07);
    background: #26276096;
    border: none;
}



.cryptoboxes [data-price] {
    width: inherit !important;
}


.livedown {
    /*box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.15) inset;*/
    animation-name: livedownn !important;
    -webkit-animation-name: livedownn !important;
}
.liveup {
    /*box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.15) inset;*/
    animation-name: liveupp !important;
    -webkit-animation-name: liveupp !important;
}
/*
@-webkit-keyframes liveupp {
    0%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.05) inset;}
    50%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.15) inset;}
    100%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.05) inset;}
}
@-moz-keyframes liveupp {
    0%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.05) inset;}
    50%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.15) inset;}
    100%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.05) inset;}
}
@keyframes liveupp {
    0%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.05) inset;}
    50%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.15) inset;}
    100%  { box-shadow: 0px 0px 10px 10px rgba(0, 255, 0, 0.05) inset;}
}

@-webkit-keyframes livedownn {
    0%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.05) inset;}
    50%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.15) inset;}
    100%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.05) inset;}
}
@-moz-keyframes livedownn {
    0%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.05) inset;}
    50%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.15) inset;}
    100%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.05) inset;}
}
@keyframes livedownn {
    0%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.05) inset;}
    50%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.15) inset;}
    100%  { box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.05) inset;}
}
*/
@keyframes liveupp {
    0%   { color: rgba(0, 255, 0, 0.5); }
    50%  { color: rgba(0, 255, 0, 1); }
    100% { color: rgba(0, 255, 0, 0.5); }
}

@keyframes livedownn {
    0%   { color: rgba(255, 0, 0, 0.5); }
    50%  { color: rgba(255, 0, 0, 1); }
    100% { color: rgba(255, 0, 0, 0.5); }
}

button.mcw-button {
    background: #ff4d4d !important;
    color: #fff !important;
}

.selectize-input .item {
    color: var( --e-global-color-secondary ) !important;
}
[fill="#151a6a"] {
    fill: var( --e-global-color-secondary );
}
[fill="#c3a1fb"],
[fill="#c4a2fc"] {
    fill: rgb(248 249 250 / 31%);
}
[stroke="#000000"] {
    stroke: var( --e-global-color-secondary );
}
[fill="#000000"] {
    fill: var( --e-global-color-secondary );
}
.mcw-convert-swap img,
.mcw-convert-swap_no img {
    opacity: 0;
}
.mcw-convert-swap,
.mcw-convert-swap_no {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M193.405%20412c27.665%2047.824%2079.372%2080%20138.595%2080%2088.366%200%20160-71.634%20160-160s-71.634-160-160-160H212%22%20style%3D%22stroke-width%3A40%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2240%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20data-original%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M300%20340H180c-88.366%200-160-71.634-160-160S91.634%2020%20180%2020c59.223%200%20110.93%2032.176%20138.595%2080%22%20style%3D%22stroke-width%3A40%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2240%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20data-original%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22m181.653%20110.677-36.282%2038.835c-6.678%207.148-10.765%2016.747-10.765%2027.301s4.087%2020.153%2010.765%2027.301l36.282%2038.835M329.638%20402.032l36.282-38.835c6.678-7.148%2010.765-16.747%2010.765-27.301s-4.087-20.153-10.765-27.301l-36.282-38.835%22%20style%3D%22stroke-width%3A40%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2240%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20data-original%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
}
.cryptoboxes canvas {
    border-radius: 10px;
}
.mcw-list-2 .mcw-list-item .mcw-list-body .mcw-list-price {
    display: inline;
}
.rey-scrollTop span.rey-customIcon :is(img,svg) {
    width: 35px;
    height: 35px;
}
.cryptoboxes .mcw-label.mcw-rounded {
    min-width: inherit;
}

.exchange_widget .mcw-button{
    display: none;
}


.exchange_widget .button.btn {
    background: var( --e-global-color-8f2ea12 );
    
    padding: 10px 30px;
    border-radius: 5px;
    /* margin-left: 20px; */
    margin: auto;
    display: block;
}

.exchange_widget .transfer-detail-wrap {
    padding: 0 20px;
    margin-bottom: 15px;
}
.exchange_widget .transfer-detail {
    
    padding: 15px;
    background: #141416; /*rgba(255, 255, 255, 0.05);*/
    border-radius: 15px;
    /*border: 1px solid #ffffff3d !important;*/
    font-size: 12px;
    opacity: 0.5;
    font-style: italic;
}
.exch-steps.step-active {
    background: #141416; /*rgba(255, 255, 255, 0.05);*/
    border-radius: 15px;
}
.wallet-address-section {
    background: #141416; /*rgba(255, 255, 255, 0.05);*/
    padding: 25px;
    border-radius: 15px;
}
.form-floating input {
    width: 100%;
    padding: 14px 12px 14px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: border-color 0.3s, background-color 0.3s;
}

.form-floating input:focus {
    outline: none;
    border-color: #007bff;
}
form .form-floating input {
    background: #18191d !important;
    border: none !important;
    border-radius: 15px !important;
    border: 1px solid #f8f9ec17 !important;

}
.exchange_widget .transfer-detail dl{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 0;
}
.exchange_widget .transfer-detail dt{
    width: 50%;
    margin: 0;
}
.exchange_widget .transfer-detail dd{
    width: 50%;
    text-align: right;
    margin: 0;
}

.exch-steps {
    
    padding: 15px;
    border-radius: 5px;
}

.exch-steps.step-done svg {
    background: url(/wp-content/uploads/2025/03/Check-mark-Free-shapes-and-symbols-icons-1.svg);
    background-size: contain;
}
.exch-steps.step-done svg * {
    opacity: 0;
}
.title-bar {
    display: none;
}
.mcw-table,
.mcw-table * {
    background: transparent !important;
}
.exch-steps .elementor-icon-box-description {
    line-height: 1.7;
    font-size: 12px !important;
    margin-top: 10px;
}
.exch-steps {
    border-bottom: 1px solid #67689070;
}

.exchange_widget.loading::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}

.exchange_widget.loading::after::before {
    content: "";
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}


input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
    background: transparent !important;
    border-radius: 3px !important;
    border: 1px solid #ffffff3d !important;
}


.wallet-address-section h4 {
    margin-bottom: 15px;
    font-size: 18px;
}

/* Floating label container */
.form-floating {
    position: relative;
    margin-bottom: 25px;
}



.form-floating label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none;
    padding: 0 4px;
    transition: 0.2s ease all;
}

/* Float label on focus or when input has value */
.form-floating input:focus + label,
.form-floating input:not(:placeholder-shown) + label {
    top: 0px;
    left: 8px;
    font-size: 12px;
    /* background: rgb(36 37 41); */
}

/* Checkbox styling */
.check {
    margin-bottom: 20px;
}

.check input {
    margin-right: 8px;
}

.check label {
    font-size: 14px;
}

/* Tag area note */
.tag-area small {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

/* Button style */
button[type=submit].cmn-btn {
    background: #ff4e4c;
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    transition: 0.3s;
}

.cmn-btn:hover {
    background: #0056b3;
    cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .wallet-address-wrp {
        /* padding: 20px; */
    }
    .exchange_widget .cryptoboxes .mcw-converter {
        padding: 0px;
    }
    .form-floating label {
        font-size: 12px;
    }
}



.checkout-section {
    box-shadow: var(--shadow3);
    border-radius: 10px;
    padding: 25px;
    background-color: var(--bg-color2);
    font-size: 14px;
}

.checkout-section .checkout-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-section .cmn-btn2 {
    gap: 10px;
}

.checkout-table .table-row {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.checkout-table .table-row h6 {
    font-weight: 600;
    font-size: 14px;
    overflow-wrap: break-word;
    word-break: break-all;
}

.checkout-table .table-row .small {
    line-height: 1.1;
}

.checkout-table .table-row:first-child {
    border-bottom: 1px solid var(--border-color2);
    padding-bottom: 20px;
}

.transaction-card {
    background-color: var(--bg-color2);
    box-shadow: var(--shadow3);
    padding: 25px;
    border-radius: 10px;
}

.transaction-card .title {
    border-bottom: 1px solid var(--border-color2);
    padding-bottom: 10px;
}

.transaction-table {
    display: grid;
    gap: 20px;
}

.transaction-table .table-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.transaction-table .table-row h6 {
    font-weight: 600;
    display: flex;
    gap: 5px;
    word-break: break-all;
    font-size: 14px;
}

.transaction-table .table-row h6 i:hover {
    color: var(--primary-color);
}

.transaction-table .table-row .btn-area {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.highlight {
    color: #5c5cf0;
}
.rey-headerAccount .rey-headerIcon-btnText {
        --hibt-d: block;
}

.qr-box {
  /*background: white;*/
  /*padding: 2rem;*/
  border-radius: 1rem;
  /*box-shadow: 0 10px 30px rgba(0,0,0,0.05);*/
  text-align: center;
}
.qr-box h2 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.qr-box img,
.qr-box canvas {
  width: 300px;
  border-radius: 15px !important;
  margin-top: 15px;
}

.crypto-receipt {
    margin: auto;
    /*padding: 28px;*/
    border-radius: 14px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.06);


}

.crypto-title {
    font-size: 24px;
    margin-bottom: 10px;

}

.crypto-note {
    font-size: 14px;

    margin-bottom: 20px;
}

.crypto-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.crypto-item {

    padding: 14px 16px;
    border-radius: 10px;
}

.crypto-full {
    grid-column: span 2;
}

.crypto-label {
    font-size: 13px;
    font-weight: 600;

}

.crypto-value {
    font-size: 18px;
    font-weight: 700;
    margin: 4px 0;

}

.crypto-sub {
    font-size: 12px;

}

.show-password-input {
    display: none;
}



#customer_login {
    display: block;
}
#customer_login .u-column1,
#customer_login .u-column2 {
    display: none;
}
#customer_login .tab-active {
    display: block;
}
#customer_login .tab-buttons {
    display: flex;
    margin-bottom: 20px;
    gap: 5px;
    flex-direction: row-reverse;
}
#customer_login .tab-buttons button {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    background: var(--e-global-color-14d071d);
    border-radius: 5px;
}
#customer_login .tab-buttons button.active {
    border-bottom: 0;
    font-weight: bold;
    background: var( --e-global-color-8f2ea12 );
}

#customer_login .form-row {
    display: block;
}
#customer_login  .woocommerce-button {
    background-color: var(--e-global-color-8f2ea12);
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
}

button#mark-as-paid.loading-active:after {
    border: 2px solid #ac3d3f;
    border-top: 2px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    content: "";
    margin-left: 10px;
}


.transfer-detail dl {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.transfer-detail dt {
    text-align: left;
}
.transfer-detail dd {
    margin-left: auto;
    text-align: right;
}


.verifying-notice {
    display: none;
    background: orange;
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    color: #18191d;
}
.loading-active+.verifying-notice {
    display: block;
}
.crypto-value {
    font-size: 11px;
    font-weight: 100;
}

.ctcp-inner {
    border-bottom: 1px dashed #f8f9fa66;
        cursor: pointer;

}
.ctcp-init:not([data-icon="false"]) .ctcp-inner:after {
    content: "🗐";
    margin-left: 5px;
}


/* WooCommerce Navigation */
.rey-accountPanel .woocommerce-MyAccount-navigation-wrapper ul { padding-left: 0; }
.rey-pageContent .woocommerce-MyAccount-navigation-wrapper,
.rey-pageContent .woocommerce-MyAccount-content {
    float: none !important; width: 100% !important;
}
.rey-pageContent .woocommerce-MyAccount-navigation {
    display: flex; justify-content: center; gap: 20px;
    flex-wrap: wrap; margin-bottom: 20px;
}
.rey-pageContent .woocommerce-MyAccount-navigation ul {
    display: flex; list-style: none; padding: 0; margin: 0; gap: 15px;
}
.rey-pageContent .woocommerce-MyAccount-navigation ul li {
    padding: 10px 15px;
}
.rey-pageContent .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none; font-weight: bold;
}
.rey-pageContent .woocommerce-MyAccount-navigation ul li.is-active {
    background: #87b3f5;
        border-radius: 3px;
}
.rey-pageContent .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #18191d;
}
.rey-pageContent .woocommerce .woocommerce-MyAccount-navigation-wrapper li:last-child {
    margin-bottom: auto;
}
.rey-myAccContent table {
    text-transform: capitalize;
}



.cryptoboxes .mcw-converter-one .selectize-control.single  .selectize-input{
    border: 0px !important;
    border: 1px solid transparent !important;
}
.cryptoboxes .mcw-converter-one .mcw-field{
    border: 0px !important;
    text-align: left !important;
    background: #18191d !important;
    border-radius: 15px !important;
}
.cryptoboxes .mcw-converter-one .mcw-input-group {
    flex-direction: row-reverse;
    /*border: 1px solid #ffffff3d !important;*/
    border-radius: 3px;
    background: #141416;
    padding: 15px;
    border-radius: 15px;
}
.cryptoboxes .mcw-converter-one .selectize-control .selectize-input {
    background: transparent !important;
}
.header-exchange #mcw-75 .selectize-control.single .selectize-input:after {
    border-color: #fff transparent transparent transparent;
}
#mcw-75 .selectize-control.single .selectize-input {
    box-shadow: none;
}

.selectize-control.single .selectize-input,
.mcw-field {
    box-shadow: none !important;
    border: 1px solid #ffffff3d !important;
    background: #18191d !important;
    color: var( --e-global-color-secondary ) !important;
}

.mcw-input-group .selectize-input,
.mcw-input-group .selectize-control.single .selectize-input.input-active {
    display: flex;
    padding: 10px 15px !important;
    gap: 10px;
}
.cryptoboxes .mcw-converter-two .selectize-coin img {
    margin: inherit;
}
.selectize-control.single .selectize-input input,
.selectize-input input {
    color: #fff;
}
.selectize-input .selectize-coin,
.selectize-coin {
    display: flex;
    align-items: center;
    gap: 10px;
}
.selectize-coin img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.selectize-names {
    display: flex;
    flex-direction: column;
}
.selectize-input .selectize-coin-short {
    color: rgb(248, 249, 250);
}
.selectize-coin-short {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3;
}
.selectize-coin-long {
    font-size: 12px;
    color: #888;
    line-height: 1.3;
}

form.home-signup {
    background: #141416;
    padding: 15px;
    gap: 20px;
    border-radius: 15px !important;

}
.home-signup input {
    border: none !important;
    background: #18191d !important;
    border-radius: 15px !important;
}
.home-signup button[type=button] {
    border-radius: 10px !important;
}

.cryptoboxes.mcw-table {
    border: none !important;
    background: #141416 !important;
    padding: 15px !important;
    border-radius: 15px !important;
}
.cryptoboxes.mcw-table * {
    border: none !important;
}

.qr-box.network-select {
    filter: blur(5px);
    padding-bottom: 20px;
}
.qr-code-wrap {
    position: relative;
}

.select-network {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: #18191dcc;
    
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center */
    text-align: center;
}
.qr-box-amount {
    text-align: center;
}
.network-list {
    background: #141416;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
}
select[name="network"] {
    background: #18191d !important;
    border: none !important;
    border-radius: 15px !important;
}

.rey-headerIcon.__hamburger span {
    background-color: #f8f9fa;
}

@media (max-width: 768px) {
  .rey-pageContent .woocommerce-MyAccount-navigation ul {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
  }

  .rey-pageContent .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }
}