.new-address-container {
        width: 940px;
        margin-bottom: 70px;

    }

    .new-address-title {
        font-size: 20px;
        color: #222;
        line-height: 24px;
        font-weight: 600;
    }

    .new-address-content {
        background: #f5f5f5;
        width: 95%;
        max-width: 850px;
        max-height: 95vh;
        overflow-y: auto;
        border-radius: 10px;
        padding: 25px;
        position: relative;

    }

    .chevron-down {
        height: 12px;
        margin: 0 12px 0 6px;
        width: 12px;
        fill: #222;
        transition: all .3s ease;
    }

    .manual {
        align-items: center;
        color: #fb7701;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        margin-top: 10px;
        width: -webkit-fit-content;
        width: fit-conten
    }

    .new-address-content {
        overflow-y: auto;
        overscroll-behavior: contain;

    }

    .new-address-content::-webkit-scrollbar {
        width: 5px
    }

    .new-address-content::-webkit-scrollbar-thumb {
        background-color: transparent
    }

    .new-address-content::-webkit-scrollbar-track {
        border-radius: 3px
    }

    .new-address-content:hover::-webkit-scrollbar-thumb {
        background-color: #e0e0e0
    }

    .new-address-content::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: rgba(0, 0, 0, .2)
    }

    .new-address-content:hover::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2)
    }

    .countries-list-dropdown::-webkit-scrollbar {
        background: transparent;
        width: 4px
    }

    .countries-list-dropdown {
        margin-top: 5px;
    }

    .countries-list-dropdown::-webkit-scrollbar-button:vertical:decrement,
    .countries-list-dropdown::-webkit-scrollbar-button:vertical:end:decrement,
    .countries-list-dropdown::-webkit-scrollbar-button:vertical:increment,
    .countries-list-dropdown::-webkit-scrollbar-button:vertical:start:increment {
        display: none
    }

    .countries-list-dropdown::-webkit-scrollbar-thumb:vertical {
        background-color: #949494;
        border-radius: 3px
    }

    .countries-list-dropdown::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #999
    }

    .new-address-content {
        background: #f5f5f5;
        width: 95%;
        max-width: 850px;
        max-height: 95vh;
        overflow-y: auto;
        border-radius: 10px;
        padding: 25px;
        position: relative;
    }

    .search-svg-icon {
        height: 20px;
        margin-right: 6px;
        width: 20px;
    }

    .name-row,
    .street-houseno-row,
    .county-city-row {
        display: flex;
        gap: 16px;
        width: 100%;
    }

    .flex-field {
        flex: 1;
    }

    .close-modal {
        position: absolute;
        right: 20px;
        top: 15px;
        background: none;
        border: none;
        font-size: 32px;
        cursor: pointer;
    }

    .new-address-title {
        font-size: 20px;
        color: #222;
        line-height: 24px;
        font-weight: 600;
    }

    h1 {
        margin-bottom: 10px;
    }

    .safe {
        color: green;
        margin-bottom: 30px;
    }

    .field {
        margin-bottom: 25px;
    }

    .label-row {
        margin-bottom: 10px;
    }

    .input,
    .select-box,
    .phone-box {
        width: 100%;
        height: 44px;
        border: 1px solid #999;
        background: #fff;
        border-radius: 5px;
        color: #222;
        font-family: miui, system-ui, -apple-system, BlinkMacSystemFont, \.SFNSText-Regular, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        height: 44px !important;
        line-height: 18px;
        padding: 0 4px 0 12px;
    }

    .input {
        padding: 0 15px;
    }

    .select-wrapper {
        position: relative;
    }

    .select-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        cursor: pointer;
    }

    .dropdown {
        position: absolute;
        width: 100%;
        background: #fff;
        border: 1px solid #ddd;
        display: none;
        max-height: 300px;
        overflow-y: auto;
        z-index: 100;
        padding: 20px;
    }

    .dropdown.show {
        display: block;
    }

    .chips {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
    }

    .chip {
        background: #eee;
        padding: 10px 15px;
        border-radius: 20px;
        cursor: pointer;
    }

    .country-item {
        padding: 10px 0;
        cursor: pointer;
    }

    .search-box {
        position: relative;
    }

    .cancel-btn {
        width: 250px;
        height: 44px;
        margin-right: 16px
    }

    .search-icon {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .search-box input {
        padding-left: 45px;
    }

    .phone-box {
        display: flex;
    }

    .code-wrapper {
        position: relative;
        width: 130px;
    }

    .country-code {
        height: 100%;
        border-right: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        cursor: pointer;
    }

    .phone-input {
        flex: 1;
        border: none;
        padding: 0 15px;
    }

    .code-dropdown {
        position: absolute;
        top: 58px;
        width: 220px;
        background: #fff;
        border: 1px solid #ddd;
        display: none;
        z-index: 100;
    }

    .code-dropdown.show {
        display: block;
    }

    .code-item {
        padding: 12px 15px;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

    .code-item:hover {
        background: #f3f3f3;
    }

    .checkbox {
        display: flex;
        gap: 10px;
        margin-bottom: 30px;
    }

    .buttons {
        display: flex;
        gap: 15px;
    }

    .btn {
        flex: 1;
        padding: 10px !important;
        border: none;
        border-radius: 40px;
        cursor: pointer;
        font-size: 18px;
    }

    .cancel {
        background: #fff;
        border: 1px solid #aaa;
    }

    .save {
        background: #ff7a00;
        color: #fff;
    }

    .required {
        color: #ff6a00;
    }

    #editAddressModal {
        display: none;
    }

    @media (max-width: 991px) {
        .new-address-container {
            width: 100%;
        }
    }