/* ضبط لون النصوص داخل الأقسام البيضاء */
.features, .video, .reviews, .social, form {
    background: #ffffff; /* جعل الخلفية بيضاء */
    color: #222 !important; /* جعل النصوص داكنة */
    padding: 40px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

/* التأكد من ظهور العناوين بلون داكن */
.features h2, .video h2, .reviews h2, .social h2, form h2 {
    color: #000 !important;
}

/* التأكد من ظهور النصوص العادية داخل الأقسام */
.features p, .video p, .reviews p, .social p, form p,
.features ul li, .video ul li, .reviews ul li, .social ul li {
    color: #333 !important;
}

/* تحسين لون نموذج الاشتراك */
input[type="email"] {
    background: #f9f9f9;
    color: #222;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 5px;
    font-size: 16px;
    width: 100%; /* جعل حقل البريد الإلكتروني بعرض كامل */
    max-width: 350px; /* تحديد أقصى عرض */
    text-align: center;
}

/* تحسين حجم زر الاشتراك */
button {
    width: 100%; /* جعل الزر بعرض كامل داخل القسم */
    max-width: 300px; /* تحديد أقصى عرض للزر */
    height: 50px; /* تحديد ارتفاع الزر */
    font-size: 20px; /* حجم النص داخل الزر */
    font-weight: bold; /* جعل النص عريض */
    border-radius: 10px; /* تقليل أو زيادة استدارة الحواف */
    background: #007BFF; /* لون الزر الأساسي */
    color: white;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 10px;
}

button:hover {
    background: #0056b3; /* لون الزر عند التمرير عليه */
    transform: scale(1.05); /* تأثير تكبير خفيف */
}

/* ضبط الأزرار في الصفحة */
.download-button {
    display: inline-block;
    padding: 12px 20px;
    background: #ff4500;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
}

.download-button:hover {
    background: #cc3700;
}