@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=Noto+Sans+JP&display=swap");
@import url("https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@700,400,300&display=swap");

:root {
    --gray-50: #f8fafc;
    --yellow-50: #fefce8;
    --yellow-100: #fef9c3;
    --yellow-200: #fef08a;
    --yellow-300: #fde047;
    --yellow-400: #facc15;
    --yellow-500: #eab308;
    --yellow-550: #dca600;
    --yellow-600: #ca8a04;
    --yellow-700: #a16207;
    --yellow-800: #854d0e;
    --yellow-900: #713f12;
    --yellow-950: #422006;
    --teal-50: #f0fdfa;
    --teal-100: #ccfbf1;
    --teal-200: #99f6e4;
    --teal-300: #5eead4;
    --teal-400: #2dd4bf;
    --teal-500: #14b8a6;
    --teal-600: #0d9488;
    --teal-700: #0f766e;
    --teal-800: #115e59;
    --teal-900: #134e4a;
    --teal-950: #042f2e;
}
* :not(i):not(.glyphicon) {
    font-family: "IBM Plex Sans", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cabinet Grotesk", sans-serif !important;
}

.xoro-theme .gold-color,
.xoro-theme .gold-link {
    color: var(--yellow-550) !important;
}

.xoro-theme .cust-theme {
    display: block;
    min-height: auto;
}

.cust-theme:has(#login-page) {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#login-page {
    flex: 1;
    padding: 144px 0;
}

#login-page .account-popup {
    margin: 0 auto;
    min-height: 480px;
    display: flex;
    justify-content: center;
    transform: none;
}

#login-page .custom-logo a {
    width: 100%;
}

#login-page .custom-logo a img {
    width: 190px;
    aspect-ratio: 190 / 42;
}

#login-page .registration-sec {
    padding: 16px;
}

#login-page .open-account__container,
#login-page .create-password-popup .header-text {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 0;
}

#login-page .registration-sec button.flat-btn {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 24px;
    padding: 9px 0;
    color: white;
    background-color: var(--yellow-550);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 86px;
}

#login-page .registration-sec button.flat-btn:hover {
    background-color: var(--yellow-600);
}
#login-page .registration-sec label {
    margin: 0;
    font-weight: 500;
    font-family: "IBM Plex Sans", sans-serif;
}
#login-page .registration-sec label.error {
    position: relative;
    margin-top: 6px;
}

#login-page .registration-sec .message-txt.error-msg {
    position: relative;
    margin-left: 0;
}

#login-page .sign-up .registration-sec .field {
    margin: 0 !important;
}
#login-page .registration-sec h3 {
    font-size: 30px;
    line-height: 36px;
    color: #134e4a;
    padding-top: 24px;
    margin: 0;
}
#login-page .sign-up .registration-sec .field input[type="text"],
#login-page .sign-up .registration-sec .field input[type="password"],
#login-page .sign-up .registration-sec .field input[type="email"] {
    height: 36px;
}
#login-page .custom-logo a {
    padding: 0;
    display: inline-block;
}

#login-page.linkLogin .login .registration-sec {
    border: none;
    min-height: 0;
    width: 448px;
}

#login-page.linkLogin .sign-up .registration-sec form > .field {
    margin-bottom: 24px !important;
}

#login-page .sign-up .registration-sec form > .field:first-of-type {
    margin-top: 32px !important;
}
#login-page .gold-color,
#login-page .gold-link {
    color: #bc9456;
}
#login-page .gold-link:hover {
    color: #2e2e2e;
}
#login-page .bottom-link-container {
    margin-top: 0;
    font-size: 14px;
}
#login-page .bottom-link-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#login-page a {
    font-size: 14px;
    font-weight: 500;
    color: var(--teal-600) !important;
}

#login-page a:hover {
    text-decoration: underline;
}

#login-page a.link--teal {
    color: var(--teal-600);
}

