.darkmode {
    color: rgba(255, 255, 255, 0.87);
    background-color: #0E1324;
}

.darkmode .header-container {
    background-color: #1D243A;
}

.darkmode .title {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .first-section .country-field {
    border-color: rgba(255, 255, 255, 0.87);
}

.darkmode .country-field .font-030 {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .first-section .phone-field {
    background-color: #0E1324;
    border-color: rgba(255, 255, 255, 0.87);
}

.darkmode .input-field > input {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .agree-container > div {
    color: rgba(255, 255, 255, 0.6);
}

.darkmode .agree-container > div > a {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .ht-slideup-content-wrapper {
    background-color: #1D243A;
}

.darkmode .ht-slideup-content-wrapper > .ht-slideup-title {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .slideup-modal-option {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.darkmode .slideup-modal-option span {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .second-step-desc {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .second-step-phone {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .code-input > input {
    color: rgba(255, 255, 255, 0.87);
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.darkmode .code-input > input:focus {
    border-bottom-color: rgba(255, 255, 255, 0.87);
}

.darkmode .resend-container > span {
    /* color: #3EADFF; */
}

.darkmode .second-section > .button-container > div:nth-child(1) {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .third-section > .title {
    color: rgba(255, 255, 255, 0.87);
}
.darkmode .input-field {
    background-color: #0E1324;
    border-color: rgba(255, 255, 255, 0.60)!important;
}

.darkmode .usresident-container > span {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .btn-submit {
    background-color: rgba(62, 173, 255, 1);
}

.darkmode .modal-container { 
    background-color: #0E1324;
}

.darkmode .modal-header {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .modal-body {
    color: rgba(255, 255, 255, 0.87);
}

.darkmode .modal-button {
    width: auto;
    height: auto;
    padding: 0;
    background-color: rgba(62, 173, 255, 1);
}

.darkmode .modal-button button {
    background-color: rgba(62, 173, 255, 1);
    border-color: rgba(62, 173, 255, 1);
}

.darkmode .countrylist-container  {
    background-color: #0E1324;
}

.darkmode .countrylist-container > .countrylist-title > span {
    color: rgba(255, 255, 255, 0.87)
}

.darkmode .countrylist-container > .countrylist-search-bar {
    border-color: rgba(255, 255, 255, 0.12);
}

.darkmode .countrylist-search-bar:has(> input:focus) {
    border-color: rgba(255, 255, 255, 0.12);
}

.darkmode .countrylist-container > .countrylist-search-bar > input {
    color: rgba(255, 255, 255, 0.87)
}

.darkmode .country-detail-list > .country-info, .darkmode .nonempty-countrylist > .country-info {
    color: rgba(255, 255, 255, 0.87)
}

.darkmode .country-detail-list > .country-info.selected {
    background-color: transparent;
}

.darkmode .empty-countrylist > .empty-title {
    color: rgba(255, 255, 255, 0.87)
}

.darkmode .empty-countrylist > .empty-desc {
    color: rgba(255, 255, 255, 0.87)
}

.darkmode .countrylist-alphabet > div > a {
    color: rgba(255, 255, 255, 0.38);
}

.darkmode .content-container {
    background-color: #0E1324;
}