.elementor-18258 .elementor-element.elementor-element-0a6a3ec{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b5121a1 */.dev-webinew-root{ --dev-webinew-primary:#0f4c81; --dev-webinew-primary-2:#1f76c2; --dev-webinew-accent:#ef3a4f; --dev-webinew-green:#eaf8ef; --dev-webinew-green-border:#38a169; --dev-webinew-red:#fff0f0; --dev-webinew-red-border:#e53e3e; --dev-webinew-blue:#eef6ff; --dev-webinew-blue-border:#3182ce; --dev-webinew-yellow:#fff9e8; --dev-webinew-yellow-border:#d69e2e; --dev-webinew-text:#1f2937; --dev-webinew-muted:#5f6b7a; --dev-webinew-bg:#f7fbff; --dev-webinew-white:#ffffff; --dev-webinew-border:#d7e3ef; --dev-webinew-shadow:0 12px 35px rgba(15,76,129,.10); --dev-webinew-radius:18px; direction:rtl;  color:var(--dev-webinew-text); line-height:2.1; background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%); } .dev-webinew-root *{box-sizing:border-box} .dev-webinew-container{max-width:1200px;margin:0 auto;padding:24px} .dev-webinew-hero{ background:linear-gradient(135deg,#0f4c81 0%,#1f76c2 55%,#5aa8e8 100%); color:#fff; border-radius:24px; padding:34px 28px; box-shadow:var(--dev-webinew-shadow); position:relative; overflow:hidden; } .dev-webinew-hero:before, .dev-webinew-hero:after{ content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.08); filter:blur(2px); } .dev-webinew-hero:before{width:220px;height:220px;left:-60px;top:-60px} .dev-webinew-hero:after{width:260px;height:260px;right:-80px;bottom:-90px} .dev-webinew-kicker{ display:inline-block; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.22); padding:6px 14px; border-radius:999px; font-size:13px; margin-bottom:12px; } .dev-webinew-title{ margin:0 0 12px; font-size:34px; line-height:1.5; color:#fff; } .dev-webinew-subtitle{ margin:0 0 18px; font-size:16px; color:#f2f8ff; } .dev-webinew-badges, .dev-webinew-stats{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; } .dev-webinew-badge, .dev-webinew-stat{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; border-radius:14px; padding:10px 14px; font-size:14px; } .dev-webinew-cta-row{ display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; } .dev-webinew-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; border-radius:14px; padding:12px 18px; font-weight:700; transition:.2s ease; } .dev-webinew-btn-primary{ background:#fff; color:var(--dev-webinew-primary); } .dev-webinew-btn-secondary{ background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.25); } .dev-webinew-btn-danger{ background:var(--dev-webinew-accent); color:#fff; } .dev-webinew-btn:hover{transform:translateY(-2px)} .dev-webinew-nav{ margin-top:20px; background:#fff; border:1px solid var(--dev-webinew-border); border-radius:18px; padding:14px; box-shadow:var(--dev-webinew-shadow); } .dev-webinew-nav ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px; } .dev-webinew-nav a{ text-decoration:none; color:var(--dev-webinew-primary); font-weight:700; background:#f1f7fd; padding:8px 12px; border-radius:12px; display:block; font-size:14px; } .dev-webinew-section{ margin-top:26px; background:var(--dev-webinew-white); border:1px solid var(--dev-webinew-border); border-radius:24px; padding:28px; box-shadow:var(--dev-webinew-shadow); } .dev-webinew-section h2{ margin:0 0 16px; color:var(--dev-webinew-primary); font-size:28px; line-height:1.6; } .dev-webinew-section h3{ margin:22px 0 10px; color:#143a5b; font-size:22px; line-height:1.7; } .dev-webinew-lead{ font-size:18px; color:#263548; } .dev-webinew-grid-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .dev-webinew-grid-3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .dev-webinew-card{ background:#fff; border:1px solid var(--dev-webinew-border); border-radius:20px; padding:22px; position:relative; overflow:hidden; } .dev-webinew-card-highlight{ border:2px solid var(--dev-webinew-primary-2); box-shadow:0 14px 35px rgba(31,118,194,.14); } .dev-webinew-ribbon{ position:absolute; top:14px; left:14px; background:var(--dev-webinew-accent); color:#fff; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:700; } .dev-webinew-price{ font-size:34px; font-weight:800; color:var(--dev-webinew-primary); line-height:1.4; margin:8px 0; } .dev-webinew-price small{ display:block; font-size:14px; color:var(--dev-webinew-muted); font-weight:400; } .dev-webinew-checklist, .dev-webinew-list{ padding-right:18px; margin:12px 0; } .dev-webinew-checklist li, .dev-webinew-list li{margin-bottom:8px} .dev-webinew-note{ background:#f5fbff; border-right:4px solid var(--dev-webinew-primary-2); padding:14px 16px; border-radius:14px; margin-top:14px; } .dev-webinew-box{ border-radius:18px; padding:18px 18px 16px; margin:18px 0; border:1px solid transparent; } .dev-webinew-box.box-tip{ background:var(--dev-webinew-green); border-color:var(--dev-webinew-green-border); } .dev-webinew-box.box-warning{ background:var(--dev-webinew-red); border-color:var(--dev-webinew-red-border); } .dev-webinew-box.box-important{ background:var(--dev-webinew-blue); border-color:var(--dev-webinew-blue-border); } .dev-webinew-box h3, .dev-webinew-box h4{margin-top:0} .dev-webinew-table{ width:100%; border-collapse:collapse; font-size:14px; min-width:760px; } .dev-webinew-table th, .dev-webinew-table td{ border:1px solid #dbe7f2; padding:12px 14px; text-align:right; vertical-align:top; } .dev-webinew-table thead th{ background:linear-gradient(135deg,#0f4c81,#1f76c2); color:#fff; font-weight:800; } .dev-webinew-table tbody tr:nth-child(odd){background:#f8fbfe} .dev-webinew-table tbody tr:nth-child(even){background:#ffffff} .dev-webinew-mini{ font-size:13px; color:var(--dev-webinew-muted); } .dev-webinew-figure{ margin:22px 0; background:#f8fbff; border:1px solid var(--dev-webinew-border); border-radius:20px; padding:14px; } .dev-webinew-figure img{ width:100%; height:auto; border-radius:14px; display:block; } .dev-webinew-figure figcaption{ margin-top:10px; color:#4c6078; font-size:14px; } .dev-webinew-steps{ counter-reset:step; list-style:none; padding:0; margin:16px 0; } .dev-webinew-steps li{ position:relative; padding:14px 70px 14px 14px; background:#f7fbff; border:1px solid var(--dev-webinew-border); border-radius:16px; margin-bottom:12px; } .dev-webinew-steps li:before{ counter-increment:step; content:counter(step); position:absolute; right:14px; top:14px; width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#0f4c81,#1f76c2); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; } .dev-webinew-quote{ margin:18px 0; padding:18px 20px; background:#f3f8fd; border-right:5px solid var(--dev-webinew-primary-2); border-radius:16px; color:#24364b; font-size:18px; } .dev-webinew-aside{ background:linear-gradient(180deg,#f6fbff 0%,#edf6ff 100%); border:1px solid var(--dev-webinew-border); border-radius:20px; padding:20px; } .dev-webinew-feature-chip{ display:inline-block; background:#edf6ff; color:var(--dev-webinew-primary); border:1px solid #c9def3; border-radius:999px; padding:6px 12px; margin:0 6px 8px 0; font-size:13px; font-weight:700; } .dev-webinew-details details{ border:1px solid var(--dev-webinew-border); border-radius:16px; padding:12px 16px; background:#fcfeff; margin-bottom:12px; } .dev-webinew-details summary{ cursor:pointer; font-weight:800; color:var(--dev-webinew-primary); } .dev-webinew-cta{ background:linear-gradient(135deg,#0f4c81,#1f76c2); color:#fff; text-align:center; border-radius:24px; padding:30px 24px; } .dev-webinew-cta h2, .dev-webinew-cta p{color:#fff} .dev-webinew-phone{ font-size:28px; font-weight:800; margin:12px 0; display:block; color:#fff; text-decoration:none; } .dev-webinew-footer{ text-align:center; color:#4a5b70; font-size:14px; padding:18px 0 4px; } .dev-webinew-table-note{ margin-top:10px; color:var(--dev-webinew-muted); font-size:13px; } .dev-webinew-icon-list{ list-style:none; padding:0; margin:0; } .dev-webinew-icon-list li{ background:#f8fbfe; border:1px solid var(--dev-webinew-border); border-radius:14px; padding:12px 14px; margin-bottom:10px; } .dev-webinew-divider{ height:1px; background:linear-gradient(90deg,transparent,#cfe0ef,transparent); margin:22px 0; } @media (max-width:992px){ .dev-webinew-grid-2,.dev-webinew-grid-3{grid-template-columns:1fr} .dev-webinew-title{font-size:28px} .dev-webinew-section{padding:22px} } @media (max-width:640px){ .dev-webinew-container{padding:14px} .dev-webinew-hero{padding:24px 18px} .dev-webinew-title{font-size:24px} .dev-webinew-section h2{font-size:24px} .dev-webinew-section h3{font-size:20px} .dev-webinew-price{font-size:28px} }/* End custom CSS */