#login-page a.link--teal:hover {
    text-decoration: underline;
}

#login-page button.login-btn {
    margin: 0;
}

.confirmation .fa-check-circle {
    color: var(--yellow-550);
}

.xoro-theme footer {
    padding: 32px;
    /* background: white; */
}

.cust-theme footer .footer-disclaimer {
    color: #64748b;
    font-size: 14px;
}

@media (max-width: 768px) {
    #login-page {
        padding: 72px 0;
    }

    #login-page .account-popup {
        /* max-width: 0; */
        min-height: 0;
        margin: 0 auto;
        width: 100%;
    }

    #login-page .login-popup {
        padding-bottom: 0;
    }

    #login-page .account-popup .row {
        width: 100%;
    }

    #login-page.linkLogin .login .registration-sec {
        max-width: 100%;
        width: 100%;
    }

    footer {
        padding: 16px;
    }

    #login-page .custom-logo a img {
        width: 145px;
    }
}

/* Alert */
.xoro-theme .cust-theme .alert.alert-error {
    border: none;
    background-color: #fef2f2;
}

.xoro-theme .cust-theme .alert .alert-message-container {
    display: flex;
    align-items: center;
}

.xoro-theme .cust-theme .alert.alert-error .icon-wrapper {
    display: block;
    margin-right: 12px;
}

.xoro-theme .cust-theme .alert.alert-error .registration-icon--success {
    display: none;
}

.xoro-theme .cust-theme .alert.alert-error .align-with-icon p {
    color: #dc2626 !important;
}

.xoro-theme .cust-theme .alert {
    background-color: var(--teal-50);
}

.xoro-theme .cust-theme .alert .alert-message-container .icon-wrapper {
    display: none;
    margin-right: 12px;
}

.xoro-theme .cust-theme .alert .registration-icon--success {
    display: block;
    margin-right: 12px;
}

.xoro-theme .cust-theme .alert .alert-message-container .account-alert--text {
    color: var(--teal-600);
}

.xoro-theme .cust-theme .alert .alert-message-container p.account-alert--text a {
    color: var(--teal-600);
}

/* Button */
.xoro-theme .flat-btn {
    background: var(--yellow-550) !important;
    color: white !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 86px;
}

.xoro-theme .flat-btn:hover {
    background-color: var(--yellow-600) !important;
}

.xoro-theme .flat-btn.trans-bg {
    background: none !important;
    color: var(--yellow-550) !important;
    border: 1px solid var(--yellow-550) !important;
}

.xoro-theme .flat-btn.filter {
    background-color: white !important;
    color: var(--teal-600) !important;
    border: 1px solid var(--teal-600) !important;
    border-radius: 50px;
}

.xoro-theme .flat-btn.filter:hover {
    background-color: var(--teal-50) !important;
}

/* Header */
.xoro-theme .cust-theme .custom-menu .logo > a {
    background: url(../img/ic-logo-xoro-white.svg) no-repeat center;
    background-size: contain;
}

.xoro-theme .cust-theme .top-bar.price-info {
    background-color: var(--teal-800);
}

.xoro-theme .cust-theme .choose-language > a {
    color: var(--yellow-600);
}

.xoro-theme .cust-theme .choose-language > a:not(.active):hover {
    background: var(--yellow-600);
    color: white;
}
.xoro-theme .cust-theme .choose-language > a.active {
    background: var(--yellow-600);
    color: white;
}

.xoro-theme .cust-theme header .menu.custom-menu {
    background-color: var(--teal-900);
}

.xoro-theme .custom-menu .popup-client .shop-kart span,
.cust-theme .menu-toggle {
    background-color: var(--teal-800);
}

.xoro-theme .cust-theme header.simple-header .menu nav > ul > li:hover {
    background-color: var(--teal-900);
}

.xoro-theme .cust-theme header.simple-header .menu nav > ul > li:hover a {
    color: white;
    text-decoration: underline;
}

