.input-wrapper {    
    font-family: 'Noto sans';
    border-radius: 20px;
    background: #EBE1E1;
    font-size: 28px !important;
    text-align: center;
    font-weight: 400;

}

.input-wrapper::placeholder {
    color: #928E8E;
}

@media (max-width: 1024px) {
    .input-wrapper {
        font-size: 20px !important;
        padding: 18px 18px;
    }
}

/* Mobile lớn – 480px đến 767px */
@media (max-width: 767px) {
    .input-wrapper {
        font-size: 13px !important;
        padding: 16px 16px;
    }
}

/* Mobile nhỏ – dưới 480px */
@media (max-width: 480px) {
    .input-wrapper {
        font-size: 12px !important;
        padding: 4px 4px;
    }
}

.hp.hide {
    display: none;
}