{"id":224,"date":"2026-09-29T17:15:15","date_gmt":"2026-09-29T13:45:15","guid":{"rendered":"https:\/\/matris.ir\/?page_id=224"},"modified":"2026-10-03T16:26:30","modified_gmt":"2026-10-03T12:56:30","slug":"cosmetics","status":"publish","type":"page","link":"https:\/\/matris.ir\/en\/cosmetics\/","title":{"rendered":"\u0635\u0646\u0627\u06cc\u0639 \u0622\u0631\u0627\u06cc\u0634\u06cc \u0628\u0647\u062f\u0627\u0634\u062a\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"224\" class=\"elementor elementor-224\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f01a32 e-con-full e-flex e-con e-parent\" data-id=\"4f01a32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50b533 elementor-widget elementor-widget-html\" data-id=\"b50b533\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n:root{\n  --navy:#00062c;\n  --blue:#001489;\n  --pink:#eb008b;\n  --text:#33395c;\n  --muted:#5a6082;\n}\n\n\/* ---------- reset \/ base ---------- *\/\n\n#mm-cosmetics-page,\n#mm-cosmetics-page *{\n  font-family:'IranYekanX','Vazirmatn',sans-serif !important;\n  box-sizing:border-box;\n}\n\n#mm-cosmetics-page{\n  background:#fff;\n  color:var(--navy);\n  overflow-x:hidden;\n}\n\n#mm-cosmetics-page a{\n  text-decoration:none;\n  color:inherit;\n}\n\n#mm-cosmetics-page img{\n  max-width:100%;\n  display:block;\n}\n\n#mm-cosmetics-page ul{\n  list-style:none;\n  margin:0;\n  padding:0;\n}\n\n#mm-cosmetics-page h1,\n#mm-cosmetics-page h2,\n#mm-cosmetics-page h3{\n  margin:0;\n}\n\n#mm-cosmetics-page p{\n  margin:0;\n}\n\n#mm-cosmetics-page ::selection{\n  background:rgba(235,0,139,.25);\n}\n\nhtml{\n  scroll-behavior:smooth;\n}\n\n#mm-cosmetics-page .mm-wrap{\n  max-width:1280px;\n  margin-inline:auto;\n  padding-inline:24px;\n}\n\n@media (min-width:1024px){\n  #mm-cosmetics-page .mm-wrap{\n    padding-inline:40px;\n  }\n}\n\n\/* ---------- gradient text ---------- *\/\n\n#mm-cosmetics-page .mm-grad-text{\n  background:linear-gradient(120deg,#eb008b 0%,#7b2ff7 45%,#4d64ff 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  color:transparent;\n}\n\n#mm-cosmetics-page .mm-grad-text-light{\n  background:linear-gradient(120deg,#001489 0%,#eb008b 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  color:transparent;\n}\n\n\/* ---------- glass cards ---------- *\/\n\n#mm-cosmetics-page .mm-glass{\n  background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.035));\n  backdrop-filter:blur(22px) saturate(160%);\n  -webkit-backdrop-filter:blur(22px) saturate(160%);\n  border:1px solid rgba(255,255,255,.14);\n  box-shadow:\n    0 24px 60px -20px rgba(0,0,0,.55),\n    inset 0 1px 0 rgba(255,255,255,.22);\n  transition:\n    transform .7s cubic-bezier(.16,1,.3,1),\n    box-shadow .7s cubic-bezier(.16,1,.3,1),\n    border-color .5s;\n}\n\n#mm-cosmetics-page .mm-glass:hover{\n  transform:translateY(-10px);\n  border-color:rgba(235,0,139,.45);\n  box-shadow:\n    0 40px 90px -22px rgba(235,0,139,.28),\n    0 24px 60px -20px rgba(0,20,137,.4),\n    inset 0 1px 0 rgba(255,255,255,.3);\n}\n\n#mm-cosmetics-page .mm-glass-light{\n  background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,255,255,.55));\n  backdrop-filter:blur(20px) saturate(160%);\n  -webkit-backdrop-filter:blur(20px) saturate(160%);\n  border:1px solid rgba(0,20,137,.10);\n  box-shadow:0 20px 55px -22px rgba(0,6,44,.16);\n  transition:\n    transform .7s cubic-bezier(.16,1,.3,1),\n    box-shadow .7s cubic-bezier(.16,1,.3,1),\n    border-color .5s;\n}\n\n#mm-cosmetics-page .mm-glass-light:hover{\n  transform:translateY(-8px);\n  border-color:rgba(235,0,139,.35);\n  box-shadow:\n    0 34px 80px -24px rgba(0,20,137,.22),\n    0 16px 44px -18px rgba(235,0,139,.18);\n}\n\n\/* ---------- image hover ---------- *\/\n\n#mm-cosmetics-page .mm-card-img{\n  position:relative;\n  overflow:hidden;\n}\n\n#mm-cosmetics-page .mm-card-img img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:transform 1.4s cubic-bezier(.16,1,.3,1);\n}\n\n#mm-cosmetics-page .mm-card-img::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(\n    105deg,\n    transparent 40%,\n    rgba(255,255,255,.28) 50%,\n    transparent 60%\n  );\n  transform:translateX(120%);\n  transition:transform 1.1s cubic-bezier(.16,1,.3,1);\n  pointer-events:none;\n}\n\n#mm-cosmetics-page .mm-glass:hover .mm-card-img img,\n#mm-cosmetics-page .project-card:hover .mm-card-img img{\n  transform:scale(1.07);\n}\n\n#mm-cosmetics-page .mm-glass:hover .mm-card-img::after,\n#mm-cosmetics-page .project-card:hover .mm-card-img::after{\n  transform:translateX(-120%);\n}\n\n\/* ---------- kicker ---------- *\/\n\n#mm-cosmetics-page .mm-section-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:.75rem;\n  color:#eb008b !important;\n  font-weight:700 !important;\n  font-size:20px !important;\n  line-height:1.5 !important;\n  margin-bottom:1.5rem;\n}\n\n#mm-cosmetics-page .mm-section-kicker::before{\n  content:\"\";\n  width:12px;\n  height:2px;\n  background:#eb008b;\n  flex:0 0 12px;\n}\n\n\/* ---------- pill chips ---------- *\/\n\n#mm-cosmetics-page .mm-chip{\n  display:inline-flex;\n  align-items:center;\n  gap:.45rem;\n  border:1px solid rgba(0,20,137,.18);\n  border-radius:9999px;\n  padding:.35rem .95rem;\n  font-size:13px !important;\n  font-weight:600 !important;\n  color:var(--blue) !important;\n  background:rgba(0,20,137,.05);\n}\n\n#mm-cosmetics-page .mm-chip--dark{\n  display:inline-flex;\n  align-items:center;\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:9999px;\n  padding:.25rem .75rem;\n  font-size:11px !important;\n  color:rgba(255,255,255,.70) !important;\n}\n\n\/* ---------- number badge ---------- *\/\n\n#mm-cosmetics-page .mm-num{\n  width:2.6rem;\n  height:2.6rem;\n  border-radius:9999px;\n  flex:none;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:800 !important;\n  font-size:.95rem !important;\n  color:#fff !important;\n  background:linear-gradient(135deg,var(--pink),var(--blue));\n  box-shadow:0 8px 20px -6px rgba(235,0,139,.5);\n  margin-bottom:1.25rem;\n}\n\n\/* ---------- scroll reveal ---------- *\/\n\n#mm-cosmetics-page.mm-anim-ready .mm-reveal{\n  opacity:0;\n  transform:translateY(56px);\n}\n\n#mm-cosmetics-page.mm-anim-ready .mm-reveal-l{\n  opacity:0;\n  transform:translateX(56px);\n}\n\n#mm-cosmetics-page.mm-anim-ready .mm-reveal-r{\n  opacity:0;\n  transform:translateX(-56px);\n}\n\n#mm-cosmetics-page.mm-anim-ready .mm-scale-in{\n  opacity:0;\n  transform:scale(.92) translateY(30px);\n}\n\n#mm-cosmetics-page .mm-headline-line{\n  display:block;\n  overflow:hidden;\n}\n\n#mm-cosmetics-page .mm-headline-line > span{\n  display:block;\n}\n\n#mm-cosmetics-page.mm-anim-ready .mm-headline-line > span{\n  transform:translateY(110%);\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#mm-cosmetics-page .mm-hero{\n  position:relative;\n  isolation:isolate;\n  background:#00062c;\n  min-height:92vh;\n  display:flex;\n  align-items:center;\n  overflow:hidden;\n}\n\n#mm-cosmetics-page .mm-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:-8px;\n  z-index:0;\n  background-image:\n    linear-gradient(rgba(0,6,44,.48),rgba(0,6,44,.48)),\n    url(\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/2-1.webp\");\n  background-size:cover;\n  background-position:center;\n  background-repeat:no-repeat;\n  filter:blur(2px);\n  transform:scale(1.01);\n  pointer-events:none;\n}\n\n#mm-cosmetics-page .mm-hero > *{\n  position:relative;\n  z-index:1;\n}\n\n#mm-cosmetics-page .mm-hero .mm-wrap{\n  width:100%;\n}\n\n#mm-cosmetics-page .mm-hero-inner{\n  padding-block:96px;\n  max-width:640px;\n  margin-right:0 !important;\n  margin-left:auto !important;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero h1{\n  font-size:64px !important;\n  line-height:1.15 !important;\n  font-weight:900 !important;\n  color:#fff !important;\n  margin-bottom:24px;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero h1 .mm-headline-line{\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero h1 .mm-headline-line > span{\n  color:#fff !important;\n  font-weight:inherit !important;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero-lede{\n  font-size:18px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  color:rgba(255,255,255,.70) !important;\n  max-width:36rem;\n  margin-bottom:2.5rem;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero-lede b{\n  color:#fff !important;\n  font-weight:500 !important;\n}\n\n#mm-cosmetics-page .mm-hero-actions{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:.5rem;\n  margin-bottom:3.5rem;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.5rem;\n  width:100%;\n  border-radius:9999px;\n  padding:.9rem 1rem;\n  font-weight:700 !important;\n  font-size:14px !important;\n  transition:transform .5s;\n}\n\n#mm-cosmetics-page .mm-btn:hover{\n  transform:scale(1.04);\n}\n\n#mm-cosmetics-page .mm-btn--solid{\n  color:#fff !important;\n  background:linear-gradient(120deg,#eb008b,#001489);\n}\n\n#mm-cosmetics-page .mm-btn--ghost{\n  color:#fff !important;\n  border:1px solid rgba(255,255,255,.25);\n  background:rgba(255,255,255,.05);\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n}\n\n#mm-cosmetics-page .mm-btn--ghost:hover{\n  background:rgba(255,255,255,.1);\n  border-color:rgba(255,255,255,.4);\n}\n\n#mm-cosmetics-page .mm-btn svg{\n  width:1rem;\n  height:1rem;\n  transition:transform .5s;\n}\n\n#mm-cosmetics-page .mm-btn--solid:hover svg{\n  transform:translateX(-.25rem);\n}\n\n@media (min-width:640px){\n\n  #mm-cosmetics-page .mm-hero-actions{\n    display:flex;\n  }\n\n  #mm-cosmetics-page .mm-btn{\n    width:auto;\n    padding-inline:2rem;\n  }\n\n}\n\n#mm-cosmetics-page .mm-hero-stats{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:1rem;\n  max-width:28rem;\n  margin-right:0 !important;\n  margin-left:auto !important;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero-stats .num{\n  color:#fff !important;\n  font-size:30px !important;\n  font-weight:900 !important;\n  line-height:1.2 !important;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page .mm-hero-stats .label{\n  color:rgba(255,255,255,.50) !important;\n  font-size:12px !important;\n  font-weight:400 !important;\n  margin-top:.25rem;\n  text-align:right !important;\n}\n\n\/* ---------- ticker ---------- *\/\n\n#mm-cosmetics-page .mm-ticker{\n  padding-block:1.5rem;\n  background:#fff;\n  border-block:1px solid rgba(0,20,137,.08);\n  overflow:hidden;\n}\n\n@keyframes mmMarquee{\n  from{\n    transform:translate3d(0,0,0);\n  }\n  to{\n    transform:translate3d(-50%,0,0);\n  }\n}\n\n#mm-cosmetics-page .mm-marquee-track{\n  display:flex;\n  width:max-content;\n  animation:mmMarquee 240s linear infinite;\n  will-change:transform;\n}\n\n#mm-cosmetics-page .mm-marquee-set{\n  display:flex;\n  align-items:center;\n  gap:2.5rem;\n  padding-inline-start:2.5rem;\n  white-space:nowrap;\n}\n\n#mm-cosmetics-page .mm-marquee-set span{\n  font-size:14px !important;\n  font-weight:700 !important;\n}\n\n#mm-cosmetics-page .mm-marquee-set .sep{\n  color:rgba(0,6,44,.25) !important;\n}\n\n\/* =========================================================\n   WHY\n   ========================================================= *\/\n\n#mm-cosmetics-page .mm-why{\n  background:#fff;\n  padding-block:96px;\n}\n\n#mm-cosmetics-page .mm-why h2{\n  color:var(--navy) !important;\n  max-width:48rem;\n  margin-bottom:2rem;\n}\n\n#mm-cosmetics-page .mm-why-grid{\n  display:grid;\n  gap:3rem;\n  align-items:start;\n}\n\n#mm-cosmetics-page .mm-why-copy{\n  display:grid;\n  gap:1.5rem;\n}\n\n#mm-cosmetics-page .mm-why-copy p{\n  font-size:15px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  color:var(--text) !important;\n}\n\n#mm-cosmetics-page .mm-why-copy b{\n  color:var(--blue) !important;\n  font-weight:700 !important;\n}\n\n#mm-cosmetics-page .mm-feature-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:1.25rem;\n}\n\n#mm-cosmetics-page .mm-feature-card{\n  border:1px solid rgba(235,0,139,.22);\n  border-radius:1.5rem;\n  padding:1.5rem;\n  min-height:190px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n\n#mm-cosmetics-page .mm-feature-card h3{\n  font-size:16px !important;\n  font-weight:700 !important;\n  color:var(--navy) !important;\n  margin-bottom:.5rem;\n}\n\n#mm-cosmetics-page .mm-feature-card p{\n  font-size:14px !important;\n  line-height:1.75rem !important;\n  font-weight:300 !important;\n  color:var(--muted) !important;\n}\n\n@media (min-width:1024px){\n\n  #mm-cosmetics-page .mm-why-grid{\n    grid-template-columns:1fr 1fr;\n    gap:4rem;\n  }\n\n  #mm-cosmetics-page .mm-feature-card{\n    min-height:170px;\n    text-align:right;\n  }\n\n}\n\n\/* =========================================================\n   SOLUTIONS\n   ========================================================= *\/\n\n#mm-cosmetics-page .mm-solutions{\n  position:relative;\n  background:#00062c;\n  padding-block:96px;\n}\n\n#mm-cosmetics-page .mm-solutions::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  opacity:.3;\n  pointer-events:none;\n  background-image:\n    radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);\n  background-size:26px 26px;\n}\n\n#mm-cosmetics-page .mm-solutions > .mm-wrap{\n  position:relative;\n  z-index:1;\n}\n\n#mm-cosmetics-page .mm-solutions-head{\n  max-width:48rem;\n  margin-inline:auto;\n  text-align:center;\n  margin-bottom:5rem;\n}\n\n#mm-cosmetics-page .mm-solutions-head h2{\n  color:#fff !important;\n}\n\n#mm-cosmetics-page .mm-solution{\n  display:grid;\n  gap:2.5rem;\n  align-items:center;\n  margin-bottom:6rem;\n}\n\n#mm-cosmetics-page .mm-solution:last-child{\n  margin-bottom:0;\n}\n\n#mm-cosmetics-page .mm-solution h3{\n  color:#fff !important;\n  font-size:30px !important;\n  font-weight:900 !important;\n  margin-bottom:1.25rem;\n}\n\n#mm-cosmetics-page .mm-solution h3 span{\n  font-size:16px !important;\n  font-weight:500 !important;\n  color:rgba(255,255,255,.40) !important;\n}\n\n#mm-cosmetics-page .mm-solution-copy > p{\n  color:rgba(255,255,255,.65) !important;\n  font-size:16px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  margin-bottom:1.5rem;\n}\n\n#mm-cosmetics-page .mm-solution ul{\n  display:grid;\n  gap:.75rem;\n}\n\n#mm-cosmetics-page .mm-solution li{\n  display:flex;\n  align-items:flex-start;\n  gap:.75rem;\n  color:rgba(255,255,255,.75) !important;\n  font-size:14px !important;\n  line-height:1.75rem !important;\n  font-weight:300 !important;\n}\n\n#mm-cosmetics-page .mm-solution li::before{\n  content:\"\";\n  margin-top:.6rem;\n  width:.375rem;\n  height:.375rem;\n  border-radius:9999px;\n  flex:none;\n  background:#eb008b;\n}\n\n#mm-cosmetics-page .mm-solution--alt li::before{\n  background:#4d64ff;\n}\n\n#mm-cosmetics-page .mm-solution-media{\n  padding:.75rem;\n  border-radius:2rem;\n}\n\n#mm-cosmetics-page .mm-solution-media .mm-card-img{\n  border-radius:1.6rem;\n  aspect-ratio:4\/3;\n}\n\n#mm-cosmetics-page .mm-solution-media .mm-chips{\n  display:flex;\n  flex-wrap:wrap;\n  gap:.5rem;\n  padding:1.25rem 1.25rem 0;\n}\n\n#mm-cosmetics-page .mm-label-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:1rem;\n  margin-top:1.5rem;\n}\n\n#mm-cosmetics-page .mm-label-card{\n  border-radius:1rem;\n  padding:1.25rem;\n}\n\n#mm-cosmetics-page .mm-label-card .name{\n  font-size:18px !important;\n  font-weight:900 !important;\n  margin-bottom:.25rem;\n}\n\n#mm-cosmetics-page .mm-label-card p{\n  font-size:12px !important;\n  line-height:1.5rem !important;\n  font-weight:300 !important;\n  color:rgba(255,255,255,.65) !important;\n}\n\n\/* =========================================================\n   FIX\n   ========================================================= *\/\n\n@media (min-width:1024px){\n\n  #mm-cosmetics-page .mm-solution:last-child{\n    align-items:stretch;\n  }\n\n  #mm-cosmetics-page .mm-solution:last-child .mm-solution-media{\n    height:100%;\n    display:flex;\n    flex-direction:column;\n  }\n\n  #mm-cosmetics-page .mm-solution:last-child .mm-card-img{\n    flex:1 1 auto;\n    min-height:0;\n    height:auto;\n    aspect-ratio:auto;\n  }\n\n  #mm-cosmetics-page .mm-solution:last-child .mm-card-img img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n  }\n\n  #mm-cosmetics-page .mm-solution:last-child .mm-chips{\n    flex:0 0 auto;\n  }\n\n}\n\n@media (min-width:1024px){\n\n  #mm-cosmetics-page .mm-solution{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #mm-cosmetics-page .mm-solution--reverse .mm-solution-media{\n    order:-1;\n  }\n\n}\n\n\/* =========================================================\n   PORTFOLIO\n   ========================================================= *\/\n\n#mm-cosmetics-page .mm-portfolio-head{\n  padding-block:96px 0;\n}\n\n#mm-cosmetics-page .mm-portfolio-head h2{\n  color:var(--navy) !important;\n  margin-bottom:.75rem;\n}\n\n#mm-cosmetics-page .mm-portfolio-head p{\n  font-size:14px !important;\n  line-height:1.75rem !important;\n  font-weight:300 !important;\n  color:var(--muted) !important;\n  max-width:34rem;\n}\n\n#mm-cosmetics-page .mm-portfolio-body{\n  background:#fff;\n  padding-block:2.5rem 7rem;\n}\n\n#mm-cosmetics-page .mm-portfolio-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:1.5rem;\n}\n\n@media (min-width:640px){\n\n  #mm-cosmetics-page .mm-portfolio-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n}\n\n@media (min-width:1024px){\n\n  #mm-cosmetics-page .mm-portfolio-grid{\n    grid-template-columns:1fr 1fr 1fr;\n  }\n\n}\n\n#mm-cosmetics-page .project-card{\n  position:relative;\n  border-radius:1.75rem;\n}\n\n#mm-cosmetics-page .project-card .mm-card-img{\n  border-radius:1.75rem;\n  aspect-ratio:1\/1;\n}\n\n#mm-cosmetics-page .project-card .mm-glass{\n  position:absolute;\n  inset-inline:.75rem;\n  bottom:.75rem;\n  border-radius:1.35rem;\n  padding:1rem;\n}\n\n#mm-cosmetics-page .project-card .row{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:.5rem;\n  margin-bottom:.4rem;\n}\n\n#mm-cosmetics-page .project-card h3{\n  color:#001489 !important;\n  font-size:16px !important;\n  font-weight:700 !important;\n}\n\n#mm-cosmetics-page .project-card .tag{\n  flex:none;\n  font-size:11px !important;\n  font-weight:700 !important;\n  color:#fff !important;\n  border-radius:9999px;\n  padding:.35rem .75rem;\n}\n\n#mm-cosmetics-page .project-card p{\n  color:#001489 !important;\n  font-size:12px !important;\n  line-height:1.5rem !important;\n  font-weight:300 !important;\n}\n\n#mm-cosmetics-page .mm-cta{\n  margin-top:5rem;\n  border-radius:2rem;\n  padding:3rem 2rem;\n  text-align:center;\n  background:#fff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 1px 3px rgba(0,0,0,.08);\n}\n\n#mm-cosmetics-page .mm-cta h3{\n  font-size:32px !important;\n  line-height:1.4 !important;\n  font-weight:900 !important;\n  color:var(--navy) !important;\n  margin-bottom:1rem;\n}\n\n#mm-cosmetics-page .mm-cta p{\n  font-size:15px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  color:var(--text) !important;\n  max-width:36rem;\n  margin-inline:auto;\n  margin-bottom:2rem;\n}\n\n#mm-cosmetics-page .mm-cta .mm-btn{\n  display:inline-flex;\n  width:auto;\n  padding-inline:2.25rem;\n  box-shadow:0 18px 45px -12px rgba(235,0,139,.55);\n}\n\n#mm-cosmetics-page .mm-footnote{\n  text-align:center;\n  font-size:12px !important;\n  font-weight:300 !important;\n  color:rgba(0,6,44,.35) !important;\n  margin-top:3.5rem;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width:1023px){\n\n  #mm-cosmetics-page h2{\n    font-size:34px !important;\n    line-height:1.35 !important;\n  }\n\n  #mm-cosmetics-page .mm-hero h1{\n    font-size:38px !important;\n    line-height:1.2 !important;\n  }\n\n  #mm-cosmetics-page .mm-hero-actions .mm-btn{\n    height:46px;\n    padding-inline:.5rem;\n    font-size:12px !important;\n    white-space:nowrap;\n  }\n\n  #mm-cosmetics-page .mm-section-kicker{\n    font-size:14px !important;\n  }\n\n  #mm-cosmetics-page .mm-feature-grid{\n    display:none;\n  }\n\n  #mm-cosmetics-page .mm-hero-stats{\n    gap:8px;\n    margin-top:2.5rem;\n  }\n\n  #mm-cosmetics-page .mm-hero-stats .num{\n    font-size:22px !important;\n    line-height:1.15 !important;\n  }\n\n  #mm-cosmetics-page .mm-hero-stats .label{\n    font-size:10px !important;\n    white-space:nowrap;\n  }\n\n}\n\n@media (max-width:767px){\n\n  #mm-cosmetics-page h2{\n    font-size:29px !important;\n    line-height:1.4 !important;\n  }\n\n  #mm-cosmetics-page .mm-hero h1{\n    font-size:30px !important;\n    line-height:1.22 !important;\n  }\n\n  #mm-cosmetics-page .mm-hero-actions .mm-btn{\n    height:44px;\n    font-size:11px !important;\n  }\n\n  #mm-cosmetics-page .mm-hero-stats{\n    gap:5px;\n    margin-top:2rem;\n  }\n\n  #mm-cosmetics-page .mm-hero-stats .num{\n    font-size:19px !important;\n  }\n\n  #mm-cosmetics-page .mm-hero-stats .label{\n    font-size:9px !important;\n  }\n\n  #mm-cosmetics-page .mm-solution h3{\n    font-size:24px !important;\n  }\n\n  #mm-cosmetics-page .mm-solution h3 span{\n    font-size:14px !important;\n  }\n\n  \/* \u0641\u0642\u0637 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u06cc: \u062a\u06cc\u062a\u0631 CTA \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 *\/\n  #mm-cosmetics-page .mm-cta h3{\n    font-size:24px !important;\n    line-height:1.5 !important;\n  }\n\n}\n\n\/* =========================================================\n   MOBILE \u2014 \u0628\u0631\u06af\u0634\u062a \u0628\u0647 \u0631\u0641\u062a\u0627\u0631 \u0637\u0628\u06cc\u0639\u06cc\n   ========================================================= *\/\n\n@media (max-width:1023px){\n\n  #mm-cosmetics-page .mm-solution:last-child{\n    align-items:center;\n  }\n\n  #mm-cosmetics-page .mm-solution:last-child .mm-solution-media{\n    height:auto;\n    display:block;\n  }\n\n  #mm-cosmetics-page .mm-solution:last-child .mm-card-img{\n    aspect-ratio:4\/3;\n    height:auto;\n  }\n\n}\n\n<\/style>\n\n<style id=\"mm-cosmetics-final-fixes\">\n\n#mm-cosmetics-page .project-card .row{\n  align-items:flex-start !important;\n}\n\n#mm-cosmetics-page .project-card .tag{\n  display:inline-flex !important;\n  width:max-content !important;\n  max-width:max-content !important;\n  flex:0 0 auto !important;\n  flex-shrink:0 !important;\n  align-self:flex-start !important;\n  white-space:nowrap !important;\n}\n\n#mm-cosmetics-page .mm-portfolio-grid .project-card .mm-card-img{\n  aspect-ratio:1 \/ 1 !important;\n  width:100% !important;\n  height:auto !important;\n}\n\n#mm-cosmetics-page .mm-portfolio-grid .project-card .mm-card-img > img{\n  width:100% !important;\n  height:100% !important;\n  object-fit:cover !important;\n  object-position:50% 50% !important;\n}\n\n<\/style>\n\n<style id=\"mm-cosmetics-heading-size-match\">\n\n#mm-cosmetics-page .mm-why h2,\n#mm-cosmetics-page .mm-solutions-head h2,\n#mm-cosmetics-page .mm-portfolio-head h2{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:38px !important;\n  line-height:1.35 !important;\n  font-weight:900 !important;\n}\n\n@media (max-width:1023px){\n  #mm-cosmetics-page .mm-why h2,\n  #mm-cosmetics-page .mm-solutions-head h2,\n  #mm-cosmetics-page .mm-portfolio-head h2{\n    font-family:'IranYekanX',sans-serif !important;\n    font-size:32px !important;\n    font-weight:900 !important;\n    line-height:1.35 !important;\n  }\n}\n\n@media (max-width:767px){\n  #mm-cosmetics-page .mm-why h2,\n  #mm-cosmetics-page .mm-solutions-head h2,\n  #mm-cosmetics-page .mm-portfolio-head h2{\n    font-family:'IranYekanX',sans-serif !important;\n    font-size:26px !important;\n    font-weight:900 !important;\n    line-height:1.4 !important;\n  }\n}\n\n<\/style>\n\n<style id=\"mm-cosmetics-portfolio-glass-shorter-final\">\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass{\n  padding:10px 12px !important;\n  border-radius:1.15rem !important;\n}\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass .row{\n  margin-bottom:2px !important;\n}\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass h3{\n  font-size:13px !important;\n  line-height:1.35 !important;\n}\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass p{\n  font-size:10px !important;\n  line-height:1.4 !important;\n  margin:0 !important;\n}\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass .tag{\n  font-size:9px !important;\n  line-height:1.3 !important;\n  padding:4px 8px !important;\n}\n\n@media (max-width:767px){\n  #mm-cosmetics-page #portfolio .project-card .mm-glass{\n    padding:9px 10px !important;\n    border-radius:1.05rem !important;\n  }\n\n  #mm-cosmetics-page #portfolio .project-card .mm-glass h3{\n    font-size:11px !important;\n    line-height:1.35 !important;\n  }\n\n  #mm-cosmetics-page #portfolio .project-card .mm-glass p{\n    font-size:9px !important;\n    line-height:1.35 !important;\n  }\n\n  #mm-cosmetics-page #portfolio .project-card .mm-glass .tag{\n    font-size:8px !important;\n    padding:3px 6px !important;\n  }\n}\n\n<\/style>\n\n<style id=\"mm-cosmetics-portfolio-tag-inline\">\n\n\/* \u062a\u06af \u0647\u0645\u200c\u0631\u062f\u06cc\u0641 \u062a\u0627\u06cc\u062a\u0644 \u0648 \u0633\u0645\u062a \u0686\u067e \u2014 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0641\u062a\u0627\u062f\u0646 \u062a\u06af \u0628\u0647 \u062e\u0637 \u0628\u0639\u062f *\/\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass .row{\n  display:grid !important;\n  grid-template-columns:minmax(0,1fr) auto !important;\n  align-items:center !important;\n  column-gap:8px !important;\n  row-gap:0 !important;\n  direction:rtl !important;\n  width:auto !important;\n  margin-inline:0 !important;\n  margin-top:0 !important;\n  padding:0 !important;\n}\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass .row > h3{\n  grid-column:1 !important;\n  width:auto !important;\n  max-width:100% !important;\n  min-width:0 !important;\n  margin:0 !important;\n  padding:0 !important;\n  text-align:right !important;\n}\n\n#mm-cosmetics-page #portfolio .project-card .mm-glass .row > .tag{\n  grid-column:2 !important;\n  justify-self:end !important;\n  align-self:center !important;\n  margin:0 !important;\n}\n\n<\/style>\n\n<style id=\"mm-cosmetics-solution-images-fit\">\n\n#mm-cosmetics-page .mm-solution-media{\n  overflow:hidden !important;\n}\n\n#mm-cosmetics-page .mm-solution-media .mm-card-img{\n  position:relative !important;\n  display:block !important;\n  width:100% !important;\n  overflow:hidden !important;\n  border-radius:1.6rem !important;\n}\n\n#mm-cosmetics-page .mm-solution-media .mm-card-img > img{\n  position:absolute !important;\n  left:0 !important;\n  right:0 !important;\n  top:-8% !important;\n  width:100% !important;\n  height:116% !important;\n  max-width:none !important;\n  max-height:none !important;\n  margin:0 !important;\n  padding:0 !important;\n  border:0 !important;\n  object-fit:cover !important;\n  object-position:center center !important;\n}\n\n<\/style>\n\n<div id=\"mm-cosmetics-page\">\n\n<section class=\"mm-hero\">\n\n  <div class=\"mm-wrap\">\n\n    <div class=\"mm-hero-inner\">\n\n      <h1>\n\n        <span class=\"mm-headline-line\">\n          <span>\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc<\/span>\n        <\/span>\n\n        <span class=\"mm-headline-line\">\n          <span class=\"mm-grad-text-light\">\n            \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\n          <\/span>\n        <\/span>\n\n      <\/h1>\n\n      <p class=\"mm-hero-lede mm-reveal\">\n        \u0627\u0632 \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0628\u0631\u0627\u06cc \u06a9\u0631\u0645\u060c \u0633\u0631\u0645 \u0648 \u0644\u0648\u0627\u0632\u0645 \u0622\u0631\u0627\u06cc\u0634\u06cc \u062a\u0627 \u06a9\u0627\u0631\u062a\u0646\u200c\u0647\u0627\u06cc \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc\n        IML \/ BML \/ TML \/ IMD\n        \u0631\u0648\u06cc \u0638\u0631\u0648\u0641 \u06a9\u0631\u0645\u060c \u0634\u0627\u0645\u067e\u0648 \u0648 \u0628\u0637\u0631\u06cc \u0644\u0648\u0633\u06cc\u0648\u0646\u061b \u0645\u0627\u062a\u0631\u06cc\u0633 \u0634\u0631\u06cc\u06a9 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0628\u0631\u0627\u06cc \u062e\u0644\u0642 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0642\u0641\u0633\u0647 \u0645\u06cc\u200c\u062f\u0631\u062e\u0634\u0646\u062f\u060c \u0627\u0632 \u0645\u062d\u0635\u0648\u0644 \u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0628\u0631\u0627\u06cc \u0645\u0635\u0631\u0641\u200c\u06a9\u0646\u0646\u062f\u0647 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f.\n      <\/p>\n\n      <div class=\"mm-hero-actions mm-reveal\">\n\n        <a href=\"#portfolio\" class=\"mm-btn mm-btn--solid\">\n          <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/span>\n\n          <svg viewBox=\"0 0 24 24\"\n               fill=\"none\"\n               stroke=\"currentColor\"\n               stroke-width=\"2.5\">\n\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M15 19l-7-7 7-7\"\/>\n\n          <\/svg>\n\n        <\/a>\n\n        <a href=\"#solutions\"\n           class=\"mm-btn mm-btn--ghost\">\n          \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<div class=\"mm-ticker\">\n\n  <div style=\"overflow:hidden\" dir=\"ltr\">\n\n    <div class=\"mm-marquee-track\">\n\n      <div class=\"mm-marquee-set\"\n           data-marquee><\/div>\n\n      <div class=\"mm-marquee-set\"\n           data-marquee><\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<section class=\"mm-why\">\n\n  <div class=\"mm-wrap\">\n\n    <span class=\"mm-section-kicker mm-reveal\">\n      \u0686\u0631\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0631 \u0635\u0646\u0639\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u062d\u06cc\u0627\u062a\u06cc \u0627\u0633\u062a\u061f\n    <\/span>\n\n    <h2 class=\"mm-reveal\">\n      \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u060c\n      <span class=\"mm-grad-text\">\u062c\u0644\u0648\u0647 \u0627\u06cc \u0627\u0632 \u0632\u06cc\u0628\u0627\u06cc\u06cc<\/span>\n      \u0628\u0631\u0646\u062f \u0634\u0645\u0627\u0633\u062a\n    <\/h2>\n\n    <div class=\"mm-why-grid\">\n\n      <div class=\"mm-why-copy\">\n\n        <p class=\"mm-reveal\">\n          \u062f\u0631 \u0635\u0646\u0639\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\u060c \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0641\u0642\u0637 \u06cc\u06a9 \u00ab\u0638\u0631\u0641\u00bb \u0646\u06cc\u0633\u062a\u061b \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632\n          <b>\u0645\u062d\u0627\u0641\u0638\u062a \u0627\u0632 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \u062d\u0633 \u0644\u0648\u06a9\u0633 \u0628\u0631\u0646\u062f\u060c \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0648 \u062a\u062c\u0631\u0628\u0647 \u0645\u0635\u0631\u0641\u200c\u06a9\u0646\u0646\u062f\u0647<\/b>\n          \u0627\u0633\u062a. \u0628\u062e\u0634 \u0645\u0647\u0645\u06cc \u0627\u0632 \u062a\u0635\u0645\u06cc\u0645 \u062e\u0631\u06cc\u062f \u062f\u0631 \u0642\u0641\u0633\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0648 \u062f\u0631 \u0647\u0645\u0627\u0646 \u0646\u06af\u0627\u0647 \u0627\u0648\u0644 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u06cc\u0639\u0646\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0634\u0645\u0627 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0631\u0633\u0627\u0646\u0647 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u0628\u0631\u0646\u062f \u0634\u0645\u0627\u0633\u062a.\n        <\/p>\n\n        <p class=\"mm-reveal\">\n          \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u2014 \u0627\u0632 \u06a9\u0631\u0645\u060c \u0633\u0631\u0645\u060c \u0644\u0648\u0633\u06cc\u0648\u0646 \u0648 \u0639\u0637\u0631 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0634\u0627\u0645\u067e\u0648 \u0648 \u0644\u0648\u0627\u0632\u0645 \u0622\u0631\u0627\u06cc\u0634 \u2014 \u0647\u0631\u06a9\u062f\u0627\u0645 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0627\u0631\u0646\u062f: \u0645\u0642\u0627\u0648\u0645\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062a\u0631\u06a9\u06cc\u0628\u0627\u062a \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0646\u0634\u062a \u0648 \u062a\u0628\u062e\u06cc\u0631\u060c \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0646\u0648\u0631 \u0648 \u0647\u0648\u0627\u060c \u0648 \u0627\u0646\u0637\u0628\u0627\u0642 \u06a9\u0627\u0645\u0644 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc\n          <b>\u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0648 \u0627\u06cc\u0645\u0646\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc<\/b>.\n        <\/p>\n\n        <p class=\"mm-reveal\">\n          \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u062e\u0637\u0648\u0637 \u0686\u0627\u067e \u0627\u0641\u0633\u062a \u0686\u0646\u062f\u0631\u0646\u06af\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062f\u0627\u06cc\u06a9\u0627\u062a \u062f\u0642\u06cc\u0642\u060c \u0644\u0645\u06cc\u0646\u062a \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc \u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc IML\/BML\/TML\/IMD\u060c \u0628\u0631\u0627\u06cc \u0647\u0631 \u0645\u062d\u0635\u0648\u0644 \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u2014 \u0627\u0632 \u0633\u0627\u0632\u0647 (Structure) \u0648 \u062f\u0627\u06cc\u0644\u0627\u06cc\u0646 \u062a\u0627 \u0686\u0627\u067e\u060c \u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u062d\u0641\u0627\u0638\u062a\u06cc \u0648 \u062a\u06a9\u0645\u06cc\u0644 \u0644\u0648\u06a9\u0633.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"mm-feature-grid\">\n\n        <div class=\"mm-glass-light mm-feature-card mm-scale-in\">\n          <h3>\u0627\u06cc\u0645\u0646\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a<\/h3>\n          <p>\n            \u0645\u0642\u0648\u0627 \u0648 \u0645\u0631\u06a9\u0628\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc\u060c \u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u0645\u0642\u0627\u0648\u0645 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0631\u0637\u0648\u0628\u062a \u0648 \u062a\u0631\u06a9\u06cc\u0628\u0627\u062a \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646.\n          <\/p>\n        <\/div>\n\n        <div class=\"mm-glass-light mm-feature-card mm-scale-in\">\n          <h3>\u062c\u0630\u0627\u0628\u06cc\u062a \u062f\u0631 \u0642\u0641\u0633\u0647<\/h3>\n          <p>\n            \u0686\u0627\u067e \u06f7 \u0631\u0646\u06af\u060c UV \u0645\u0648\u0636\u0639\u06cc\u060c \u0647\u06cc\u0628\u0631\u06cc\u062f \u0648 \u0627\u0645\u0628\u0627\u0633 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u0647 \u0644\u0648\u06a9\u0633 \u0648 \u0634\u06a9\u0627\u0631 \u0646\u06af\u0627\u0647 \u0645\u0634\u062a\u0631\u06cc \u062f\u0631 \u0686\u0646\u062f \u062b\u0627\u0646\u06cc\u0647 \u0627\u0648\u0644.\n          <\/p>\n        <\/div>\n\n        <div class=\"mm-glass-light mm-feature-card mm-scale-in\">\n          <h3>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc<\/h3>\n          <p>\n            \u0644\u0645\u06cc\u0646\u062a \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u0645\u062d\u0627\u0641\u0638 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0631\u0637\u0648\u0628\u062a\u060c \u0646\u0648\u0631 \u0648 \u0647\u0648\u0627 \u0628\u0631\u0627\u06cc \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646.\n          <\/p>\n        <\/div>\n\n        <div class=\"mm-glass-light mm-feature-card mm-scale-in\">\n          <h3>\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u062d\u06cc\u0637\u200c\u0632\u06cc\u0633\u062a\u06cc<\/h3>\n          <p>\n            \u0645\u0642\u0648\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0641\u062a\u06cc\u060c \u0633\u0644\u0641\u0648\u0646 \u0645\u0627\u062a \u0648 \u0628\u0631\u0627\u0642 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u062a\u06a9\u200c\u0645\u0627\u062f\u0647 (Mono-Material) \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0633\u0628\u0632 \u0648 \u0635\u0627\u062f\u0631\u0627\u062a\u200c\u0645\u062d\u0648\u0631.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<section id=\"solutions\" class=\"mm-solutions\">\n\n  <div class=\"mm-wrap\">\n\n    <div class=\"mm-solutions-head\">\n\n      <span class=\"mm-section-kicker mm-reveal\">\n        \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633\n      <\/span>\n\n      <h2 class=\"mm-reveal\">\n        \u06a9\u062f\u0627\u0645 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc\n        <span class=\"mm-grad-text-light\">\n          \u0645\u062d\u0635\u0648\u0644 \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0634\u0645\u0627\n        <\/span>\n        \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u061f\n      <\/h2>\n\n    <\/div>\n\n    <div class=\"mm-solution\">\n\n      <div class=\"mm-solution-copy mm-reveal-r\">\n\n        <div class=\"mm-num\">\u06f1<\/div>\n\n        <h3>\n          \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648\n          <span>(Folding Carton)<\/span>\n        <\/h3>\n\n        <p>\n          \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f\u062a\u0631\u06cc\u0646 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0635\u0646\u0639\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\u061b \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0628\u0631\u0627\u06cc \u062c\u0639\u0628\u0647 \u06a9\u0631\u0645\u060c \u0633\u0631\u0645\u060c \u0639\u0637\u0631\u060c \u0634\u0627\u0645\u067e\u0648 \u0648 \u0633\u062a\u200c\u0647\u0627\u06cc \u0647\u062f\u06cc\u0647 \u0622\u0631\u0627\u06cc\u0634\u06cc. \u0633\u0637\u062d \u0686\u0627\u067e\u06cc \u0639\u0627\u0644\u06cc \u0645\u0642\u0648\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0627\u062c\u0631\u0627\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631\u06cc\u0646 \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u0648 \u062a\u06a9\u0645\u06cc\u0644\u200c\u0647\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0645\u0627\u0646\u0646\u062f \u0637\u0644\u0627\u06a9\u0648\u0628 \u0648 \u0627\u0645\u0628\u0627\u0633 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\n        <\/p>\n\n        <ul>\n\n          <li>\n            \u0686\u0627\u067e \u0627\u0641\u0633\u062a \u062a\u0627 \u06f7 \u0631\u0646\u06af + \u067e\u0646\u062a\u0648\u0646 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0646\u062f\u060c \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0641\u062a\u0648\u0631\u0626\u0627\u0644 \u0628\u0631\u0627\u06cc \u0639\u06a9\u0627\u0633\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc\n          <\/li>\n\n          <li>\n            \u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u0633\u0644\u0641\u0648\u0646 \u0645\u0627\u062a\/\u0628\u0631\u0627\u0642\u060c UV \u0645\u0648\u0636\u0639\u06cc\u060c \u0647\u06cc\u0628\u0631\u06cc\u062f \u0648 \u0627\u0645\u0628\u0627\u0633 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u0647 \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645\n          <\/li>\n\n          <li>\n            \u0633\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639: \u0642\u0641\u0644\u200c\u062a\u0647\u060c \u062a\u0647\u200c\u0686\u0633\u0628 \u0627\u062a\u0648\u0645\u0627\u062a\u060c \u062f\u0631\u0628 \u06a9\u0634\u0648\u06cc\u06cc\u060c \u067e\u0646\u062c\u0631\u0647 \u0637\u0644\u0642\u06cc \u0648 \u0647\u0646\u06af\u0631\n          <\/li>\n\n          <li>\n            \u0627\u0631\u0633\u0627\u0644 \u062a\u062e\u062a \u0648 \u0645\u0648\u0646\u062a\u0627\u0698 \u0633\u0631\u06cc\u0639 \u0631\u0648\u06cc \u062e\u0637 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u061b \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647 \u0627\u0646\u0628\u0627\u0631 \u0648 \u062d\u0645\u0644\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n      <div class=\"mm-solution-media mm-glass mm-reveal-l\">\n\n        <div class=\"mm-card-img\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/990C68DC-8DA3-4F7A-BC06-8966203EBE40.webp\"\n            alt=\"\u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc\"\n            loading=\"lazy\"\n          \/>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"mm-solution mm-solution--alt mm-solution--reverse\">\n\n      <div class=\"mm-solution-copy mm-reveal-r\">\n\n        <div class=\"mm-num\">\u06f2<\/div>\n\n        <h3>\n          \u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647\n          <span>(Litho-Laminated)<\/span>\n        <\/h3>\n\n        <p>\n          \u062a\u0631\u06a9\u06cc\u0628 \u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u06a9\u0627\u0631\u062a\u0646 \u0641\u0644\u0648\u062a \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0686\u0627\u067e \u0627\u0641\u0633\u062a \u0631\u0648\u06cc \u0645\u0642\u0648\u0627\u06cc \u0631\u0648\u06cc\u0647\u061b \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646\u200c\u062a\u0631 \u0645\u062b\u0644 \u06a9\u0627\u0631\u062a\u0646 \u0645\u0627\u062f\u0631 \u0628\u0637\u0631\u06cc\u200c\u0647\u0627\u06cc \u0634\u0627\u0645\u067e\u0648 \u0648 \u0644\u0648\u0633\u06cc\u0648\u0646\u060c \u062c\u0639\u0628\u0647 \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc\u060c \u0628\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u0686\u0646\u062f\u062a\u0627\u06cc\u06cc \u0648 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0632\u0646\u062c\u06cc\u0631\u0647\u200c\u0627\u06cc (SRP).\n        <\/p>\n\n        <ul>\n\n          <li>\n            \u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u0628\u0627\u0644\u0627 \u0628\u0627 \u0641\u0644\u0648\u062a E \u0648 B \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u06f3 \u0648 \u06f5 \u0644\u0627\u06cc\u0647\u061b \u0645\u0646\u0627\u0633\u0628 \u067e\u0627\u0644\u062a\u200c\u0628\u0646\u062f\u06cc \u0648 \u0635\u0627\u062f\u0631\u0627\u062a\n          <\/li>\n\n          <li>\n            \u06a9\u06cc\u0641\u06cc\u062a \u0686\u0627\u067e \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0631\u0648\u06cc \u0631\u0648\u06cc\u0647 \u0644\u0645\u06cc\u0646\u062a\u06cc \u2014 \u06a9\u0627\u0631\u062a\u0646\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 \u0642\u0641\u0633\u0647 \u0641\u0631\u0648\u0634 \u0627\u0633\u062a\n          <\/li>\n\n          <li>\n            \u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06a9\u0627\u0646\u06cc\u06a9\u06cc \u0639\u0627\u0644\u06cc \u0627\u0632 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0634\u06a9\u0646\u0646\u062f\u0647 (\u0628\u0637\u0631\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0639\u0637\u0631 \u0648 \u0644\u0648\u0633\u06cc\u0648\u0646) \u062f\u0631 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644\n          <\/li>\n\n          <li>\n            \u0642\u0627\u0628\u0644\u06cc\u062a \u067e\u0648\u0634\u0634 \u0636\u062f\u0631\u0637\u0648\u0628\u062a \u0628\u0631\u0627\u06cc \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u0645\u0631\u0637\u0648\u0628 \u0648 \u0627\u0646\u0628\u0627\u0631\u062f\u0627\u0631\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc\u200c\u0645\u062f\u062a\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n      <div class=\"mm-solution-media mm-glass mm-reveal-l\">\n\n        <div class=\"mm-card-img\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/16CAA61C-E540-4CDD-A81F-7B465CE09FBD.webp\"\n            alt=\"\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc\"\n            loading=\"lazy\"\n          \/>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"mm-solution\">\n\n      <div class=\"mm-solution-copy mm-reveal-r\">\n\n        <div class=\"mm-num\">\u06f3<\/div>\n\n        <h3>\n          \u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc\n          <span>IML \/ BML \/ TML \/ IMD<\/span>\n        <\/h3>\n\n        <p>\n          \u0628\u0631\u0627\u06cc \u0638\u0631\u0648\u0641 \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u2014 \u06a9\u0631\u0645\u060c \u0644\u0648\u0633\u06cc\u0648\u0646\u060c \u0698\u0644\u060c \u0634\u0627\u0645\u067e\u0648 \u0648 \u06a9\u0631\u0645\u200c\u067e\u0648\u062f\u0631 \u2014 \u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0647\u0646\u06af\u0627\u0645 \u062a\u0632\u0631\u06cc\u0642 \u06cc\u0627 \u062a\u0631\u0645\u0648\u0641\u0631\u0645\u06cc\u0646\u06af \u0628\u0627 \u0638\u0631\u0641 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u0646\u062a\u06cc\u062c\u0647: \u0686\u0627\u067e\u06cc \u0641\u062a\u0648\u0631\u0626\u0627\u0644 \u06a9\u0647 \u0647\u0631\u06af\u0632 \u06a9\u0646\u062f\u0647 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0631\u0637\u0648\u0628\u062a \u0645\u0642\u0627\u0648\u0645 \u0627\u0633\u062a.\n        <\/p>\n\n        <div class=\"mm-label-grid\">\n\n          <div class=\"mm-glass mm-label-card\">\n\n            <div class=\"name\" style=\"color:#ff5ec4\">\n              IML\n            <\/div>\n\n            <p>\n              \u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u062a\u0632\u0631\u06cc\u0642\u06cc\u061b \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0631\u0627\u06cc\u062c \u0638\u0631\u0648\u0641 \u06a9\u0631\u0645 \u0648 \u0644\u0648\u0627\u0632\u0645 \u0622\u0631\u0627\u06cc\u0634\u06cc. \u0645\u0642\u0627\u0648\u0645 \u0628\u0647 \u0631\u0637\u0648\u0628\u062a \u0648 \u062e\u0631\u0627\u0634.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"mm-glass mm-label-card\">\n\n            <div class=\"name\" style=\"color:#8fa2ff\">\n              BML\n            <\/div>\n\n            <p>\n              \u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0628\u0627\u062f\u06cc \u0628\u0631\u0627\u06cc \u0628\u0637\u0631\u06cc\u200c\u0647\u0627\u06cc \u0634\u0627\u0645\u067e\u0648 \u0648 \u0644\u0648\u0633\u06cc\u0648\u0646\u061b \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0628\u062f\u0646\u0647 \u0648 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0644\u06cc\u0628\u0644\u200c\u0632\u0646\u06cc \u062b\u0627\u0646\u0648\u06cc\u0647.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"mm-glass mm-label-card\">\n\n            <div class=\"name\" style=\"color:#ff5ec4\">\n              TML\n            <\/div>\n\n            <p>\n              \u0644\u06cc\u0628\u0644 \u062a\u0631\u0645\u0648\u0641\u0631\u0645\u06cc\u0646\u06af \u0628\u0631\u0627\u06cc \u0638\u0631\u0648\u0641 \u06cc\u06a9\u0628\u0627\u0631\u0645\u0635\u0631\u0641 \u06a9\u0631\u0645 \u0648 \u0645\u0627\u0633\u06a9\u061b \u0633\u0631\u0639\u062a \u062a\u0648\u0644\u06cc\u062f \u0628\u0627\u0644\u0627 \u0628\u0627 \u0638\u0627\u0647\u0631 \u06a9\u0627\u0645\u0644\u0627\u064b \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"mm-glass mm-label-card\">\n\n            <div class=\"name\" style=\"color:#8fa2ff\">\n              IMD\n            <\/div>\n\n            <p>\n              \u062f\u06a9\u0648\u0631\u0627\u0633\u06cc\u0648\u0646 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0628\u0631\u0627\u06cc \u0642\u0637\u0639\u0627\u062a \u0628\u0627 \u062f\u0648\u0627\u0645 \u0628\u0627\u0644\u0627\u061b \u062c\u0644\u0648\u0647\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0648 \u0645\u062a\u0627\u0644\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u062f\u0631\u0628\u200c\u0647\u0627 \u0648 \u0628\u062f\u0646\u0647 \u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc -\u0628\u0647\u062f\u0627\u0634\u062a\u06cc\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"mm-solution-media mm-glass mm-reveal-l\">\n\n        <div class=\"mm-card-img\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/AADB0404-98FF-4ED3-9867-2F7FF84B9951.webp\"\n            alt=\"\u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0638\u0631\u0648\u0641 \u0622\u0631\u0627\u06cc\u0634\u06cc\"\n            loading=\"lazy\"\n          \/>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<section id=\"portfolio\">\n\n  <div class=\"mm-wrap mm-portfolio-head\">\n\n    <span class=\"mm-section-kicker mm-reveal\">\n      \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u0635\u0646\u0639\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\n    <\/span>\n\n    <h2 class=\"mm-reveal\">\n      \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647\n      <span class=\"mm-grad-text\">\n        \u0642\u0641\u0633\u0647\u200c\u0647\u0627 \u0631\u0627 \u0641\u062a\u062d\n      <\/span>\n      \u06a9\u0631\u062f\u0646\u062f\n    <\/h2>\n\n    <p class=\"mm-reveal\">\n      \u0645\u0646\u062a\u062e\u0628\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0686\u0627\u067e \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u2014 \u0627\u0632 \u0627\u06cc\u062f\u0647 \u062a\u0627 \u0642\u0641\u0633\u0647.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"mm-portfolio-body\">\n\n    <div class=\"mm-wrap\">\n\n      <div class=\"mm-portfolio-grid\">\n\n         <article class=\"project-card mm-scale-in\">\n\n          <div class=\"mm-card-img\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/Warm-Sun-Care-Product-Still-Life.webp\"\n              alt=\"\u062c\u0639\u0628\u0647 \u06a9\u0631\u0645 \u0636\u062f \u0622\u0641\u062a\u0627\u0628 \u0646\u0626\u0648\u062f\u0631\u0645\"\n              loading=\"lazy\"\n            \/>\n\n          <\/div>\n\n          <div class=\"mm-glass\">\n\n            <div class=\"row\">\n\n              <h3>\n                \u06a9\u0631\u0645 \u0636\u062f \u0622\u0641\u062a\u0627\u0628 \u0646\u0626\u0648\u062f\u0631\u0645\n              <\/h3>\n\n              <span class=\"tag\"\n                    style=\"background:rgba(235,0,139,.85)\">\n                \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648\n              <\/span>\n\n            <\/div>\n\n            <p>\n             NEU DERM Sunscreen\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\t\t\n\t\t<article class=\"project-card mm-scale-in\">\n\n          <div class=\"mm-card-img\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/La-Pure-Body-Lotion-Box-in-Warm-Minimalist-Setting.webp\"\n              alt=\"\u0644\u0648\u0633\u06cc\u0648\u0646 \u0628\u062f\u0646 La Pure\"\n              loading=\"lazy\"\n            \/>\n\n          <\/div>\n\n          <div class=\"mm-glass\">\n\n            <div class=\"row\">\n\n              <h3>\n             \u0644\u0648\u0633\u06cc\u0648\u0646 \u0628\u062f\u0646 LA PURE\n              <\/h3>\n\n              <span class=\"tag\"\n                    style=\"background:rgba(0,20,137,.85)\">\n                \u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc\n              <\/span>\n\n            <\/div>\n\n            <p>\n            LA PURE Body Lotion\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\t\t\n\t\t<article class=\"project-card mm-scale-in\">\n\n          <div class=\"mm-card-img\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/MND-Foot-Scrub-Product-Display.webp\"\n              alt=\"\u0627\u0633\u06a9\u0631\u0627\u0628 \u067e\u0627 MND\"\n              loading=\"lazy\"\n            \/>\n\n          <\/div>\n\n          <div class=\"mm-glass\">\n\n            <div class=\"row\">\n\n              <h3>\n            \u0627\u0633\u06a9\u0631\u0627\u0628 \u067e\u0627 MND\n              <\/h3>\n\n              <span class=\"tag\"\n                    style=\"background:rgba(235,0,139,.85)\">\n                \u0644\u06cc\u0628\u0644 IML\n              <\/span>\n\n            <\/div>\n\n            <p>\n             MND Foot Scrub\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\t\t\n\t\t<article class=\"project-card mm-scale-in\">\n\n          <div class=\"mm-card-img\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/ADRA-Ultra-Soft-Spa-Cream-Still-Life.webp\"\n              alt=\"\u06a9\u0631\u0645 \u0645\u0631\u0637\u0648\u0628 \u06a9\u0646\u0646\u062f\u0647 \u062f\u0633\u062a \u0648 \u0628\u062f\u0646 \u0622\u062f\u0631\u0627\"\n              loading=\"lazy\"\n            \/>\n\n          <\/div>\n\n          <div class=\"mm-glass\">\n\n            <div class=\"row\">\n\n              <h3>\n              \u06a9\u0631\u0645 \u0645\u0631\u0637\u0648\u0628 \u06a9\u0646\u0646\u062f\u0647 \u062f\u0633\u062a \u0648 \u0628\u062f\u0646 \u0622\u062f\u0631\u0627\n              <\/h3>\n\n              <span class=\"tag\"\n                    style=\"background:#eb008b\">\n                IML\n              <\/span>\n\n            <\/div>\n\n            <p>\n             ADRA Hand and Body Cream\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\t\t\n\t\t <article class=\"project-card mm-scale-in\">\n\n          <div class=\"mm-card-img\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/Trichomax-Anti-Dandruff-Shampoo-Ad.webp\"\n              alt=\"\u0634\u0627\u0645\u067e\u0648 \u0636\u062f \u0634\u0648\u0631\u0647 \u062a\u0631\u06cc\u06a9\u0648\u0645\u06a9\u0633\"\n              loading=\"lazy\"\n            \/>\n\n          <\/div>\n\n          <div class=\"mm-glass\">\n\n            <div class=\"row\">\n\n              <h3>\n                \u0634\u0627\u0645\u067e\u0648 \u0636\u062f \u0634\u0648\u0631\u0647 \u062a\u0631\u06cc\u06a9\u0648\u0645\u06a9\u0633\n              <\/h3>\n\n              <span class=\"tag\"\n                    style=\"background:rgba(0,20,137,.85)\">\n                \u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648\n              <\/span>\n\n            <\/div>\n\n            <p>\n             Trichomax Anti-Dandruff Shampoo\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n      <div class=\"mm-cta mm-reveal\">\n\n        <h3>\n          \u0645\u062d\u0635\u0648\u0644 \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0634\u0645\u0627\u060c \u0644\u0627\u06cc\u0642 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\n          <span class=\"mm-grad-text-light\">\n            \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc\n          <\/span>\n          \u0627\u0633\u062a\n        <\/h3>\n\n        <p>\n          \u0627\u0632 \u0645\u0634\u0627\u0648\u0631\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0637\u0631\u0627\u062d\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9 \u062a\u0627 \u0686\u0627\u067e\u060c \u062a\u06a9\u0645\u06cc\u0644 \u0648 \u062a\u062d\u0648\u06cc\u0644 \u2014 \u062a\u06cc\u0645 \u0645\u0627\u062a\u0631\u06cc\u0633 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627\u0633\u062a. \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u067e\u0631\u0648\u0698\u0647\u200c\u062a\u0627\u0646 \u0631\u0627 \u0628\u0627 \u0645\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.\n        <\/p>\n\n        <a href=\"tel:+983135040\"\n           class=\"mm-btn mm-btn--solid\">\n\n          <span>\n            \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n          <\/span>\n\n          <svg viewBox=\"0 0 24 24\"\n               fill=\"none\"\n               stroke=\"currentColor\"\n               stroke-width=\"2.5\">\n\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M15 19l-7-7 7-7\"\/>\n\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/div>\n\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\"\nsrc=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\"\nsrc=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\">\n\n(function(){\n\n  function init(){\n\n    var root = document.getElementById('mm-cosmetics-page');\n    if(!root || root.getAttribute('data-mm-init')) return;\n\n    var gsap = window.gsap;\n    var ScrollTrigger = window.ScrollTrigger;\n    if(!gsap || !ScrollTrigger) return;\n\n    root.setAttribute('data-mm-init','1');\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/* ---------- marquee ---------- *\/\n\n    var marqueeItems = [\n      \"\u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648\",\n      \"\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647\",\n      \"\u0644\u06cc\u0628\u0644 IML\",\n      \"\u0644\u06cc\u0628\u0644 BML\",\n      \"\u0644\u06cc\u0628\u0644 TML\",\n      \"\u062f\u06a9\u0648\u0631\u0627\u0633\u06cc\u0648\u0646 IMD\",\n      \"\u0686\u0627\u067e \u0627\u0641\u0633\u062a \u06f7 \u0631\u0646\u06af\",\n      \"UV\u060c \u0647\u06cc\u0628\u0631\u06cc\u062f\u060c \u0645\u062a\u0627\u0644\u0627\u06cc\u0632\u060c \u0627\u0645\u0628\u0627\u0633 \u0648 \u062f\u0628\u0627\u0633\",\n      \"UV \u0645\u0648\u0636\u0639\u06cc\",\n      \"\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0622\u0631\u0627\u06cc\u0634\u06cc-\u0628\u0647\u062f\u0627\u0634\u062a\u06cc\"\n    ];\n\n    var marqueeHTML = marqueeItems.map(function(text,i){\n      return '<span style=\"color:' + (i % 2 ? '#eb008b' : '#001489') + '\">' +\n        text + '<\/span><span class=\"sep\">\u2726<\/span>';\n    }).join('');\n\n    root.querySelectorAll('[data-marquee]').forEach(function(el){\n      el.innerHTML = Array(8).fill(marqueeHTML).join('');\n    });\n\n    root.classList.add('mm-anim-ready');\n\n    \/* ---------- hero entrance ---------- *\/\n\n    gsap.timeline({ defaults:{ ease:'power4.out' } })\n      .to(root.querySelectorAll('.mm-headline-line > span'), {\n        y:0,\n        duration:1.4,\n        stagger:.14,\n        delay:.15\n      })\n      .to(root.querySelectorAll('.mm-hero .mm-reveal'), {\n        opacity:1,\n        y:0,\n        duration:1.2,\n        stagger:.15\n      }, '-=1.0');\n\n    \/* ---------- counters ---------- *\/\n\n    root.querySelectorAll('[data-counter]').forEach(function(el){\n      var target = parseInt(el.getAttribute('data-counter'),10) || 0;\n      var proxy = { v:0 };\n\n      gsap.to(proxy, {\n        v:target,\n        duration:2.2,\n        ease:'power3.out',\n        delay:1,\n        onUpdate:function(){\n          el.textContent = Math.round(proxy.v).toLocaleString('fa-IR');\n        }\n      });\n    });\n\n    \/* ---------- reveals ---------- *\/\n\n    root.querySelectorAll('.mm-reveal').forEach(function(el){\n      if(el.closest('.mm-hero')) return;\n\n      gsap.to(el, {\n        opacity:1,\n        y:0,\n        duration:1.3,\n        ease:'power3.out',\n        scrollTrigger:{\n          trigger:el,\n          start:'top 88%',\n          once:true\n        }\n      });\n    });\n\n    root.querySelectorAll('.mm-reveal-l').forEach(function(el){\n      gsap.to(el, {\n        opacity:1,\n        x:0,\n        duration:1.5,\n        ease:'power3.out',\n        scrollTrigger:{\n          trigger:el,\n          start:'top 85%',\n          once:true\n        }\n      });\n    });\n\n    root.querySelectorAll('.mm-reveal-r').forEach(function(el){\n      gsap.to(el, {\n        opacity:1,\n        x:0,\n        duration:1.5,\n        ease:'power3.out',\n        scrollTrigger:{\n          trigger:el,\n          start:'top 85%',\n          once:true\n        }\n      });\n    });\n\n    root.querySelectorAll('.mm-scale-in').forEach(function(el,i){\n      gsap.to(el, {\n        opacity:1,\n        scale:1,\n        y:0,\n        duration:1.2,\n        ease:'power3.out',\n        delay:(i % 3) * .12,\n        scrollTrigger:{\n          trigger:el,\n          start:'top 90%',\n          once:true\n        }\n      });\n    });\n\n    \/* ---------- parallax ---------- *\/\n\n    root.querySelectorAll('.mm-solutions .mm-card-img img').forEach(function(img){\n      gsap.fromTo(img,\n        { yPercent:-6 },\n        {\n          yPercent:6,\n          ease:'none',\n          scrollTrigger:{\n            trigger:img,\n            start:'top bottom',\n            end:'bottom top',\n            scrub:1.2\n          }\n        }\n      );\n    });\n\n    \/* ---------- 3D tilt ---------- *\/\n\n    if(window.matchMedia('(pointer:fine)').matches){\n\n      root.querySelectorAll('.project-card').forEach(function(card){\n\n        card.addEventListener('mousemove', function(e){\n\n          var r = card.getBoundingClientRect();\n\n          var rx = ((e.clientY - r.top) \/ r.height - .5) * -6;\n          var ry = ((e.clientX - r.left) \/ r.width - .5) * 6;\n\n          gsap.to(card, {\n            rotateX:rx,\n            rotateY:ry,\n            transformPerspective:900,\n            duration:.5,\n            ease:'power2.out'\n          });\n\n        });\n\n        card.addEventListener('mouseleave', function(){\n\n          gsap.to(card, {\n            rotateX:0,\n            rotateY:0,\n            duration:.9,\n            ease:'elastic.out(1,0.5)'\n          });\n\n        });\n\n      });\n\n    }\n\n    \/* ---------- refresh ---------- *\/\n\n    ScrollTrigger.refresh();\n\n    if(document.readyState === 'complete'){\n\n      setTimeout(function(){\n        ScrollTrigger.refresh();\n      },300);\n\n    }else{\n\n      window.addEventListener('load', function(){\n        ScrollTrigger.refresh();\n      });\n\n    }\n\n    root.querySelectorAll('img').forEach(function(img){\n\n      if(!img.complete){\n\n        img.addEventListener('load', function(){\n          ScrollTrigger.refresh();\n        }, { once:true });\n\n      }\n\n    });\n\n  }\n\n  \/* ---------- wait for GSAP ---------- *\/\n\n  var tries = 0;\n\n  function waitForGsap(){\n\n    if(window.gsap && window.ScrollTrigger){\n      init();\n      return;\n    }\n\n    if(++tries < 100){\n      setTimeout(waitForGsap,100);\n    }\n\n  }\n\n  if(document.readyState === 'loading'){\n\n    document.addEventListener('DOMContentLoaded',waitForGsap);\n\n  }else{\n\n    waitForGsap();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0627\u0632 \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0628\u0631\u0627\u06cc \u06a9\u0631\u0645\u060c \u0633\u0631\u0645 \u0648 \u0644\u0648\u0627\u0632\u0645 \u0622\u0631\u0627\u06cc\u0634\u06cc \u062a\u0627 \u06a9\u0627\u0631\u062a\u0646\u200c\u0647\u0627\u06cc \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc IML \/ BML \/ TML \/ IMD \u0631\u0648\u06cc \u0638\u0631\u0648\u0641 \u06a9\u0631\u0645\u060c \u0634\u0627\u0645\u067e\u0648 \u0648 \u0628\u0637\u0631\u06cc \u0644\u0648\u0633\u06cc\u0648\u0646\u061b \u0645\u0627\u062a\u0631\u06cc\u0633 \u0634\u0631\u06cc\u06a9 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u0628\u0631\u0627\u06cc \u062e\u0644\u0642 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0642\u0641\u0633\u0647 \u0645\u06cc\u200c\u062f\u0631\u062e\u0634\u0646\u062f\u060c \u0627\u0632 \u0645\u062d\u0635\u0648\u0644 \u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-224","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":67,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"predecessor-version":[{"id":1599,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/224\/revisions\/1599"}],"wp:attachment":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}