    .iti {
        width: 100%;
    }

    .iti__flag-container {
        background-color: #000;
    }

    .iti__selected-flag {
        background-color: #000;
        border-radius: 4px 0 0 4px;
    }

    .iti__country-list {
        background-color: #222;
        color: #fff;
        border: 1px solid #444;
        max-height: 200px;
    }

    .iti__country-name,
    .iti__dial-code {
        color: #fff;
        font-size: .75em;
    }

    .iti__selected-dial-code {
        font-size: .75em;
        color: var(--bs-primary);
    }

    .iti__country:hover {
        background-color: #333;
    }

    .iti__country.iti__highlight {
        background-color: #444;
    }

    input#inp_phone {
        padding-left: 90px !important;
    }

    #inp_phone::-moz-placeholder {
    color:#1a1a1a78;
    }

    #inp_phone::placeholder {
    color:#1a1a1a78;
    }

    [data-phone-group] {
        align-items: center;
    }

    [data-phone-group] .iti {
        flex: 1 1 auto;
    }

    input.intl-phone.transparent-form-fields {
        height: 45px;
    }

    .transparent-form-fields.intl-phone::-moz-placeholder {
        color: rgba(255, 255, 255, .5);
    }

    .transparent-form-fields.intl-phone::placeholder {
        color: rgba(255, 255, 255, .5);
    }

    @media (max-width: 767.98px) {
        #modalAddress .row.align-items-center > div {
            flex: 0 0 100%;
            max-width: 100%;
        }

        #modalAddress .row.align-items-center label {
            text-align: left !important;
            margin-bottom: 4px !important;
        }
    }

    .addresses .back {
        position: relative;
        z-index: 10;
    }
