casino online – آریان وب!

کاربران VIP | نسخه آزمایشی

سایت در حال بروز رسانی می باشد.

پنل کاربری

طراحی سایت

```css /* ========================================================= ARYAN WEB — DESIGN MEGA MENU FIXED 1200px / RTL / FLEX 3 COLUMNS ========================================================= */ .aw-mega-content{ direction:rtl; width:1200px!important; max-width:calc(100vw - 24px)!important; margin:-3px auto 0!important; padding:0!important; font-family:var(--aw-font); color:var(--aw-white); box-sizing:border-box; } .aw-mega-content *, .aw-mega-content *::before, .aw-mega-content *::after{ box-sizing:border-box; } /* ========================================================= WRAPPER ========================================================= */ .aw-mega-wrap{ width:100%!important; max-width:1200px!important; margin:0!important; padding:14px!important; background:rgba(18,18,18,.98); border:1px solid var(--aw-line); border-radius:18px; box-shadow:0 18px 50px rgba(0,0,0,.40); backdrop-filter:blur(15px); overflow:hidden; } /* ========================================================= 3 COLUMNS ستون اول = راست ستون دوم = وسط ستون سوم = چپ عرض: اول 37% وسط 26% سوم 37% هیچ ستونی اجازه افتادن به خط بعد ندارد. ========================================================= */ .aw-mega-grid{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:stretch!important; width:100%!important; max-width:100%!important; gap:12px!important; margin:0!important; padding:0!important; } /* ========================================================= COLUMNS ========================================================= */ .aw-mega-box{ min-width:0!important; max-width:none!important; margin:0!important; padding:14px!important; border:1px solid var(--aw-line); border-radius:15px; background:rgba(255,255,255,.025); flex-shrink:0!important; } /* ستون اول — راست */ .aw-mega-box:nth-child(1){ width:37%!important; flex:0 0 calc((100% - 24px) * .37)!important; } /* ستون دوم — وسط */ .aw-mega-box:nth-child(2){ width:26%!important; flex:0 0 calc((100% - 24px) * .26)!important; } /* ستون سوم — چپ */ .aw-mega-box:nth-child(3){ width:37%!important; flex:0 0 calc((100% - 24px) * .37)!important; } /* ========================================================= HEADINGS ========================================================= */ .aw-mega-heading{ display:flex; align-items:center; gap:8px; margin:0 0 12px; color:var(--aw-text-3); font-size:13px; font-weight:800; line-height:1.7; } .aw-mega-heading::before{ content:""; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:var(--aw-green); box-shadow:0 0 9px var(--aw-green-glow); } /* ========================================================= PLANS ========================================================= */ .aw-mega-plan{ position:relative; display:flex; align-items:center; gap:10px; width:100%!important; min-width:0; min-height:68px; padding:10px 11px; margin:0 0 8px; border:1px solid var(--aw-line); border-radius:12px; background:rgba(0,0,0,.22); text-decoration:none!important; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; } .aw-mega-plan:last-child{ margin-bottom:0; } .aw-mega-plan:hover{ transform:translateY(-2px); border-color:var(--aw-green-line); background:var(--aw-green-dim); box-shadow:0 9px 22px rgba(0,0,0,.20); } .aw-mega-plan--pro{ border-color:var(--aw-gold-line); } .aw-mega-plan--pro:hover{ border-color:var(--aw-gold); background:var(--aw-gold-dim); } /* PLAN ICON */ .aw-mega-plan-icon{ width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:10px; color:var(--aw-green-light); background:var(--aw-green-dim); border:1px solid var(--aw-green-line); } .aw-mega-plan--pro .aw-mega-plan-icon{ color:var(--aw-gold-light); background:var(--aw-gold-dim); border-color:var(--aw-gold-line); } .aw-mega-plan-icon svg{ width:19px; height:19px; } /* PLAN TEXT */ .aw-mega-plan-text{ min-width:0; flex:1 1 auto; } .aw-mega-plan-text strong{ display:block; margin-bottom:1px; color:#fff; font-size:15px; font-weight:800; line-height:1.6; } .aw-mega-plan-text span{ display:block; color:var(--aw-text-2); font-size:11px; line-height:1.7; } /* BADGE */ .aw-mega-plan-badge{ flex:0 0 auto; padding:4px 7px; border-radius:999px; color:var(--aw-green-light); background:var(--aw-green-dim); font-size:9px; font-weight:800; font-style:normal; white-space:nowrap; } .aw-mega-plan--pro .aw-mega-plan-badge{ color:var(--aw-gold-light); background:var(--aw-gold-dim); } /* ========================================================= MAIN WEBSITE LINKS ========================================================= */ .aw-mega-main-links{ display:flex; flex-direction:column; width:100%; gap:7px; } .aw-mega-main-link{ display:flex; align-items:center; justify-content:space-between; width:100%!important; min-width:0; min-height:59px; gap:7px; padding:9px 10px; border:1px solid var(--aw-line); border-radius:11px; color:var(--aw-text-1)!important; background:rgba(0,0,0,.18); text-decoration:none!important; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; } .aw-mega-main-link:hover{ transform:translateX(-3px); color:#fff!important; border-color:var(--aw-green-line); background:var(--aw-green-dim); box-shadow:0 7px 18px rgba(0,0,0,.17); } .aw-mega-main-link-content{ display:flex; align-items:center; gap:8px; min-width:0; flex:1; } .aw-mega-main-icon{ width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:8px; color:var(--aw-green-light); background:var(--aw-green-dim); border:1px solid var(--aw-green-line); } .aw-mega-main-icon svg{ width:15px; height:15px; } .aw-mega-main-text{ min-width:0; flex:1; } .aw-mega-main-text strong{ display:block; color:#fff; font-size:13px; font-weight:800; line-height:1.6; white-space:nowrap; } .aw-mega-main-text span{ display:block; color:var(--aw-text-2); font-size:10px; line-height:1.7; white-space:nowrap; } .aw-mega-arrow{ flex:0 0 auto; color:var(--aw-text-3); font-size:15px; transition:.22s ease; } .aw-mega-main-link:hover .aw-mega-arrow{ color:var(--aw-green-light); transform:translateX(-3px); } /* ========================================================= COLUMN 3 ========================================================= */ .aw-mega-actions{ display:flex; flex-direction:column; width:100%; gap:8px; } .aw-mega-action{ display:block; width:100%!important; padding:12px; border:1px solid var(--aw-line); border-radius:11px; background:rgba(255,255,255,.02); text-decoration:none!important; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; } .aw-mega-action:hover{ transform:translateY(-2px); border-color:var(--aw-green-line); background:var(--aw-green-dim); box-shadow:0 9px 22px rgba(45,162,110,.08); } .aw-mega-action--gold:hover{ border-color:var(--aw-gold-line); background:var(--aw-gold-dim); } .aw-mega-action-title{ display:flex; align-items:center; gap:7px; margin-bottom:3px; color:#fff; font-size:13px; font-weight:800; line-height:1.7; } .aw-mega-action-title::before{ content:""; width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:var(--aw-green); } .aw-mega-action--gold .aw-mega-action-title::before{ background:var(--aw-gold); } .aw-mega-action-description{ display:block; color:var(--aw-text-2); font-size:10.5px; line-height:1.8; } /* ALL TYPES */ .aw-mega-all-types{ display:flex; align-items:center; justify-content:space-between; width:100%!important; gap:8px; padding:10px 11px; border:1px dashed var(--aw-green-line); border-radius:10px; color:var(--aw-green-light)!important; background:rgba(45,162,110,.045); font-size:11px; font-weight:800; text-decoration:none!important; transition:.22s ease; } .aw-mega-all-types:hover{ color:#fff!important; background:var(--aw-green-dim); border-color:var(--aw-green); } /* ========================================================= CONSULTATION ========================================================= */ .aw-mega-consult{ display:flex; align-items:center; justify-content:space-between; width:100%!important; gap:18px; margin-top:11px; padding:12px 14px; border:1px solid var(--aw-green-line); border-radius:13px; background: linear-gradient( 90deg, rgba(45,162,110,.11), rgba(255,255,255,.025) ); } .aw-mega-consult-content{ min-width:0; flex:1; } .aw-mega-consult-title{ display:block; margin-bottom:2px; color:#fff; font-size:13px; font-weight:800; line-height:1.7; } .aw-mega-consult-text{ display:block; color:var(--aw-text-2); font-size:10.5px; line-height:1.8; } .aw-mega-phone{ display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; min-height:40px; padding:8px 15px; border-radius:9px; color:#fff!important; background:var(--aw-green); box-shadow:0 7px 18px rgba(45,162,110,.18); font-size:11.5px; font-weight:800; white-space:nowrap; text-decoration:none!important; transition:.22s ease; } .aw-mega-phone:hover{ transform:translateY(-2px); background:#36b97f; box-shadow:0 10px 24px rgba(45,162,110,.30); } .aw-mega-phone svg{ width:15px; height:15px; } /* ========================================================= TABLET ========================================================= */ @media(max-width:900px){ .aw-mega-content{ width:100%!important; max-width:calc(100vw - 20px)!important; margin:0 auto!important; } .aw-mega-grid{ flex-wrap:wrap!important; } .aw-mega-box:nth-child(1){ width:100%!important; flex:0 0 100%!important; } .aw-mega-box:nth-child(2), .aw-mega-box:nth-child(3){ width:calc(50% - 6px)!important; flex:0 0 calc(50% - 6px)!important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:620px){ .aw-mega-content{ width:100%!important; max-width:calc(100vw - 12px)!important; margin:0 auto!important; } .aw-mega-wrap{ padding:10px!important; border-radius:15px; } .aw-mega-grid{ flex-direction:column!important; flex-wrap:nowrap!important; gap:9px!important; } .aw-mega-box:nth-child(1), .aw-mega-box:nth-child(2), .aw-mega-box:nth-child(3){ width:100%!important; flex:0 0 auto!important; } .aw-mega-box{ padding:11px!important; } .aw-mega-plan-text strong{ font-size:14px; } .aw-mega-main-text strong{ font-size:13px; white-space:normal; } .aw-mega-main-text span{ font-size:10px; white-space:normal; } .aw-mega-consult{ flex-direction:column; align-items:stretch; gap:9px; } .aw-mega-phone{ width:100%; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media(max-width:400px){ .aw-mega-plan-badge{ display:none; } } ```
برنامه نویسی
منوی دیجیتال
سئو

پکیج کامل سئو

سئو ی تکنیکال، سئو یداخلی، سئو ی خارجی

تولید محتوا

ایجاد متنی مفید و بهینه برای جذب کاربران و بهبود رتبه در جستجوها

ریپورتاژ آگهی

در سایت‌های معتبر با هدف معرفی برند و بهبود رتبه سایت از طریق لینک‌سازی
ریپورتاژ