.phone-input-wrapper {
    font-family: Montserrat-Regular, sans-serif;
    align-items: center;
    /* background-color: #fff;
    border: 1.15px solid #0a76f0;
    border-radius: 5px; */
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 5px;
    display: flex;
    
    gap: .5rem;
    padding: .5rem .75rem;
    position: relative;
    /* width: 420px; */
    height: 64px;
    color: #fff;
}

.country-dropdown {
    position: relative
}

.current-country {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: .9rem;
    gap: .75rem;
    padding: 0 24px 0 0;
    text-transform: uppercase;

    span {
        margin-bottom: 0;
    }
}

.current-country:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 5px 4px 5px 0;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg)
}

.current-country svg {
    /* background: #eee;
    border-radius: 2px; */
    height: 15px;
    object-fit: cover;
    width: 20px
}

.country-options {
    background: #0459b7;
    border: 1px solid #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    left: -10px;
    max-height: 200px;
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 14px);
    transform: scaleY(.95);
    transform-origin: top;
    transition: all .2s ease;
    width: 220px;
    z-index: 10;
    color: #fff;
}

.country-options.visible {
    opacity: 1;
    pointer-events: auto;
    transform: scaleY(1)
}

.country-option {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: .85rem;
    gap: .5rem;
    padding: 6px 10px;
    text-align: left;
    transition: background-color .2s ease;
    width: 100%
}

.country-option.selected {
    background-color: #5d96ec;
    font-weight: 600
}

.country-option:hover {
    background-color: #5d96ec;
}

.country-option svg {
    background: #0459b7;
    border-radius: 2px;
    height: 15px;
    width: 20px
}

/* input[type=tel] {
    background-color: transparent;
    border: none;
    color: #333;
    flex: 1;
    font-size: 1rem;
    outline: none;
    padding: .25rem
} */

.mask-flag-input {
    flex: 1;
    font-size: 1rem;
    outline: none;
    padding: .25rem;
    color: #fff;
    background-color: transparent;
    border: none;
    font-family: Montserrat-Regular, sans-serif;
}