@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (max-width: 769px) {
    .input-checkbox p {
        font-size: 14px;
    }
}

body{
    /*https://juejin.cn/post/7126925204525154341*/
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

/* Hide spinner controls */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.login-status {
    display: none;
    color: #CE0538;
}

body header,main,footer {
    display: none;
}

.display-none {
    display: none;
}

.smaller-font {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--black);
    margin: 0;
}

.no-wrap {
    white-space: nowrap;
}

.input-wrap .input-message.active {
    display: block;
}

body, button, input, textarea {
    font-family: Roboto Slab, Noto Sans SC, Georgia, Times, Times New Roman, Microsoft YaHei, Hiragino Sans GB, STHeiti, serif !important;
}

header .menu-mob .menu .nav .log-info .account {
    font-family: Roboto Slab, Noto Sans SC, Georgia, Times, Times New Roman, Microsoft YaHei, Hiragino Sans GB, STHeiti, serif !important;
}

header .menu-mob .menu .nav .log-info .logout {
    font-family: Roboto Slab, Noto Sans SC, Georgia, Times, Times New Roman, Microsoft YaHei, Hiragino Sans GB, STHeiti, serif !important;
}

/*textarea {*/
/*    padding-top: 12px !important;*/
/*}*/


.input-wrap select {
    font-weight: 400;
}
/*
header .menu-mob .menu .nav .log-info {
    padding: 20px 35px 70px 35px !important;
}*/

.input-name-container.us::before {
    position: absolute;
    left: 22px;
    top: 17px;
    content: "Dear";
    pointer-events: none;
    opacity: 0.6;
}

.input-name-container.cn::before {
    position: absolute;
    left: 22px;
    top: 18px;
    content: "亲爱的";
    pointer-events: none;
    opacity: 0.6;
}

.input-name-container.us input {
    padding-left: 62px;
}

.input-name-container.cn input {
    padding-left: 75px;
}

input:disabled {
    background-color: #f2f2f2;
    color: var(--dark-grey);
}

.news-author {
    /*margin-left: auto;*/
    color:gray;
    margin-bottom: 30px;
}

.border-bottom-line {
    padding-bottom: 30px;
    border-bottom: 2px solid var(--main-red);
}

.donate-form-detail .info {
    margin-bottom: 10px; /* Add margin to separate each item */
}
.donate-form-detail .label {
    display: inline-block; /* Make label and value appear on the same line */
    width: 200px; /* Set width for labels */
}

.subscription {
    display: flex;
}

.input-wrap.input-card {
    gap: 0;
}

.qrcode-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.qrcode-container a {
    width: 70%;
}

.sign-up-form .check-is-cn p {
    text-align: center;
}

.row .col-50.sign-up-form {
    width: calc(50% - 100px);
}

.button.start-over.secondary {
    display: flex !important;
}
.donate-form-detail.result-page .label {
    width: 120px;
}


.phone-verification-form .input-wrap .phone-input-container {
    display: flex;
    align-items: center;
    border: 1px solid var(--light-grey);
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    width: 100%;
}

.phone-verification-form .input-wrap .phone-input-container .flag {
    width: 28px; /* Size of the flag icon */
    height: 19px;
    background-image: url('../img/cn_40_27.png'); /* Chinese flag URL https://flagcdn.com/w20/cn.png */
    background-size: cover;
}

.phone-verification-form .input-wrap .phone-input-container .input {
    border: none;
    outline: none;
    height: 25px;
    padding: 10px 20px;
}

.phone-verification-form .input-wrap .phone-input-container .input::placeholder {
    color: #999;
}
.phone-verification-form .input-wrap .phone-input-container label{
    left: 50px;
}

.phone-verification-form .input-wrap input.active + label, .input-wrap select.active + label {
    left: 35px;
}
.phone-verification-form .input-wrap input + label, .input-wrap select + label {
    top: 13px;
}


@media (max-width: 768px) {
    .row .col-50.sign-up-form {
        width: 100%;
    }
    .subscription {
        margin-bottom: 30px;
    }
    .input-checkbox p {
        font-size: 18px;
    }
    .account-tabs-row .account-tabs {
        justify-content: flex-start !important;
        gap: 10px !important;
    }
    p.news {
        font-size: 40px !important;
    }
    h2.title {
        width: 95%;
        text-align: center;
    }

}

/*** exist-cart input filed **/
.input-card-exist .input-wrap.card:first-child::after {
    background-repeat: no-repeat;
    background-size: cover;
}
.input-card-exist .input-wrap.card-ae:first-child::after {
    background-image: url("../img/svg/card-ae2.svg");
}
.input-card-exist .input-wrap.card-discover:first-child::after {
    background-image: url("../img/svg/card-discover.svg");
}
.input-card-exist .input-wrap.card-mc:first-child::after {
    background-image: url("../img/svg/card-mc.svg");
}
.input-card-exist .input-wrap.card-unionpay:first-child::after {
    background-image: url("../img/svg/card-unionpay.svg");
}
.input-card-exist .input-wrap.card-visa:first-child::after {
    background-image: url("../img/svg/card-visa.svg");
}


/*** cart input **/
.input-card .input-wrap:first-child {
    width: 115%;
}
.input-card .input-wrap:first-child::after {
    background-repeat: no-repeat;
    background-size: cover;
}
.input-card .input-wrap.card-ae:first-child::after {
    background-image: url("../img/svg/card-ae2.svg");
}
.input-card .input-wrap.card-discover:first-child::after {
    background-image: url("../img/svg/card-discover.svg");
}
.input-card .input-wrap.card-mc:first-child::after {
    background-image: url("../img/svg/card-mc.svg");
}
.input-card .input-wrap.card-unionpay:first-child::after {
    background-image: url("../img/svg/card-unionpay.svg");
}
.input-card .input-wrap.card-visa:first-child::after {
    background-image: url("../img/svg/card-visa.svg");
}
/*** cart input filed **/

.row.second-story {
    margin-top: 15px;
}

.donate-hints{
    margin-bottom: 15px;
}