.dp-container { font-family: 'Cairo', sans-serif; direction: rtl; text-align: right; max-width: 850px; margin: 0 auto; line-height: 1.8; color: #333; padding: 20px; } .dp-header { text-align: center; margin-bottom: 30px; } .dp-header h1 { color: #1aa39c; font-size: 32px; } .dp-section { margin-bottom: 40px; background: #fff; padding: 20px; border-radius: 10px; border: 1px solid #eee; } .dp-section h2 { color: #1aa39c; border-right: 5px solid #1aa39c; padding-right: 15px; margin-bottom: 20px; } .dp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .dp-box { background: #f9f9f9; padding: 15px; border-radius: 8px; } .dp-btn { display: block; text-align: center; background: #25d366; color: #fff !important; padding: 20px; border-radius: 50px; text-decoration: none; font-size: 22px; font-weight: bold; margin: 30px 0; } details { background: #f4f4f4; padding: 15px; margin-bottom: 10px; border-radius: 8px; cursor: pointer; } summary { font-weight: bold; color: #1aa39c; }