.policy-section { background-color: #f8f9fb; padding: 80px 20px; font-family: 'Helvetica Neue', Arial, sans-serif; direction: rtl; /* Ensures proper alignment for Arabic text */ } .policy-container { max-width: 900px; margin: auto; } .policy-hero { text-align: center; margin-bottom: 60px; } .policy-hero .policy-badge { display: inline-block; background-color: #111827; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 16px; } .policy-hero h1 { font-size: 36px; font-weight: 800; color: #111827; margin-bottom: 12px; } .policy-hero p { font-size: 16px; color: #6b7280; } .policy-divider { width: 100%; height: 1px; background: #e5e7eb; margin: 50px 0; } .policy-block { margin-bottom: 45px; } .policy-block h3 { font-size: 20px; font-weight: 700; color: #111827; margin-bottom: 15px; position: relative; padding-bottom: 10px; } .policy-block h3::after { content: ""; width: 50px; height: 3px; background-color: #111827; position: absolute; right: 0; bottom: 0; /* Changed from left to right for RTL */ } .policy-block p, .policy-block li { font-size: 16px; line-height: 1.9; color: #4b5563; } .policy-block ul { padding-right: 20px; padding-left: 0; margin-top: 10px; } /* Changed padding for RTL */ .policy-block li { margin-bottom: 8px; } .policy-highlight { background: #ffffff; padding: 25px; border-right: 5px solid #111827; /* Changed from border-left to border-right for RTL */ border-left: 0; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-radius: 8px; margin-top: 20px; font-size: 16px; line-height: 1.9; color: #4b5563; } .policy-contact-box { background: #D31F25; color: #fff; padding: 30px; border-radius: 12px; margin-top: 20px; } .policy-contact-box p { color: #fff; margin: 0; font-size: 16px; line-height: 1.9; } .policy-contact-box a { color: #fff; font-weight: 700; text-decoration: underline; } .shipping-table { width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 15px; } .shipping-table th { background: #111827; color: #fff; padding: 12px 16px; text-align: right; font-weight: 700; font-size: 14px; letter-spacing: 0.04em; /* Changed alignment to right for RTL */ } .shipping-table td { padding: 12px 16px; border-bottom: 1px solid #e5e7eb; color: #4b5563; text-align: right; } /* Changed alignment for RTL */ .shipping-table tr:last-child td { border-bottom: none; } .shipping-table tr:nth-child(even) td { background: #f8f9fb; } @media (max-width: 768px) { .policy-section { padding: 50px 15px; } .policy-hero h1 { font-size: 26px; } }