.pricing-section{padding:80px 0;background:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:rgb(0,3,59);margin-bottom:20px;font-family:InkBrushArabic,serif}.section-description{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;font-family:InkBrushArabic,serif}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1100px;margin:0 auto}.pricing-card{background:white;border-radius:20px;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:2px solid transparent;transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.pricing-card.featured{border-color:rgb(0,135,255);transform:scale(1.05)}.pricing-badge{position:absolute;top:-15px;right:20px;background:rgb(0,135,255);color:white;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;font-family:InkBrushArabic,serif}.pricing-card.yearly .pricing-badge{background:linear-gradient(135deg,#10b981,#059669)}.pricing-header{text-align:center;margin-bottom:30px}.pricing-header h3{font-size:1.5rem;font-weight:600;color:rgb(0,3,59);margin-bottom:10px;font-family:InkBrushArabic,serif}.pricing-header p{color:#64748b;font-family:InkBrushArabic,serif}.billing-toggle{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;margin-top:20px;max-width:200px;margin-left:auto;margin-right:auto}.toggle-btn{flex:1;padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:600;font-family:InkBrushArabic,serif;color:#64748b;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background:white;color:rgb(0,3,59);box-shadow:0 2px 8px rgba(0,135,255,.2)}.toggle-btn:hover:not(.active){color:#374151}.pricing-amount{text-align:center;margin-bottom:30px}.currency{font-size:1.5rem;color:#64748b;font-weight:600}.amount{font-size:3rem;font-weight:700;color:rgb(0,3,59);margin:0 5px}.amount,.period{font-family:InkBrushArabic,serif}.period{font-size:1rem;color:#64748b}.yearly-savings{margin-top:15px}.savings-badge{background:rgb(0,135,255);color:white;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;font-family:InkBrushArabic,serif;display:inline-block}.pricing-features{margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-family:InkBrushArabic,serif}.check-icon{color:#10b981;font-weight:700;font-size:1.2rem}.feature-item span:last-child{color:#374151;font-size:.95rem}.pricing-btn{width:1000px!important;padding:18px 40px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;font-family:InkBrushArabic,serif;cursor:pointer;transition:all .3s ease}.pricing-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white}.pricing-btn.secondary{background:linear-gradient(135deg,#10b981,#059669);color:white}.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-content{background:white;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e2e8f0}.dialog-header h3{font-size:1.5rem;font-weight:600;color:rgb(0,3,59);font-family:InkBrushArabic,serif;margin:0}.dialog-close{background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.dialog-close:hover{background:#f1f5f9;color:#64748b}.dialog-body{padding:30px}.dialog-description{text-align:center;color:#64748b;margin-bottom:30px;font-family:InkBrushArabic,serif;font-size:1.1rem}.property-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:30px}.property-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.property-option:hover{border-color:#3b82f6;transform:translateY(-2px)}.property-option.selected{border-color:#3b82f6;background:#eff6ff}.option-header{margin-bottom:15px}.option-count{font-size:2rem;font-weight:700;color:rgb(0,3,59);display:block}.option-count,.option-label{font-family:InkBrushArabic,serif}.option-label{font-size:.9rem;color:#64748b}.option-price{margin-bottom:10px}.price-amount{font-size:1.3rem;font-weight:600;color:#059669;display:block;font-family:InkBrushArabic,serif}.price-period{color:#94a3b8}.discount-badge,.price-period{font-size:.8rem;font-family:InkBrushArabic,serif}.discount-badge{background:#10b981;color:white;padding:4px 12px;border-radius:12px;font-weight:600;position:absolute;top:-8px;right:10px}.dialog-footer{display:flex;gap:15px;padding:25px 30px;border-top:1px solid #e2e8f0}.dialog-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:InkBrushArabic,serif;cursor:pointer;transition:all .3s ease}.dialog-btn-cancel{background:#f1f5f9;color:#64748b}.dialog-btn-cancel:hover{background:#e2e8f0}.dialog-btn-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white}.dialog-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(59,130,246,.3)}@media (max-width:768px){.pricing-section{padding:60px 0}.section-title{font-size:2rem}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-card.featured{transform:none}.property-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.dialog-content{margin:20px;max-height:calc(100vh - 40px)}.dialog-footer{flex-direction:column}}.pricing-section{direction:rtl;text-align:right}.pricing-section .section-description,.pricing-section .section-header,.pricing-section .section-title{text-align:center!important}.pricing-section .pricing-grid{display:flex!important;justify-content:center!important;align-items:center!important}.pricing-section .pricing-card{max-width:500px!important;width:100%!important}.lang-en .pricing-section,.pricing-section-en{direction:ltr!important;text-align:left!important}.lang-ar .pricing-section,.pricing-section-ar{direction:rtl!important;text-align:right!important}.pricing-section .amount,.pricing-section .billing-toggle,.pricing-section .check-icon,.pricing-section .currency,.pricing-section .dialog-body,.pricing-section .dialog-btn,.pricing-section .dialog-close,.pricing-section .dialog-content,.pricing-section .dialog-description,.pricing-section .dialog-footer,.pricing-section .dialog-header,.pricing-section .dialog-header h3,.pricing-section .dialog-overlay,.pricing-section .discount-badge,.pricing-section .feature-item,.pricing-section .option-count,.pricing-section .option-header,.pricing-section .option-label,.pricing-section .option-price,.pricing-section .period,.pricing-section .price-amount,.pricing-section .price-period,.pricing-section .pricing-amount,.pricing-section .pricing-badge,.pricing-section .pricing-card,.pricing-section .pricing-features,.pricing-section .pricing-grid,.pricing-section .pricing-header,.pricing-section .pricing-header h3,.pricing-section .pricing-header p,.pricing-section .property-option,.pricing-section .property-options,.pricing-section .savings-badge,.pricing-section .toggle-btn,.pricing-section .yearly-savings{direction:inherit!important;text-align:inherit!important}.lang-en .pricing-section .section-description,.lang-en .pricing-section .section-header,.lang-en .pricing-section .section-title,.pricing-section-en .section-description,.pricing-section-en .section-header,.pricing-section-en .section-title{direction:ltr!important;text-align:center!important}.lang-en .pricing-section .amount,.lang-en .pricing-section .billing-toggle,.lang-en .pricing-section .check-icon,.lang-en .pricing-section .currency,.lang-en .pricing-section .dialog-body,.lang-en .pricing-section .dialog-btn,.lang-en .pricing-section .dialog-close,.lang-en .pricing-section .dialog-content,.lang-en .pricing-section .dialog-description,.lang-en .pricing-section .dialog-footer,.lang-en .pricing-section .dialog-header,.lang-en .pricing-section .dialog-header h3,.lang-en .pricing-section .dialog-overlay,.lang-en .pricing-section .discount-badge,.lang-en .pricing-section .feature-item,.lang-en .pricing-section .option-count,.lang-en .pricing-section .option-header,.lang-en .pricing-section .option-label,.lang-en .pricing-section .option-price,.lang-en .pricing-section .period,.lang-en .pricing-section .price-amount,.lang-en .pricing-section .price-period,.lang-en .pricing-section .pricing-amount,.lang-en .pricing-section .pricing-badge,.lang-en .pricing-section .pricing-card,.lang-en .pricing-section .pricing-features,.lang-en .pricing-section .pricing-grid,.lang-en .pricing-section .pricing-header,.lang-en .pricing-section .pricing-header h3,.lang-en .pricing-section .pricing-header p,.lang-en .pricing-section .property-option,.lang-en .pricing-section .property-options,.lang-en .pricing-section .savings-badge,.lang-en .pricing-section .toggle-btn,.lang-en .pricing-section .yearly-savings,.pricing-section-en .amount,.pricing-section-en .billing-toggle,.pricing-section-en .check-icon,.pricing-section-en .currency,.pricing-section-en .dialog-body,.pricing-section-en .dialog-btn,.pricing-section-en .dialog-close,.pricing-section-en .dialog-content,.pricing-section-en .dialog-description,.pricing-section-en .dialog-footer,.pricing-section-en .dialog-header,.pricing-section-en .dialog-header h3,.pricing-section-en .dialog-overlay,.pricing-section-en .discount-badge,.pricing-section-en .feature-item,.pricing-section-en .option-count,.pricing-section-en .option-header,.pricing-section-en .option-label,.pricing-section-en .option-price,.pricing-section-en .period,.pricing-section-en .price-amount,.pricing-section-en .price-period,.pricing-section-en .pricing-amount,.pricing-section-en .pricing-badge,.pricing-section-en .pricing-card,.pricing-section-en .pricing-features,.pricing-section-en .pricing-grid,.pricing-section-en .pricing-header,.pricing-section-en .pricing-header h3,.pricing-section-en .pricing-header p,.pricing-section-en .property-option,.pricing-section-en .property-options,.pricing-section-en .savings-badge,.pricing-section-en .toggle-btn,.pricing-section-en .yearly-savings{direction:ltr!important;text-align:left!important}.lang-ar .pricing-section .section-description,.lang-ar .pricing-section .section-header,.lang-ar .pricing-section .section-title,.pricing-section-ar .section-description,.pricing-section-ar .section-header,.pricing-section-ar .section-title{direction:rtl!important;text-align:center!important}.lang-ar .pricing-section .amount,.lang-ar .pricing-section .billing-toggle,.lang-ar .pricing-section .check-icon,.lang-ar .pricing-section .currency,.lang-ar .pricing-section .dialog-body,.lang-ar .pricing-section .dialog-btn,.lang-ar .pricing-section .dialog-close,.lang-ar .pricing-section .dialog-content,.lang-ar .pricing-section .dialog-description,.lang-ar .pricing-section .dialog-footer,.lang-ar .pricing-section .dialog-header,.lang-ar .pricing-section .dialog-header h3,.lang-ar .pricing-section .dialog-overlay,.lang-ar .pricing-section .discount-badge,.lang-ar .pricing-section .feature-item,.lang-ar .pricing-section .option-count,.lang-ar .pricing-section .option-header,.lang-ar .pricing-section .option-label,.lang-ar .pricing-section .option-price,.lang-ar .pricing-section .period,.lang-ar .pricing-section .price-amount,.lang-ar .pricing-section .price-period,.lang-ar .pricing-section .pricing-amount,.lang-ar .pricing-section .pricing-badge,.lang-ar .pricing-section .pricing-card,.lang-ar .pricing-section .pricing-features,.lang-ar .pricing-section .pricing-grid,.lang-ar .pricing-section .pricing-header,.lang-ar .pricing-section .pricing-header h3,.lang-ar .pricing-section .pricing-header p,.lang-ar .pricing-section .property-option,.lang-ar .pricing-section .property-options,.lang-ar .pricing-section .savings-badge,.lang-ar .pricing-section .toggle-btn,.lang-ar .pricing-section .yearly-savings,.pricing-section-ar .amount,.pricing-section-ar .billing-toggle,.pricing-section-ar .check-icon,.pricing-section-ar .currency,.pricing-section-ar .dialog-body,.pricing-section-ar .dialog-btn,.pricing-section-ar .dialog-close,.pricing-section-ar .dialog-content,.pricing-section-ar .dialog-description,.pricing-section-ar .dialog-footer,.pricing-section-ar .dialog-header,.pricing-section-ar .dialog-header h3,.pricing-section-ar .dialog-overlay,.pricing-section-ar .discount-badge,.pricing-section-ar .feature-item,.pricing-section-ar .option-count,.pricing-section-ar .option-header,.pricing-section-ar .option-label,.pricing-section-ar .option-price,.pricing-section-ar .period,.pricing-section-ar .price-amount,.pricing-section-ar .price-period,.pricing-section-ar .pricing-amount,.pricing-section-ar .pricing-badge,.pricing-section-ar .pricing-card,.pricing-section-ar .pricing-features,.pricing-section-ar .pricing-grid,.pricing-section-ar .pricing-header,.pricing-section-ar .pricing-header h3,.pricing-section-ar .pricing-header p,.pricing-section-ar .property-option,.pricing-section-ar .property-options,.pricing-section-ar .savings-badge,.pricing-section-ar .toggle-btn,.pricing-section-ar .yearly-savings{direction:rtl!important;text-align:right!important}