.message-box {
    resize: none !important;
    width: 100%;
    height: 3rem;
    border: 1px solid rgba(52, 52, 52, 0.3);
    border-radius: 0.25rem;
}

.message-box:focus {
    border: 0.063rem solid var(--secondary-color);
}


/*============================= intl =========================*/

.iti__flag {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    overflow: hidden;
}

.iti__country-container {
    direction: ltr;
    inset-inline-start: 0px !important;
    inset-inline-end: 0px !important;
}

.iti__arrow {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    right: -25%;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 100% 100%;
}

.iti__arrow--up {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    right: -25%;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 100% 100%;
}

.iti .iti--container .iti--fullscreen-popup {
    width: 10rem !important;
}

.iti--show-flags {
    width: 100% !important;
}

.iti__tel-input {
    padding-left: 5.625rem;
}

.iti__dropdown-content {
    width: 100% !important;
}

#phone {
    width: 100% !important;
    padding-right: 0.5rem !important;
}