<style> .cardial-wrap{max-width:1200px;margin:0 auto;padding:24px 16px;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;direction:rtl} .cardial-banner{border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;background:#0f1627;color:#fff} .cardial-banner-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;padding:22px} .cardial-title{margin:0 0 8px;font-size:28px;line-height:1.2} .cardial-desc{margin:0;color:rgba(255,255,255,.75);line-height:1.8} .cardial-cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap} .cardial-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.06)} .cardial-btn.primary{background:#d6b36a;color:#111;border-color:rgba(214,179,106,.6)} .cardial-media{height:200px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:url("https://cdn.files.salla.network/homepage/1342131271/86200f86-c39d-4b2b-bacd-489fb9dcf717.webp") center/cover no-repeat} .cardial-section{margin-top:14px;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;background:#fff} .cardial-head{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;gap:10px;align-items:center} .cardial-head h2{margin:0;font-size:16px} .cardial-head p{margin:0;color:rgba(0,0,0,.6);font-size:13px} .cardial-grid{padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .cardial-action{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;text-decoration:none;color:#111;background:#fafafa} .cardial-action strong{display:block;margin-bottom:6px} .cardial-action span{color:rgba(0,0,0,.6);font-size:13px;line-height:1.6} @media (max-width:980px){.cardial-banner-inner{grid-template-columns:1fr}.cardial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:520px){.cardial-grid{grid-template-columns:1fr}.cardial-btn{width:100%}} </style>