:root{
  --brand:#3755ae;         /* بنفش اصلی */
  --brand-2:#22c55e;       /* سبز */
  --brand-3: #e0aa42;       /* زرد */
  --ink:#0f172a;           /* slate-900 */
  --muted:#64748b;         /* slate-500 */
  --bg:#0b1020;            /* پس‌زمینه تیره لوکس */
  --card:#0f172a;          /* کارت */
  --grad:linear-gradient(135deg, rgba(99,91,255,.12), rgba(34,197,94,.12));
  --glass-bg:rgba(15,23,42,1);
  --glass-br:rgba(148,163,184,.10);
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

@font-face {
  font-family: 'Vazirmatn';
  src:url("../fonts/Vazir-Medium-FD-WOL.woff")  format('woff');
}

html, body{
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(99,91,255,.15), transparent 60%),
    radial-gradient(800px 600px at 20% 110%, rgba(34,197,94,.15), transparent 60%),
    var(--bg);
  color:#e2e8f0;
  font-family:'Vazirmatn', system-ui, sans-serif;
  scroll-behavior:smooth;
}

.navbar{
  background:rgba(11,16,32,.6);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--glass-br);
}

.nav-item li
{
  padding: 10px 0px;
}
.whitecolor
{
  color:#ffffff;
}

/* آیکون‌های منو */
.navbar .nav-link i,
.navbar .dropdown-item i,
.offcanvas .nav-link i,
.offcanvas .dropdown-item i { opacity:.95; vertical-align:middle; }
.dropdown-item i { width:1.25em; display:inline-block; }

