.webservice-dec{padding:1em 5em 5em;margin:1em 6em;text-align:justify}.webservice-dec h1{font-family:vazir;font-size:1.8em;color:var(--secondary);margin:0 6em;padding:0 1em 1em;text-align:center}.webservice-dec p{padding:1em 2em;line-height:2em}.webservice-dec ul{padding-right:2em;line-height:2em}.webservice-dec h2{font-family:vazir;font-size:18px;padding-right:15px}.english-digit .webservice-dec h2{padding-left:15px}.webservice-dec img{display:block;margin-left:auto;margin-right:auto;width:20%;padding:5px}.webservice-dec h3{font-family:vazir;font-size:16px;padding-right:25px}.webservice-dec pre{padding:10px;border-radius:4px;direction:ltr;max-height:40em;overflow-x:auto;background:#474949;color:#d1d9e1;margin:20px}.webservice-dec code{padding:10px}@media (max-width:1024px){.webservice-dec{padding:1em;margin:0}.webservice-dec h1{margin:0;font-size:1.5em}}@media (max-width:780px){.webservice-dec h1{font-size:1.3em}.webservice-dec img{width:30%}}.webservice-modern{background:#f4f8fa}.webservice-hero{background:linear-gradient(135deg,#0b364d,#138a75);color:#fff;padding:80px 32px;position:relative;overflow:hidden}.webservice-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.25}.webservice-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}.webservice-hero-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#fff3;border:1px solid #fff6;font-size:14px;margin-bottom:16px}.webservice-hero-title{font-family:vazir;font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:16px}.webservice-hero-text{font-size:clamp(16px,2vw,20px);line-height:1.8;color:#ffffffe6;margin-bottom:16px}.webservice-hero-note{font-size:14px;color:#ffffffd9}.webservice-hero-media img{width:100%;max-width:360px;margin:0 auto;display:block;border-radius:16px;background:#ffffffe6;padding:16px;box-shadow:0 12px 28px #00000040}.webservice-body{padding:48px 16px 96px}.webservice-modern .webservice-dec{max-width:1200px;margin:0 auto;padding:32px 40px;background:#fff;border-radius:20px;box-shadow:0 6px 18px #00000014;text-align:right}.webservice-section-title{font-family:vazir;font-size:clamp(22px,3vw,32px);color:#0b364d;margin-bottom:16px;text-align:center}.webservice-modern .webservice-dec p{padding:0;margin:12px 0;line-height:1.9;color:#4f5d6b}.webservice-modern .webservice-dec ul{padding-right:22px;margin:8px 0 16px;line-height:1.9;list-style:none}.webservice-modern .webservice-dec h2{font-family:vazir;font-size:20px;color:#0b364d;margin:28px 0 12px;padding:0}.webservice-modern .webservice-dec h3{font-family:vazir;font-size:18px;color:#0b364d;margin:24px 0 12px;padding:0}.webservice-modern .webservice-dec pre{margin:16px 0;padding:44px 16px 16px;position:relative;border-radius:12px;background:#0b2230;color:#e6eef7;border:1px solid #1f3b4d;max-height:45em;overflow-x:auto;direction:ltr;text-align:left;font-size:14px;line-height:1.7}.webservice-code-copy{position:absolute;top:10px;right:10px;z-index:2;border:1px solid #ffffff59;background:#ffffff14;color:#fff;font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.webservice-code-copy:hover{background:#ffffff2e}.webservice-modern .webservice-dec pre code{padding:0;color:inherit}.webservice-modern .webservice-dec code,.webservice-modern .webservice-dec pre code{font-family:Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.webservice-modern .webservice-dec table{width:100%;border-collapse:collapse;margin:12px 0 24px;background:#fff}.webservice-modern .webservice-dec td{border:1px solid #e6edf2;padding:10px 12px;vertical-align:top}.webservice-modern .webservice-dec td p{margin:0;padding:0;color:#4f5d6b}.webservice-modern .table-mamad{overflow-x:auto}.english-digit .webservice-hero-content,.english-digit .webservice-modern .webservice-dec{text-align:left}@media (max-width:1024px){.webservice-hero-inner{grid-template-columns:1fr}}@media (max-width:768px){.webservice-hero{padding:48px 16px}.webservice-body{padding:32px 16px 64px}.webservice-modern .webservice-dec{padding:24px 18px}}