.cust-theme header.simple-header.sticky .custom-menu nav > ul > li > a {
    color: white;
}

.xoro-theme .cust-theme .top-bar.price-info * :not(.choose-language *) {
    color: white;
}

.xoro-theme .custom-menu .popup-client .shop-kart span.cart-value {
    background-color: var(--yellow-600);
}

.xoro-theme .cust-theme .menu .popup-client a.btn-no-bg {
    color: white;
}
.xoro-theme .cust-theme .menu .popup-client a.btn-no-bg:hover {
    text-decoration: underline;
}

.xoro-theme .cust-theme .menu .popup-client a.link-style {
    color: white;
    background-color: var(--yellow-550);
}

.xoro-theme .cust-theme .menu .popup-client a.link-style:hover {
    color: white;
    background-color: var(--yellow-600);
}

.xoro-theme .custom-menu #customDD span {
    color: white;
    background-color: var(--yellow-550);
}
.xoro-theme .custom-menu #customDD span a {
    color: white;
}
.xoro-theme .custom-menu #customDD span:hover {
    color: white;
    background-color: var(--yellow-600);
}
.cust-theme .sticky .popup-client > #customDD span {
    background-color: var(--yellow-550);
    border: none;
}

.cust-theme .sticky .popup-client > #customDD span:hover {
    background-color: var(--yellow-600);
    border: none;
}

@media only screen and (max-width: 767px) {
    .xoro-theme .popup-client {
        width: 0;
    }
    .xoro-theme .popup-client #customDD {
        display: none;
    }
    .xoro-theme .cust-theme .custom-menu.menu nav {
        margin-right: 15px;
        top: calc(100% - 8px);
    }
    .xoro-theme footer {
        padding: 16px
    }
}

@media only screen and (max-width: 1199px) {
    .xoro-theme .cust-theme .menu nav > ul > li {
        background: var(--teal-800);
        border-bottom: 1px solid var(--teal-50);
    }

    .xoro-theme .cust-theme .menu nav > ul > li:last-of-type {
        border-bottom: none;
    }
    .xoro-theme .cust-theme .menu .dropdown {
        display: none;
    }
    .xoro-theme .custom-menu.menu nav {
        right: 0;
        /* margin-right: 15px; */
        top: calc(100% - 32px);
    }
}

