.form-container {
    direction: rtl;
    font-family: sans-serif;
    max-width: 600px;
    display: none;
    width: 95%;
    /* ضمان عدم خروج الحاوية عن الشاشة */
    /* padding: 20px; */
    margin: 0 auto;
    /* لتوسيط النموذج */
    overflow-x: hidden;
    /* لمنع أي تمرير أفقي ناتج عن الحواف */
    /* border: 1px solid red; */

}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}


/* تنسيق خاص بحقل الهاتف ليكون مرناً */
.phone-input-wrapper {
    display: flex;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.phone-input-wrapper input {
    border: none;
    flex: 1;
    min-width: 0;
    /* يسمح للحقل بالتقلص في الشاشات الصغيرة */
    padding: 12px;
}

.input-group label {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: bold;
}

.required {
    color: red;
    margin-right: 2px;
}

input,
.country-select {
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
}

input::placeholder {
    color: #9ca3af;
}

.phone-input-wrapper input {
    border: none;
    /* flex: 1; */
    min-width: 0;

}

.country-select {
    border: none;
    border-left: 1px solid #d1d5db;
    background-color: #fff;
    flex-shrink: 0;
    width: auto;
    min-width: 60px;
}

@media (max-width: 1440px) {
    .form-row {
        flex-direction: column;
        gap: 15px;
    }

    .input-group {
        width: 90%;
        /* margin: 0 auto; */
    }

    .form-container {
        padding: 10px;
        /* تقليل الحواف الجانبية لزيادة المساحة */
    }
}

@media (max-width:425px) {
    .country-select {
        max-width: 120px;

    }
}