/* Start custom CSS for html, class: .elementor-element-8ce2d93 */.pro-apply-container {
    padding: 60px 20px;
    background: transparent;
    display: flex;
    justify-content: center;
}

.pro-form-card {
    background: #ffffff;
    width: 100%;
    max-width: 800px;
    padding: 50px;
    border-radius: 30px;
    position: relative;
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.06); /* شادو فخم وهادي */
    overflow: hidden;
    animation: slideIn 0.8s ease-out;
}

.pro-header-accent {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 6px;
    background: linear-gradient(90deg, #0250e8, #4e8eff);
}

.pro-header h1 { font-size: 34px; color: #111; font-weight: 800; margin-bottom: 8px; }
.pro-header p { color: #666; font-size: 16px; margin-bottom: 45px; }

.pro-section {
    padding-bottom: 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #f2f4f7;
}
.no-border { border: none; }

.pro-title {
    font-size: 20px; color: #111; margin-bottom: 25px;
    display: flex; align-items: center; gap: 12px;
}
.pro-title i { color: #0250e8; font-size: 18px; }

.pro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pro-field { margin-bottom: 20px; display: flex; flex-direction: column; }
.pro-field label { font-size: 14px; font-weight: 700; color: #333; margin-bottom: 8px; }

input, select, textarea {
    padding: 14px 18px; border: 1.5px solid #eef0f5; border-radius: 14px;
    background: #f8faff; font-size: 15px; transition: all 0.3s ease;
}

input:focus, select:focus, textarea:focus {
    background: #fff; border-color: #0250e8;
    box-shadow: 0 12px 24px rgba(2, 80, 232, 0.08);
    outline: none; transform: translateY(-3px); /* أنيميشن وقت الكتابة */
}

.pro-submit {
    background: #0250e8; color: white; border: none; width: 100%;
    padding: 20px; border-radius: 16px; font-size: 18px; font-weight: 700;
    cursor: pointer; transition: 0.3s; display: flex; justify-content: center; align-items: center; gap: 12px;
    margin-top: 20px;
}
.pro-submit:hover { 
    background: #013db3; 
    box-shadow: 0 15px 35px rgba(2, 80, 232, 0.3);
    transform: translateY(-2px);
}

/* Animations */
@keyframes slideIn {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in { animation: fadeIn 1.2s ease forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 600px) {
    .pro-grid { grid-template-columns: 1fr; }
    .pro-form-card { padding: 30px 20px; }
}/* End custom CSS */