@media only screen and (min-width: 1200px) {
    .xoro-theme .cust-theme .menu .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .xoro-theme .cust-theme .menu .container:before,
    .xoro-theme .cust-theme .menu .container:after {
        display: none;
    }
    .xoro-theme .cust-theme .menu .header__logout-link {
        display: none;
    }

    .xoro-theme .cust-theme .menu .container .popup-client {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .xoro-theme .custom-menu.menu nav {
        margin-right: 15px;
    }
}

/* Footer */
.xoro-theme .organic footer,
.xoro-theme .highlow footer {
    padding-top: 64px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background-color: var(--teal-800);
}

.xoro-theme .footer .links_widget li > a,
.xoro-theme .footer .heading1 > h2,
.xoro-theme .footer .about_widget span,
.xoro-theme .organic .cust-theme footer .footer-disclaimer,
.xoro-theme .highlow .cust-theme footer .footer-disclaimer {
    color: white;
}

.xoro-theme .footer .links_widget > ul > li {
    border-bottom: 1px solid white;
}

.xoro-theme .footer .links_widget li > a:hover {
    text-decoration: underline;
    color: white;
}

.xoro-theme .footer .links_widget li > a > i {
    display: none;
}

.xoro-theme footer .heading1 h2::before {
    background-color: var(--yellow-600);
}

.xoro-theme .images-disclaimer {
    display: none;
}

.xoro-theme .links_widget li > a {
    text-transform: none;
}

@media only screen and (max-width: 767px) {
    .xoro-theme .organic footer, .xoro-theme .highlow footer {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Buy Gold */
.xoro-theme .custom-tab-content .single-product-sec .single-product-infos > h2 {
    color: var(--teal-900);
    font-weight: bold;
}

.xoro-theme .custom-tab-content .single-product-infos span.price {
    color: var(--teal-900);
}

.xoro-theme .custom-tab-content .single-product-infos .flat-btn {
    color: white;
    background-color: var(--yellow-550);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 86px;
}

.xoro-theme .custom-tab-content .single-product-infos .flat-btn:hover {
    color: white;
    background-color: var(--yellow-600);
}

.xoro-theme .single-product-tabs .tab-content img {
    width: 100%;
}

.xoro-theme .quantity-price span {
    margin: 0;
    transform: translateX(-50%);
}

/* Register */
.xoro-theme .cust-theme .sign-up h3 {
    color: var(--teal-900);
}

.xoro-theme .cust-theme .sign-up button.register-next {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 86px;
    color: white;
    background-color: var(--yellow-500);
}

.xoro-theme .cust-theme .sign-up button.register-next:hover {
    color: white;
    background-color: var(--yellow-600);
}

.xoro-theme .cust-theme .sign-up .registration-sec a {
    color: var(--teal-600) !important;
}

.xoro-theme .cust-theme .sign-up .registration-sec a:hover {
    text-decoration: underline;
}
.xoro-theme .cust-theme .sign-up .registration-sec .fa-thumbs-up {
    color: var(--yellow-550);
}
.xoro-theme .cust-theme .contact .custom-select {
    width: 22%;
}
.xoro-theme .signup-contact.select-box.contact .field {
    width: 78%;
}
.xoro-theme .progress-container span.progress-line {
    margin: 24px -8px 0 -34px;
}
.xoro-theme .ja .progress-container span.progress-line {
    margin: 24px 0 0 -6px;
}
.xoro-theme .en .progress-container span.progress-line {
    margin: 24px -5px 0 -34px;
}
.xoro-theme .cust-theme .registration-sec label.error {
    white-space: nowrap;
}
.xoro-theme .registration-sec .signup-layout-password .message-txt {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    .xoro-theme .cust-theme .contact .custom-select {
        width: 30%;
    }
    .xoro-theme .signup-contact.select-box.contact .field {
        width: 70%;
    }
}

/* Transaction history */
.xoro-theme .cust-theme .transaction-history h3,
.xoro-theme .cust-theme .transaction-history .prod-item p,
.heading3 > h3 {
    color: var(--teal-900);
}

.xoro-theme .cust-theme .transaction-history button {
    color: var(--teal-600);
    border: 1px solid var(--teal-600);
    border-radius: 50px;
}

.xoro-theme .cust-theme .transaction-history button:hover {
    background-color: var(--teal-50);
}

/* Account Profile */
.xoro-theme .account-container {
    padding: 45px 0;
}
.xoro-theme .profile i {
    color: var(--yellow-550) !important;
}
.xoro-theme .cust-theme .addAddress .add {
    background-color: var(--yellow-550);
}
.xoro-theme .custom-menu #customDD a i, .main-list li a i {
    width: 26px;
}
.xoro-theme .cust-theme .profile .value p {
    word-wrap: break-word;
}

/* Cart */
.xoro-theme .cust-theme .alert .icon-wrapper {
    background-color: var(--yellow-550);
}
.xoro-theme .cust-theme .alert .icon-wrapper i {
    color: white;
}

.xoro-theme .cust-theme .alert.alert-success.alert-dismissible .align-with-icon p {
    color: var(--teal-600) !important;
}
.xoro-theme .cust-theme .shopping_cart .cart-in-circle {
    border: 2px solid var(--yellow-550);
}
.xoro-theme .cust-theme .gold-color.price-valid--value {
    color: var(--yellow-550) !important;
}
.xoro-theme .cust-theme .shopping_cart .shop_cart_head {
    background-color: var(--teal-900);
}

/* Order Summary */
.xoro-theme .summary-footer h4 {
    color: var(--yellow-550);
}

/* Price Modal */
.xoro-theme .price-modal .modal-body .price-modal--price {
    color: var(--teal-900);
}

/* Pirce Update Modal */
.xoro-theme #priceCh {
    color: var(--yellow-550);
}

/* Order Complete */
.xoro-theme .order-complete .align-with-icon strong {
    color: var(--teal-600);
}
.xoro-theme .bank-details--sub-heading span {
    color: var(--yellow-550);
}

/* Loading Icon */
.xoro-theme #preloader {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #303030;
    z-index: 999;
}
.xoro-theme #preloader.transparency {
    background: rgba(0, 0, 0, 0.6);
}

