
:root{--cw-purple:#7139e6;--cw-purple2:#8b5cf6;--cw-dark:#050816;--cw-text:#171827;--cw-muted:#686a78;--cw-border:#e9e7f1;--cw-soft:#faf9ff}
.cw-page{font-family:Vazirmatn,Tahoma,Arial,sans-serif;direction:rtl;color:var(--cw-text)}
.cw-page *{box-sizing:border-box}
.cw-page .elementor-widget-container{margin:0}
.cw-shell{width:min(1200px,92%);margin:auto}
.cw-hero{background:radial-gradient(circle at 75% 30%,rgba(113,57,230,.20),transparent 35%),#050816;color:#fff}
.cw-nav{border-bottom:1px solid rgba(255,255,255,.09)}
.cw-nav .cw-shell{min-height:72px;display:flex;align-items:center;justify-content:space-between}
.cw-logo{font-size:25px;font-weight:900;letter-spacing:-1px}.cw-logo b{color:#8b5cf6}
.cw-navlinks{display:flex;gap:34px;align-items:center}.cw-navlinks a{color:#fff;text-decoration:none;font-size:12px}.cw-navlinks a.active{color:#9b6cff}
.cw-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding:70px 0 48px}
.cw-hero h1{font-size:45px;line-height:1.55;margin:0 0 18px;font-weight:900}.cw-hero h1 span{color:#8b5cf6}
.cw-hero p{color:#c8c8d4;font-size:13px;line-height:2.1}
.cw-actions{display:flex;gap:12px;margin-top:25px}
.cw-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700}
.cw-primary{background:#7139e6;color:#fff}.cw-outline{border:1px solid #66697b;color:#fff}
.cw-hero-art{min-height:360px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,#0e1327,#060914);position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.3)}
.cw-chart{position:absolute;inset:55px 35px 55px 35px}.cw-chart svg{width:100%;height:100%}.cw-seo-badge{position:absolute;right:34px;top:30px;width:110px;height:110px;border:7px solid #7139e6;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:900;background:#0a0e1c;box-shadow:0 0 40px rgba(113,57,230,.35)}
.cw-score{position:absolute;left:30px;bottom:28px;padding:15px 20px;border-radius:12px;background:#101426;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px rgba(0,0,0,.25)}.cw-score small{display:block;color:#aaa;font-size:10px}.cw-score strong{font-size:30px;color:#8b5cf6}.cw-section{padding:55px 0}.cw-section.soft{background:#fbfaff}.cw-title{text-align:center;margin-bottom:28px}.cw-title .eyebrow{color:#7139e6;font-size:11px;font-weight:800}.cw-title h2{font-size:27px;margin:7px 0}.cw-title p{color:#777;font-size:11px}
.cw-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cw-card{border:1px solid var(--cw-border);border-radius:14px;background:#fff;padding:25px;box-shadow:0 10px 30px rgba(30,20,80,.04)}.cw-card.soft{background:#fbfaff}.cw-card.dark{background:#070b16;color:#fff;border-color:#7139e6;box-shadow:0 15px 45px rgba(113,57,230,.18)}
.cw-card h3{font-size:16px;margin:0 0 12px}.cw-card p,.cw-card li{font-size:11px;line-height:2;color:#777}.cw-card.dark p,.cw-card.dark li{color:#ddd}
.cw-services{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cw-service{padding:22px 12px;border:1px solid var(--cw-border);border-radius:12px;text-align:center;background:#fff}.cw-service .ico{font-size:29px;color:#7139e6}.cw-service h3{font-size:12px;margin:10px 0 6px}.cw-service p{font-size:9px;color:#777;line-height:1.8}
.cw-process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}.cw-process:before{content:"";position:absolute;top:27px;left:6%;right:6%;border-top:1px dashed #b99cff}.cw-step{text-align:center;position:relative;z-index:1}.cw-num{width:54px;height:54px;margin:auto;border-radius:50%;background:#7139e6;color:#fff;display:grid;place-items:center;font-weight:800}.cw-step h3{font-size:12px;margin:10px 0 4px}.cw-step p{font-size:9px;color:#777}
.cw-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cw-price{text-align:center}.cw-price .amount{color:#7139e6;font-size:22px;font-weight:900}.cw-price ul{padding:0;list-style:none;text-align:right}.cw-price li{padding:6px 0;font-size:10px}.cw-price li:before{content:"✓";color:#7139e6;margin-left:7px}
.cw-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cw-result{border:1px solid var(--cw-border);border-radius:12px;padding:18px;background:#fff}.cw-result h3{font-size:12px}.cw-result strong{color:#7139e6;font-size:22px}.cw-mini-chart{height:55px;margin-top:10px}.cw-mini-chart svg{width:100%;height:100%}
.cw-guide{background:#fbfaff;border:1px solid #eeeafd;border-radius:18px;padding:30px}.cw-guide-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.cw-guide img{width:100%;height:230px;object-fit:cover;border-radius:12px}
.cw-portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cw-portfolio .item{border:1px solid var(--cw-border);border-radius:12px;padding:10px;background:#fff}.cw-portfolio .thumb{height:95px;border-radius:8px;background:linear-gradient(135deg,#eee9ff,#fff);display:grid;place-items:center}.cw-portfolio h3{font-size:10px;margin:8px}.cw-portfolio p{font-size:9px;color:#777;margin:8px}
.cw-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cw-faq details{border:1px solid var(--cw-border);border-radius:9px;background:#fff;padding:12px 16px}.cw-faq summary{cursor:pointer;font-size:11px;font-weight:700}.cw-faq p{font-size:10px;color:#777;line-height:1.9}
.cw-final{background:linear-gradient(110deg,#09061d,#321078,#6d31e5);border-radius:18px;color:#fff;padding:40px;position:relative;overflow:hidden}.cw-final h2{font-size:26px;margin:0 0 8px}.cw-final p{color:#ddd;font-size:11px}.cw-footer{background:#050816;color:#fff;padding:40px 0}.cw-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.cw-footer h3{font-size:13px}.cw-footer p,.cw-footer a{font-size:10px;color:#aaa;text-decoration:none;line-height:2.1}.cw-footer .brand{font-size:25px;font-weight:900}.cw-footer .brand b{color:#8b5cf6}
@media(max-width:900px){.cw-hero-grid{grid-template-columns:1fr}.cw-services{grid-template-columns:repeat(3,1fr)}.cw-process{grid-template-columns:repeat(3,1fr);row-gap:25px}.cw-process:before{display:none}.cw-results,.cw-portfolio{grid-template-columns:repeat(2,1fr)}.cw-guide-grid{grid-template-columns:1fr 1fr}.cw-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cw-navlinks{display:none}.cw-hero-grid{padding:45px 0 30px}.cw-hero h1{font-size:31px}.cw-two,.cw-pricing,.cw-faq,.cw-guide-grid{grid-template-columns:1fr}.cw-services{grid-template-columns:repeat(2,1fr)}.cw-process{grid-template-columns:repeat(2,1fr)}.cw-results,.cw-portfolio{grid-template-columns:1fr}.cw-final{padding:28px 20px}.cw-footer-grid{grid-template-columns:1fr}.cw-hero-art{min-height:290px}}


/* ===============================
   CWall — Services Section
   مناسب برای Elementor HTML Widget
   =============================== */

500;600;700&display=swap');

.cwall-services-section{
  --cw-purple:#7138e6;
  --cw-title:#151622;
  --cw-text:#6c6d78;
  --cw-border:#e8e5f2;
  --cw-card-bg:#ffffff;

  width:100%;
  background:#fff;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  direction:rtl;
  box-sizing:border-box;
  padding:28px 0 34px;
}

.cwall-services-section *,
.cwall-services-section *::before,
.cwall-services-section *::after{
  box-sizing:border-box;
}

.cwall-services-wrap{
  width:min(1045px,calc(100% - 48px));
  margin:0 auto;
}

.cwall-services-heading{
  text-align:center;
  margin:0 0 18px;
}

.cwall-services-heading h2{
  margin:0;
  padding:0;
  color:var(--cw-title);
  font-size:21px;
  line-height:1.6;
  font-weight:700;
  letter-spacing:-.35px;
}

.cwall-services-heading span{
  display:block;
  width:36px;
  height:3px;
  margin:7px auto 0;
  background:var(--cw-purple);
  border-radius:20px;
}

.cwall-services-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:17px;
  align-items:stretch;
}

.cwall-service-card{
  min-width:0;
  height:166px;
  padding:17px 13px 13px;
  background:var(--cw-card-bg);
  border:1px solid var(--cw-border);
  border-radius:11px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.cwall-service-card:hover{
  transform:translateY(-3px);
  border-color:#d7c9fa;
  box-shadow:0 9px 24px rgba(92,52,180,.09);
}

.cwall-service-icon{
  width:53px;
  height:53px;
  margin:0 auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--cw-purple);
  flex:none;
}

.cwall-service-icon svg{
  width:49px;
  height:49px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cwall-service-card h3{
  margin:0 0 7px;
  padding:0;
  color:#171821;
  font-size:12.5px;
  line-height:1.55;
  font-weight:700;
  white-space:nowrap;
}

.cwall-service-card p{
  width:100%;
  margin:0;
  padding:0 3px;
  color:var(--cw-text);
  font-size:8.8px;
  line-height:1.9;
  font-weight:400;
}

/* تبلت */
@media (max-width:1000px){
  .cwall-services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    row-gap:15px;
  }

  .cwall-service-card{
    height:170px;
  }
}

/* موبایل */
@media (max-width:600px){
  .cwall-services-section{
    padding:24px 0 28px;
  }

  .cwall-services-wrap{
    width:calc(100% - 28px);
  }

  .cwall-services-heading h2{
    font-size:18px;
  }

  .cwall-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }

  .cwall-service-card{
    height:166px;
    padding:15px 9px 11px;
  }

  .cwall-service-icon{
    width:48px;
    height:48px;
    margin-bottom:7px;
  }

  .cwall-service-icon svg{
    width:44px;
    height:44px;
  }

  .cwall-service-card h3{
    font-size:11.5px;
  }

  .cwall-service-card p{
    font-size:8.2px;
  }
}


500;600;700&display=swap');

.cwall-process-section{
  width:100%;
  background:#fff;
  direction:rtl;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  padding:25px 0 38px;
  overflow:hidden;
}

.cwall-process-section *,
.cwall-process-section *::before,
.cwall-process-section *::after{
  box-sizing:border-box;
}

.cwall-process-wrap{
  width:min(1040px,calc(100% - 50px));
  margin:0 auto;
}

.cwall-process-heading{
  text-align:center;
  margin:0 0 18px;
}

.cwall-process-heading h2{
  margin:0;
  color:#151622;
  font-size:22px;
  line-height:1.6;
  font-weight:700;
  letter-spacing:-.35px;
}

.cwall-process-heading span{
  display:block;
  width:36px;
  height:3px;
  margin:7px auto 0;
  border-radius:10px;
  background:#7138e6;
}

/* خط اتصال مراحل */
.cwall-process{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  column-gap:18px;
  align-items:start;
  padding-top:0;
}

.cwall-process::before{
  content:"";
  position:absolute;
  top:24px;
  right:7%;
  left:7%;
  height:1px;
  background:#c9aaff;
  z-index:0;
}

/* هر مرحله */
.cwall-step{
  position:relative;
  z-index:1;
  min-width:0;
  text-align:center;
}

/* دایره شماره */
.cwall-step-top{
  height:49px !important;
  min-height:49px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 49px !important;
}

.cwall-step-number{
  /* جلوگیری از Override شدن توسط Elementor/Theme */
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  aspect-ratio:1 / 1 !important;
  display:flex !important;
  flex:0 0 38px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#7138e6 !important;
  color:#fff !important;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:38px !important;
  text-align:center !important;
  box-shadow:0 2px 7px rgba(113,56,230,.18);
  overflow:hidden !important;
  box-sizing:border-box !important;
}

/* آیکون */
.cwall-step-icon{
  width:40px;
  height:40px;
  margin:4px auto 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7138e6;
}

.cwall-step-icon svg{
  width:36px;
  height:36px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cwall-step h3{
  margin:0 0 7px;
  color:#161721;
  font-size:12px;
  line-height:1.7;
  font-weight:700;
}

.cwall-step p{
  max-width:145px;
  margin:0 auto;
  color:#777785;
  font-size:9px;
  line-height:1.95;
  font-weight:400;
}

/* Hover بسیار ظریف */
.cwall-step-number{
  transition:transform .2s ease,box-shadow .2s ease;
}

.cwall-step:hover .cwall-step-number{
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(113,56,230,.25);
}

.cwall-step-icon{
  transition:transform .2s ease;
}

.cwall-step:hover .cwall-step-icon{
  transform:translateY(-1px);
}

/* Tablet */
@media(max-width:900px){
  .cwall-process-wrap{
    width:calc(100% - 36px);
  }

  .cwall-process{
    grid-template-columns:repeat(3,1fr);
    row-gap:35px;
  }

  .cwall-process::before{
    display:none;
  }

  .cwall-step h3{
    font-size:12px;
  }

  .cwall-step p{
    font-size:9px;
  }
}

/* Mobile */
@media(max-width:600px){
  .cwall-process-section{
    padding:24px 0 32px;
  }

  .cwall-process-wrap{
    width:calc(100% - 28px);
  }

  .cwall-process-heading h2{
    font-size:18px;
  }

  .cwall-process{
    grid-template-columns:repeat(2,1fr);
    gap:28px 12px;
  }

  .cwall-step h3{
    font-size:11.5px;
  }

  .cwall-step p{
    max-width:140px;
    font-size:8.5px;
  }
}


.cw{direction:rtl;font-family:Vazirmatn,Tahoma,Arial,sans-serif;max-width:1120px;margin:35px auto;color:#151528}
.cw *{box-sizing:border-box}.cw-card{display:grid;grid-template-columns:46% 54%;border:1px solid #eadfff;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 45px rgba(74,35,150,.08)}
.cw-info{background:#faf8ff;padding:52px 46px;position:relative}.cw-info:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;background:radial-gradient(circle,rgba(116,55,235,.10),transparent 68%);pointer-events:none}
.cw-tag{color:#7338e8;font-size:14px;font-weight:700;margin-bottom:12px}.cw-title{font-size:34px;line-height:1.5;margin:0 0 14px;font-weight:800}.cw-title b{color:#7135e7}.cw-desc{font-size:14px;line-height:2;color:#686879;margin:0 0 30px}
.cw-points{display:grid;gap:22px}.cw-point{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.cw-ico{width:42px;height:42px;border-radius:13px;border:1px solid #e2d5ff;background:#fff;color:#7034e7;display:grid;place-items:center;font-size:19px;font-weight:800;box-shadow:0 5px 15px rgba(87,43,174,.08)}.cw-point h4{margin:2px 0 5px;font-size:15px}.cw-point p{margin:0;color:#77778a;font-size:12px;line-height:1.9}
.cw-form{padding:48px 50px}.cw-form h3{margin:0 0 8px;font-size:27px}.cw-form>p{margin:0 0 25px;color:#77778a;font-size:13px;line-height:1.9}.cw-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.cw-field{display:grid;gap:7px}.cw-field.full{grid-column:1/-1}.cw-field label{font-size:13px;font-weight:700}.cw-field label i{font-style:normal;color:#7135e7}.cw-field input,.cw-field textarea{width:100%;border:1px solid #e2d9f0;border-radius:11px;padding:13px 14px;font:inherit;font-size:13px;outline:0;background:#fff}.cw-field input{height:49px}.cw-field textarea{height:90px;resize:none}.cw-field input:focus,.cw-field textarea:focus{border-color:#7738ed;box-shadow:0 0 0 3px rgba(119,56,237,.09)}.cw-btn{width:100%;height:51px;border:0;border-radius:11px;background:linear-gradient(135deg,#7938ee,#6326d5);color:#fff;font:700 14px Vazirmatn,Tahoma;cursor:pointer;box-shadow:0 9px 20px rgba(103,42,219,.2);transition:.2s}.cw-btn:hover{transform:translateY(-2px)}.cw-note{text-align:center!important;font-size:11px!important;margin:11px 0 0!important;color:#aaa!important}
@media(max-width:850px){.cw-card{grid-template-columns:1fr}.cw-info,.cw-form{padding:35px 25px}.cw-fields{grid-template-columns:1fr}.cw-field.full{grid-column:auto}}


    .cwall-results-widget{
      --purple:#7138e6;
      --purple-2:#8d5cf0;
      --text:#15151d;
      --muted:#8b8895;
      --border:#e8e4f1;
      --card-bg:#ffffff;
      width:100%;
      max-width:1080px;
      margin:0 auto;
      box-sizing:border-box;
      font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
      color:var(--text);
    }

    .cwall-results-widget *{
      box-sizing:border-box;
    }

    .cwall-results-title{
      margin:0 0 14px;
      text-align:center;
      font-size:20px;
      line-height:1.5;
      font-weight:800;
      color:#111118;
    }

    .cwall-results-title::after{
      content:"";
      display:block;
      width:38px;
      height:3px;
      margin:5px auto 0;
      border-radius:99px;
      background:var(--purple);
    }

    .cwall-results-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      width:100%;
    }

    .cwall-result-card{
      height:118px;
      min-width:0;
      background:var(--card-bg);
      border:1px solid var(--border);
      border-radius:8px;
      padding:13px 14px 11px;
      box-shadow:0 4px 14px rgba(52,35,100,.045);
      overflow:hidden;
      transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    }

    .cwall-result-card:hover{
      transform:translateY(-2px);
      border-color:#d9cef5;
      box-shadow:0 8px 20px rgba(80,45,170,.09);
    }

    .cwall-result-name{
      margin:0 0 2px;
      text-align:right;
      font-size:11px;
      line-height:1.55;
      font-weight:800;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      color:#17171e;
    }

    .cwall-result-sub{
      margin:0;
      text-align:right;
      font-size:7.5px;
      line-height:1.65;
      color:#888591;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .cwall-result-body{
      height:69px;
      display:flex;
      flex-direction:row;
      align-items:flex-end;
      gap:10px;
      margin-top:2px;
    }

    .cwall-spark{
      flex:1 1 auto;
      min-width:0;
      height:48px;
      display:block;
      overflow:visible;
    }

    .cwall-spark polyline{
      fill:none;
      stroke:var(--purple-2);
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .cwall-spark circle{
      fill:var(--purple-2);
    }

    .cwall-stats{
      flex:0 0 54px;
      text-align:right;
      padding-bottom:0;
    }

    .cwall-stat{
      margin:0;
      color:var(--purple);
      font-size:15px;
      line-height:1.2;
      font-weight:800;
      letter-spacing:-.3px;
    }

    .cwall-stat-label{
      margin:1px 0 5px;
      color:#96929e;
      font-size:6.8px;
      line-height:1.4;
      white-space:nowrap;
    }

    @media (max-width:800px){
      .cwall-results-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }

    @media (max-width:480px){
      .cwall-results-title{
        font-size:17px;
      }
      .cwall-results-grid{
        grid-template-columns:1fr;
        gap:10px;
      }
      .cwall-result-card{
        height:116px;
      }
    }
  

/* ================================
   CWall - Portfolio / Case Studies
   Elementor HTML Widget
================================ */

.cwall-portfolio {
    direction: rtl;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 8px 0 16px;
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
    box-sizing: border-box;
}

.cwall-portfolio *,
.cwall-portfolio *::before,
.cwall-portfolio *::after {
    box-sizing: border-box;
}

/* ---------- Title ---------- */

.cwall-portfolio-title {
    margin: 0 0 22px;
    padding: 0;
    text-align: center;
    color: #17131f;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 800;
}

.cwall-portfolio-title::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin: 6px auto 0;
    background: #7138E6;
    border-radius: 50px;
}

/* ---------- Grid ---------- */

.cwall-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    width: 100%;
}

/* ---------- Card ---------- */

.cwall-portfolio-card {
    position: relative;
    min-height: 154px;
    padding: 13px;
    background: #ffffff;
    border: 1px solid #e9e5f1;
    border-radius: 8px;
    box-shadow: 0 3px 14px rgba(75, 45, 145, 0.045);

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 11px;

    overflow: hidden;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.cwall-portfolio-card:hover {
    transform: translateY(-3px);
    border-color: #d7c7fa;
    box-shadow: 0 10px 25px rgba(75, 45, 145, 0.10);
}

/* ---------- Content ---------- */

.cwall-portfolio-content {
    flex: 1;
    min-width: 0;
    text-align: right;
}

.cwall-portfolio-card h3 {
    margin: 0 0 8px;
    padding: 0;

    color: #25212d;
    font-size: 12px;
    line-height: 1.65;
    font-weight: 800;
}

.cwall-portfolio-card p {
    margin: 0;
    padding: 0;

    color: #77727f;
    font-size: 9px;
    line-height: 1.9;
    font-weight: 400;
}

/* ---------- Link ---------- */

.cwall-portfolio-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    margin-top: 12px;

    color: #7138E6;
    text-decoration: none;

    font-size: 8.5px;
    line-height: 1;
    font-weight: 600;

    transition: color 0.2s ease;
}

.cwall-portfolio-link:hover {
    color: #5620c9;
}

.cwall-portfolio-arrow {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    transform: translateY(-1px);
}

/* ---------- Chart Thumbnail ---------- */

.cwall-portfolio-thumb {
    flex: 0 0 105px;
    width: 105px;
    height: 92px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #faf9ff;
    border-radius: 4px;

    overflow: hidden;
}

.cwall-portfolio-thumb svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {

    .cwall-portfolio {
        max-width: 94%;
    }

    .cwall-portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .cwall-portfolio {
        max-width: 92%;
    }

    .cwall-portfolio-title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .cwall-portfolio-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cwall-portfolio-card {
        min-height: 135px;
        padding: 12px;
    }

    .cwall-portfolio-thumb {
        flex: 0 0 112px;
        width: 112px;
        height: 96px;
    }

}


/* =========================================================
   CWALL CTA - FIXED VERSION
   RTL / Persian / Elementor HTML Widget
========================================================= */

.cwall-cta{
    direction:rtl;
    position:relative;
    width:100%;
    max-width:1058px;
    height:216px;
    margin:35px auto;
    overflow:hidden;
    box-sizing:border-box;

    border-radius:17px;
    border:1px solid rgba(126,70,255,.55);

    background:
        radial-gradient(
            ellipse 55% 100% at 100% 50%,
            rgba(83,34,190,.72) 0%,
            rgba(51,20,125,.45) 34%,
            rgba(9,8,31,0) 72%
        ),
        linear-gradient(
            90deg,
            #07091d 0%,
            #09091e 48%,
            #10082d 67%,
            #25086b 100%
        );

    box-shadow:
        0 8px 30px rgba(30,10,75,.18),
        inset 0 1px 0 rgba(255,255,255,.07);

    font-family:
        "Vazirmatn",
        "Vazir",
        Tahoma,
        Arial,
        sans-serif;
}


/* =========================================================
   CONTENT AREA
   مهم: متن عمداً فقط در سمت چپ/مرکز قرار گرفته
========================================================= */

.cwall-cta-content{
    position:absolute;
    z-index:10;

    left:0;
    top:0;

    width:64%;
    height:100%;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    box-sizing:border-box;

    padding:
        20px
        30px
        20px
        40px;
}


/* =========================================================
   TITLE
========================================================= */

.cwall-cta-title{
    width:100%;
    max-width:600px;

    margin:0 0 7px;

    color:#ffffff !important;

    font-size:24px;
    line-height:1.55;

    font-weight:800;

    text-align:center;

    white-space:normal;

    text-shadow:
        0 1px 8px rgba(255,255,255,.08);

    box-sizing:border-box;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.cwall-cta-description{
    width:100%;
    max-width:570px;

    margin:0 0 15px;

    color:rgba(255,255,255,.82) !important;

    font-size:12px;
    line-height:1.8;

    font-weight:400;

    text-align:center;

    box-sizing:border-box;
}


/* =========================================================
   BUTTONS
========================================================= */

.cwall-cta-buttons{
    display:flex;

    flex-direction:row;

    align-items:center;
    justify-content:center;

    gap:13px;

    direction:rtl;
}


/* PRIMARY BUTTON */

.cwall-cta-btn-primary{
    display:flex;

    align-items:center;
    justify-content:center;

    width:174px;
    height:43px;

    padding:0 15px;

    box-sizing:border-box;

    border-radius:7px;

    background:
        linear-gradient(
            135deg,
            #702cf2 0%,
            #7d38f4 100%
        );

    border:1px solid rgba(177,137,255,.55);

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px;
    font-weight:700;

    white-space:nowrap;

    box-shadow:
        0 5px 18px rgba(103,42,226,.25);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.cwall-cta-btn-primary:hover{
    transform:translateY(-2px);

    box-shadow:
        0 8px 24px rgba(103,42,226,.42);
}


/* SECONDARY BUTTON */

.cwall-cta-btn-secondary{
    display:flex;

    align-items:center;
    justify-content:center;

    width:145px;
    height:43px;

    padding:0 15px;

    box-sizing:border-box;

    border-radius:7px;

    background:rgba(255,255,255,.015);

    border:1px solid rgba(255,255,255,.7);

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px;
    font-weight:600;

    white-space:nowrap;

    transition:
        background .25s ease,
        transform .25s ease;
}


.cwall-cta-btn-secondary:hover{
    background:rgba(255,255,255,.08);

    transform:translateY(-2px);
}


/* =========================================================
   ROCKET AREA
========================================================= */

.cwall-rocket-area{
    position:absolute;

    z-index:5;

    right:0;
    top:0;

    width:39%;
    height:100%;

    pointer-events:none;
}


/* =========================================================
   ROCKET
   کاملاً ثابت - هیچ Animation ندارد
========================================================= */

.cwall-rocket{
    position:absolute;

    right:22px;
    top:18px;

    width:142px;
    height:181px;

    filter:
        drop-shadow(0 12px 12px rgba(0,0,0,.22))
        drop-shadow(0 0 17px rgba(115,57,255,.30));

    transform:rotate(12deg);

    transform-origin:center center;

    /* مهم: هیچ animation ندارد */
}


/* =========================================================
   SVG
========================================================= */

.cwall-rocket svg{
    display:block;

    width:100%;
    height:100%;

    overflow:visible;
}


/* =========================================================
   BACKGROUND PURPLE GLOW
========================================================= */

.cwall-rocket-glow{
    position:absolute;

    right:5px;
    bottom:20px;

    width:270px;
    height:135px;

    border-radius:50%;

    background:
        radial-gradient(
            ellipse,
            rgba(106,43,239,.38) 0%,
            rgba(91,35,210,.20) 35%,
            transparent 72%
        );

    filter:blur(8px);

    pointer-events:none;
}


/* =========================================================
   PURPLE PARTICLES
========================================================= */

.cwall-particles{
    position:absolute;

    right:205px;
    bottom:35px;

    width:120px;
    height:60px;

    opacity:.42;

    background-image:
        radial-gradient(
            circle,
            rgba(142,91,255,.9) 0 2px,
            transparent 3px
        ),
        radial-gradient(
            circle,
            rgba(142,91,255,.6) 0 1.5px,
            transparent 2.5px
        );

    background-size:
        24px 18px,
        17px 14px;

    background-position:
        0 0,
        8px 5px;

    pointer-events:none;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .cwall-cta{
        height:220px;
    }

    .cwall-cta-content{
        width:66%;

        padding-left:25px;
        padding-right:15px;
    }

    .cwall-cta-title{
        font-size:21px;
    }

    .cwall-cta-description{
        font-size:11px;
    }

    .cwall-rocket-area{
        width:37%;
    }

    .cwall-rocket{
        right:5px;
        top:18px;

        width:125px;
        height:165px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

    .cwall-cta{
        min-height:400px;
        height:400px;

        border-radius:14px;
    }

    .cwall-cta-content{
        position:relative;

        width:100%;
        height:255px;

        left:auto;
        top:auto;

        padding:
            32px
            18px
            10px;
    }

    .cwall-cta-title{
        font-size:20px;

        max-width:92%;

        line-height:1.65;
    }

    .cwall-cta-description{
        font-size:10.5px;

        max-width:90%;

        margin-bottom:13px;
    }

    .cwall-cta-buttons{
        gap:8px;
    }

    .cwall-cta-btn-primary{
        width:170px;
        height:40px;
    }

    .cwall-cta-btn-secondary{
        width:130px;
        height:40px;
    }

    .cwall-rocket-area{
        width:100%;
        height:160px;

        top:auto;
        bottom:0;
    }

    .cwall-rocket{
        right:50%;

        margin-right:-70px;

        top:0;

        width:110px;
        height:145px;
    }

    .cwall-rocket-glow{
        right:50%;

        margin-right:-130px;

        bottom:5px;
    }

    .cwall-particles{
        right:50%;

        margin-right:-115px;

        bottom:25px;
    }
}



/* CWall SEO Landing - optional polish CSS
   Native Elementor structure remains fully editable.
*/
.cwall-seo-page{direction:rtl;background:#fff;color:#111426}
.cwall-seo-page .elementor-widget-heading,
.cwall-seo-page .elementor-widget-text-editor,
.cwall-seo-page .elementor-widget-icon-box,
.cwall-seo-page .elementor-widget-button{direction:rtl}
.cwall-card,.cwall-result-card,.cwall-project-card{transition:transform .25s ease,box-shadow .25s ease}
.cwall-card:hover,.cwall-result-card:hover,.cwall-project-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(60,37,120,.12)}
.cwall-step{position:relative;text-align:center}
.cwall-step-number{width:56px;height:56px;min-height:56px;background:#7433EA;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff!important}
.cwall-step-number .elementor-heading-title{color:#fff!important}
.cwall-process-grid{position:relative}
.cwall-process-grid:before{content:"";position:absolute;right:7%;left:7%;top:28px;border-top:1px dashed #c9b3f8;z-index:0}
.cwall-process-grid > .cwall-step{z-index:1}
.cwall-mini-chart{align-items:flex-end}
.cwall-bar{transition:height .3s ease,opacity .3s ease}
.cwall-project-art{position:relative;overflow:hidden}
.cwall-project-art:after{content:"";position:absolute;left:-15%;right:10%;bottom:25px;height:2px;background:rgba(255,255,255,.8);transform:rotate(-13deg);box-shadow:0 -28px 0 rgba(255,255,255,.22),0 -56px 0 rgba(255,255,255,.12)}
.cwall-long-content-box{max-width:1050px;margin-inline:auto}
.cwall-long-content{direction:rtl;text-align:right}
.cwall-long-content h3{font-size:24px;margin:20px 0 10px;color:#111426}
.cwall-long-content p{font-size:17px;line-height:2.1;margin:0 0 18px;color:#59627a}
.cwall-cta{max-width:1200px}
.cwall-cta-button .elementor-button{box-shadow:0 10px 25px rgba(116,51,234,.22)}
@media (max-width:1024px){
 .cwall-grid-3 > .cwall-card{width:calc(50% - 10px)!important}
 .cwall-grid-4 > .cwall-result-card,.cwall-grid-4 > .cwall-project-card{width:calc(50% - 10px)!important}
 .cwall-process-grid > .cwall-step{width:calc(33.333% - 10px)!important}
 .cwall-process-grid:before{display:none}
}
@media (max-width:767px){
 .cwall-grid-3 > .cwall-card,
 .cwall-grid-4 > .cwall-result-card,
 .cwall-grid-4 > .cwall-project-card,
 .cwall-process-grid > .cwall-step{width:100%!important}
 .cwall-cta{flex-direction:column!important;text-align:center}
 .cwall-cta-copy{width:100%!important}
 .cwall-cta .elementor-widget-button{width:100%!important}
 .cwall-cta .elementor-button{width:100%}
}


/* Static layout and the requested light color scheme. */
:root{color-scheme:light;--cw-purple:#7139e6;--cw-dark:#fff;--cw-text:#202032;--cw-soft:#f8f7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#202032;font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit}button,input,textarea{font:inherit}img,svg{max-width:100%}img{height:auto}.wrap{width:min(1160px,92%);margin-inline:auto}.skip{position:absolute;top:-100px;right:1rem;background:#fff;padding:.5rem;z-index:100}.skip:focus{top:1rem}
.site-header{background:#fff;border-bottom:1px solid #ece8f6}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:900 30px Arial,sans-serif;direction:ltr;text-decoration:none;color:#202032}.brand span{color:#7139e6}.nav nav{display:flex;gap:30px}.nav nav a{text-decoration:none;font-weight:700;font-size:14px}.nav nav a:hover{color:#7139e6}.header-cta{padding:10px 22px;background:#7139e6;color:#fff;border-radius:11px;text-decoration:none;font-weight:700;font-size:14px}
.cw-page{width:100%;overflow:hidden}.cw-page>div:not(.cw-hero):not(.cwall-problem-solution):not(.cwall-pricing-section){max-width:1200px;margin-inline:auto}.cw-hero{background:radial-gradient(circle at 77% 28%,#f0e8ff,transparent 37%),#fcfbff!important;color:#202032!important}.cw-hero h1,.cw-hero h2{color:#202032!important}.cw-hero p{color:#535365!important}.cw-hero-art{background:linear-gradient(145deg,#f4f0ff,#fff)!important;border-color:#ded3f6!important;box-shadow:0 18px 45px #25164e17!important}.cw-seo-badge,.cw-score{background:#fff!important;color:#202032!important;border-color:#d8c7fb!important}.cw-outline{color:#543096!important;border-color:#b8a8dc!important}.cw-hero [style*="color:#aaa"]{color:#6d697a!important}.cw-hero-grid{padding-block:70px!important}
.cwall-problem-solution,.cwall-pricing-section,.cwall-seo-guide{width:min(1120px,92%);margin:65px auto}.cwall-problem-solution>div:first-child h2,.cwall-pricing-section>div:first-child h3,.cwall-seo-guide>div:first-child h3{text-align:center;font-size:clamp(24px,3vw,32px);margin:0 0 28px;color:#202032}.elementor-divider{height:3px;background:#7139e6;width:75px;margin:0 auto 30px;border-radius:10px}.cwall-problem-cards,.cwall-pricing-grid,.cwall-guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cwall-info-card,.cwall-plan-card{border:1px solid #e8e1f5;background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 35px #2012430b}.cwall-info-card h3,.cwall-plan-card h3{margin:0 0 16px;font-size:20px}.cwall-info-card ul,.cwall-plan-card ul{list-style:none;margin:0;padding:0}.cwall-info-card li,.cwall-plan-card li{display:flex;align-items:center;gap:8px;padding:5px 0}.static-icon{color:#7139e6;font-weight:900}.cwall-card-title-row{display:flex;align-items:center;gap:12px}.cwall-card-title-row svg{width:22px}.cwall-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cwall-plan-card{text-align:center}.cwall-plan-card h4{color:#7139e6;font-size:24px;margin:8px 0}.cwall-plan-card ul{text-align:right;margin:20px 0}.cwall-plan-card a{display:inline-block;background:#7139e6;color:#fff;text-decoration:none;border-radius:10px;padding:10px 25px}.cwall-seo-guide{background:#faf9ff;padding:35px;border-radius:20px}.cwall-guide-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.cwall-guide-columns>div{background:#fff;border:1px solid #ebe6f7;border-radius:16px;padding:20px}.cwall-guide-columns p{font-size:14px;text-align:right!important}.cwall-guide-columns img{display:block;margin:auto;max-width:230px}.cwall-pricing-section>.elementor-widget-text-editor{text-align:center;color:#696473}
.elementor-accordion{display:grid;gap:12px}.elementor-accordion-item{border:1px solid #e8e1f5;background:#fff;border-radius:12px;overflow:hidden}.elementor-tab-title{padding:14px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:700}.elementor-tab-title a{text-decoration:none}.elementor-accordion-icon{color:#7139e6}.elementor-accordion-icon-opened{display:none}.elementor-tab-title[aria-expanded="true"] .elementor-accordion-icon-opened{display:inline}.elementor-tab-title[aria-expanded="true"] .elementor-accordion-icon-closed{display:none}.elementor-tab-content{display:none;padding:0 20px 18px;color:#555}.elementor-tab-title[aria-expanded="true"]+.elementor-tab-content{display:block}
.site-footer{background:#f7f5fc;color:#242237;border-top:1px solid #e9e3f5;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-grid p{font-size:13px;color:#626071;line-height:2}.footer-grid h3{font-size:17px;margin:0 0 12px}.footer-grid a,.footer-grid span{display:block;text-decoration:none;font-size:13px;color:#585467;margin:5px 0}.copyright{text-align:center;border-top:1px solid #e7e0f3;padding:16px;margin-top:40px;font-size:12px;color:#686476}
.footer-grid .brand{display:inline-flex;white-space:nowrap;gap:0}.footer-grid .brand span{display:inline;color:#7139e6;font-size:inherit;margin:0}
/* Keep content order and visuals while brightening the remaining dark cards. */
.cw-card.dark,.cw-final,.cwall-cta,.cw-info{background:#f3eeff!important;color:#202032!important;border-color:#ded2fa!important;box-shadow:none!important}.cw-card.dark p,.cw-card.dark li,.cw-final p,.cwall-cta p,.cw-info p{color:#575365!important}.cw-card.dark h3,.cw-final h2,.cwall-cta h2,.cw-info h2{color:#202032!important}.cw-card{box-shadow:0 8px 28px #2012430b!important}.cw-form{background:#fff!important}.cw-form input,.cw-form textarea{background:#fff!important;color:#202032!important;border:1px solid #dcd4e9!important}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}.cwall-pricing-grid,.cwall-guide-columns{grid-template-columns:1fr}.cw-hero-art{min-height:300px}}
@media(max-width:640px){.nav{flex-wrap:wrap;padding-block:12px}.nav nav{order:3;width:100%;justify-content:space-between;gap:8px}.nav nav a{font-size:12px}.header-cta{font-size:12px;padding:8px 12px}.cwall-problem-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cw-hero-grid{padding-block:35px!important}}
@font-face{font-family:IRANYekanX;src:url('fonts/IRANYekanX-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:IRANYekanX;src:url('fonts/IRANYekanX-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
body,body *:not(svg):not(path){font-family:IRANYekanX,Tahoma,sans-serif!important}