.offcanvas { color:#fff; transition:none; }

.btn-brand{ background:var(--brand); color:#fff; border:none; }
.btn-brand:hover{ background:#5149ff;color:#ffffff; }
.btn-ghost{ background:transparent; border:1px solid rgba(148,163,184,.3); color:#e2e8f0; }
.btn-ghost:hover{ border:none; background:var(--brand); color:#ffffff}

.hero{ position:relative; overflow:hidden; }
.hero::after{ content:""; position:absolute; inset:-2px; background:var(--grad); filter:blur(60px); z-index:0; }
.hero .container{ position:relative; z-index:1; }

.badge-soft{ background:rgba(99,91,255,.15); color:#c7d2fe; border:1px solid rgba(99,91,255,.35); }
.card-glass{ background:var(--glass-bg); border:1px solid var(--glass-br); box-shadow:var(--shadow);}
#features .card-glass{ align-items: center ; }
.section{ padding:80px 0; }
.section-sm{ padding:48px 0; }
.heading-1{ font-weight:800; letter-spacing:-.5px; }
.subtle{ color:#94a3b8; }
.feature-icon{ width:52px; height:52px; display:inline-grid; place-items:center; border-radius:14px; background:rgba(99,91,255,.15); border:1px solid rgba(99,91,255,.35); }
.price{ font-size:44px; font-weight:800; }
.bg-grid{
  background-image:linear-gradient(var(--glass-br) 1px, transparent 1px), linear-gradient(90deg, var(--glass-br) 1px, transparent 1px);
  background-size:28px 28px; background-position:center;
}
.plan-popular{ border-color:rgba(99,91,255,.7) !important; box-shadow:0 0 0 3px rgba(99,91,255,.2), var(--shadow); }
.domain-pill{ background:rgba(15,23,42,.5); border:1px solid rgba(148,163,184,.35); }
.list-check i{ margin-left:.5rem; }
.divider{ height:1px; background:var(--glass-br); }
.footer{ background:#0a0f1e; border-top:1px solid var(--glass-br); }
a{ color:#94a3b8; }
a:hover{ color:#fff; }

/* منوی موبایل کشویی (Offcanvas + افکت) */
.offcanvas-custom{
  background:rgba(5,8,18,.9);
  backdrop-filter:blur(12px);
  border-inline-start:1px solid var(--glass-br);
}
.offcanvas-header .navbar-brand{ font-weight:700; }
.offcanvas.show{ animation:slideIn .35s ease forwards; }
@keyframes slideIn{
  from{ transform:translateX(100%); opacity:.3; }
  to{ transform:translateX(0); opacity:1; }
}

.subtle a{ text-decoration:none; }
.reveal span, .reveal i, .reveal div *{ color:white; }

/* انیمیشن اسکرول */
.reveal{ opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
.reveal.in{ opacity:1; transform:none; }

.accordion-header .accordion-button{ color:#000; }
.w-100{ width:100% !important;}
.brandcolor { background: var(--brand);}
.intro { background: transparent;  }
.img-intro{ width: 400px;}
.title{font-size: 2.5rem;text-align: center;}
.subtitle{font-size: 1.2rem;color: #e0aa42;font-weight: bold;text-align: center;}
.description { font-size: 1.1rem;text-align: justify;}
.rightside { justify-content: center;align-content: center}
.des-none{display: none;}
.mob-none{display: block;}
.item-services .menu-slider .item {
  background: #ffffff;
  padding: 20px 5px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
  color:#000000;
}
.owl-stage-outer
{
  background: transparent;
  border-radius: 10px;
}
.owl-stage{
  background: #ffffff;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.item-services .menu-slider .item:hover {
  background: #007bff;
  color: #fff;
  border-radius: 0px;
}
.item-services .owl-nav button.owl-prev {
  right: 0px;
  position: absolute;
  top: 0.875rem;
  color: #fff !important;
  width: 2rem;
  height: 2rem;
  background-color: var(--brand) !important;
  border: 0.0625rem solid #eef0f6;
}

.item-services .owl-nav button.owl-next {
  left: 0px;
  position: absolute;
  top: 0.9375rem;
  color: #fff !important;
  width: 2rem;
  height: 2rem;
  background-color: var(--brand) !important;
  border: 0.0625rem solid #eef0f6;
}
.item-services{
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.item-servicesplan .owl-nav button.owl-prev {
  right: 0px;
  position: absolute;
  top: 0.875rem;
  color: #fff !important;
  width: 2rem;
  height: 2rem;
  background-color: var(--brand) !important;
  border: 0.0625rem solid #eef0f6;
}

.item-servicesplan .owl-nav button.owl-next {
  left: 0px;
  position: absolute;
  top: 0.9375rem;
  color: #fff !important;
  width: 2rem;
  height: 2rem;
  background-color: var(--brand) !important;
  border: 0.0625rem solid #eef0f6;
}
.item-servicesplan .item {
  background: #ffffff;
  border-radius: 10px;
}

.item-servicesplan .owl-stage
{
  background: transparent;
}
.item-servicesplan .row *
{
  color:var(--brand)
}
.whitecolor{
  color:#ffffff !important;
}
.servicelogo {
  text-align: center;
  padding: 8px;
  border: 1px solid #D8DFF3;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 #4c56861a;
  min-width: 70px;
  max-width: 75px;
  height: 70px;
  display: flex;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 25px;
}
.price {
  font-size:25px;
}
.item-servicesplan .owl-nav button.owl-prev{ right:-50px; width:2.5rem; height: 2.5rem; top:45%;border-radius: 10px;}
.item-servicesplan .owl-nav button.owl-next{ left: -50px; width: 2.5rem ; height: 2.5rem; top:45%;border-radius: 10px;}
.switch { border-radius: 10px; background: #ffffff}
.switch span { color:#000000}
.switch .form-switch{padding-right: 3rem;}
@media screen and (max-width: 768px)
{
  .mt-mobile-3 {margin-top:1rem;}
  .title{margin-top:25px;}
  .des-none{display: block;}
  .mob-none{display: none;}
  .text-center-mobile{text-align:center;}
  .w-100-mobile{ width:100%;}
  .item-servicesplan .owl-nav button.owl-next{display: none;}
  .item-servicesplan .owl-nav button.owl-prev{ display: none;}
  .intro{ padding: 0 !important; padding-bottom: 2rem !important;padding-top: 2rem !important;}
}
.section-title { font-weight: 800; letter-spacing: -0.5px; }
.card-pricing { background: #0b1220; border: 1px solid rgba(148,163,184,0.2); }
.card-pricing .price { font-size: 2rem; font-weight: 800; }
.badge-save { background: #22c55e; }
.feature-icon { display: inline-flex; align-items: center; justify-content: center; }
.table thead th { background: var(--brand); color: #ffffff; position: sticky; top: 0; z-index: 2; }
.table tbody td, .table thead th { vertical-align: middle; }
.table-wrapper { border: 1px solid rgba(148,163,184,0.2); border-radius: 1rem;}
.plan-head { background: linear-gradient(180deg, rgba(165,180,252,0.18), rgba(99,102,241,0.1)); }
.check { color: #22c55e; }
.xmark { color: #ef4444; }
.muted { color: #94a3b8; }
.table>:not(caption)>*>* { background-color: transparent; }
.table td , .table th {padding: 1.6rem;background: #ffffff}
.bold{font-weight: bold;}
.plans .table tbody td, .table thead th {
  --bs-table-color-type: var(--brand);
}
#Description h3 {padding: 10px 0px}
.brandcolor3{ background: var(--brand-3); color:#ffffff !important;border-radius: 0.375rem;}
.justify-text { text-align: justify}
.contact-form{height:100%;color:#ffffff;max-width:720px;padding:30px;border-radius:0.375rem;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.is-hidden{display:none!important}
.contactus input::placeholder, .contactus textarea::placeholder {
  color: #000000;
  opacity: 0.5 !important;
}
.blackcolor {
  color:#000000;
  margin:8px 0px;
}
.link {color:#000000;text-decoration: none}
.clearfix{
  display: block;
  clear: both;
  content: "";
}
.featurelist div{
  opacity: 0.6;
}
.h4 span{
  font-size: 1.2rem;
}