.xoro-theme #preloader img {
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

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

/* Trading History */
.xoro-theme .search-box #transactionClearBtn {
    background: none !important;
    color: var(--teal-600) !important;
    box-shadow: none;
    opacity: 1;
}
.xoro-theme .search-box #transactionClearBtn:hover {
    background: none;
}
.xoro-theme a.gold-link.word-break.certificate-PDF {
    text-transform: none;
}
.xoro-theme .transaction-history .transactionDtl span.date-created-weight {
    margin: 0;
    padding: inherit;
}
.xoro-theme .transaction-history .modal-header .close {
    font-size: 21px;
}

/* Merchant */
.xoro-theme .tht--col.col-transaction-number {
    color: var(--teal-600);
}
.xoro-theme .tht--col.col-transaction-number:hover {
    text-decoration: underline;
}
.xoro-theme .tht--col.col-transaction-number:before {
    border-color: var(--teal-600);
}
.xoro-theme .notification-modal-link .word {
    color: var(--teal-600);
}
.xoro-theme .tht--box-header span {
    color: var(--yellow-600);
}
.xoro-theme .tht--details--certificate a.gold-link {
    color: var(--yellow-600) !important;
}
.xoro-theme .tht--details--status-button.processed {
    color: white;
    background-color: var(--teal-600);
}
.xoro-theme .cust-theme .pagination > .active > a {
    background-color: var(--yellow-600);
}
.xoro-theme .highlow .account-container {
    min-height: calc(100vh - 336px);
}
.xoro-theme .highlow #about--certificate .modal-footer-bg {
    background: white;
    height: 50px;
    margin-bottom: 0;
}
.xoro-theme .highlow footer .footer-disclaimer a .footer-link {
    color: white;
}

@media only screen and (max-width: 479px) {
    .xoro-theme .highlow footer .footer-disclaimer {
        padding: 0 16px;
    }
}

/* KYC */
@media only screen and (max-width: 479px) {
    .xoro-theme .cust-theme .kycDoc #kycCancel {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px ) {
    .xoro-theme .cust-theme .kycDoc #kycCancel {
        padding-top: 0;
    }
    .xoro-theme .cust-theme .kycDoc #submitBtn {
        padding-top: 0;
    }
}

/* Sell Order */
.xoro-theme [type="radio"]:checked + label:before {
    border-color: var(--yellow-550);
}
.xoro-theme [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
    background-color: var(--yellow-550);
}
.xoro-theme #sellRequest .confirmation .fa-check-circle {
    color: var(--yellow-550);
}

/* Bank Detail */
.xoro-theme .profile .inner-layer .delivery-dtl {
    display: flex;
    justify-content: center;
    align-items: center;
}
.xoro-theme .profile .inner-layer .delivery-dtl.bank-info {
    flex-direction: column;
    align-items: flex-start;
}

.xoro-theme .cust-theme .addAddress .address-popup {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
}

/* Checkout */
.xoro-theme .bp--processing-screen-content .gold-link:hover {
    color: var(--yellow-600) !important;
    cursor: pointer;
}