{"id":3236,"date":"2026-09-20T22:56:59","date_gmt":"2026-09-20T19:26:59","guid":{"rendered":"https:\/\/berandil.ir\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ad%d9%84%d9%8a%d8%a8-%d8%a7%d9%84%d9%85%d9%86%d9%83%d9%91%d9%87\/"},"modified":"2026-09-25T09:37:40","modified_gmt":"2026-09-25T06:07:40","slug":"%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ad%d9%84%d9%8a%d8%a8-%d8%a7%d9%84%d9%85%d9%86%d9%83%d9%91%d9%87","status":"publish","type":"page","link":"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ad%d9%84%d9%8a%d8%a8-%d8%a7%d9%84%d9%85%d9%86%d9%83%d9%91%d9%87\/","title":{"rendered":"\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3236\" class=\"elementor elementor-3236\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b3752 e-con e-atomic-element e-flexbox-base e-default-div e-8178206 \" data-id=\"c6b3752\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6b3752\" data-e-type=\"e-flexbox\" data-id=\"c6b3752\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-ab17987 e-con e-atomic-element e-flexbox-base e-default-div e-512cc60 \" data-id=\"ab17987\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab17987\" data-e-type=\"e-flexbox\" data-id=\"ab17987\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-96beab5 e-con e-atomic-element e-flexbox-base e-default-div e-4f85e84 \" data-id=\"96beab5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96beab5\" data-e-type=\"e-flexbox\" data-id=\"96beab5\">\n    \t\t<div class=\"elementor-element elementor-element-f168bed elementor-widget elementor-widget-html\" data-id=\"f168bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css');\r\n  \r\n  .bd-widget-01 {\r\n  --bd-purple: #7c3aed;\r\n  --bd-purple-dark: #35145f;\r\n  --bd-purple-deep: #12081f;\r\n  --bd-purple-soft: #a855f7;\r\n  --bd-orange: #ff7a18;\r\n  --bd-orange-light: #ffb15c;\r\n  --bd-white: #ffffff;\r\n  --bd-text: #f7f3ff;\r\n  --bd-muted: #c9bddb;\r\n  --bd-border: rgba(255,255,255,.13);\r\n  --bd-glass: rgba(255,255,255,.065);\r\n  --bd-shadow: 0 24px 70px rgba(0,0,0,.34);\r\n  --bd-radius: 28px;\r\n  --bd-transition: all .35s cubic-bezier(.22,.61,.36,1);\r\n  font-family:\"Shabnam\",\"IRANSans\",\"IRANSansX\",Tahoma,Arial,sans-serif;\r\n  color:var(--bd-text);\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 82% 18%,rgba(124,58,237,.20),transparent 30%),\r\n    radial-gradient(circle at 12% 70%,rgba(255,122,24,.08),transparent 28%),\r\n    linear-gradient(135deg,#10071b 0%,#180b28 48%,#0e0618 100%);\r\n  padding:80px 0 90px;\r\n  isolation:isolate;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-container {\r\n  width:min(1240px,calc(100% - 40px));\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero {\r\n  position:relative;\r\n  min-height:680px;\r\n  display:flex;\r\n  align-items:center;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-grid {\r\n  width:100%;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\r\n  gap:70px;\r\n  align-items:center;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-content {\r\n  position:relative;\r\n  z-index:5;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-brand-line {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  margin-bottom:22px;\r\n  color:var(--bd-muted);\r\n  font-size:14px;\r\n  font-weight:600;\r\n  letter-spacing:.1px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-brand-dot {\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--bd-orange),var(--bd-orange-light));\r\n  box-shadow:0 0 0 5px rgba(255,122,24,.08),0 0 20px rgba(255,122,24,.35);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-brand-separator {\r\n  color:rgba(255,255,255,.28);\r\n  margin:0 3px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-title {\r\n  margin:0;\r\n  max-width:720px;\r\n  color:var(--bd-white);\r\n  font-size:clamp(48px,6vw,82px);\r\n  line-height:1.02;\r\n  font-weight:900;\r\n  letter-spacing:-2px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-title span {\r\n  display:block;\r\n  margin-top:8px;\r\n  background:linear-gradient(90deg,#ffffff 0%,#c084fc 45%,#ff9a3d 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-tag {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:24px;\r\n  padding:9px 15px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(168,85,247,.28);\r\n  background:rgba(124,58,237,.10);\r\n  color:#e9d5ff;\r\n  font-size:13px;\r\n  font-weight:700;\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-tag-icon {\r\n  color:var(--bd-orange);\r\n  font-size:15px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-description {\r\n  margin-top:26px;\r\n  max-width:760px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-description p {\r\n  margin:0 0 15px;\r\n  color:var(--bd-muted);\r\n  font-size:15.5px;\r\n  line-height:2.05;\r\n  text-align:justify;\r\n  text-justify:inter-word;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-description p:last-child {\r\n  margin-bottom:0;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  margin-top:27px;\r\n  max-width:580px;\r\n  padding-top:20px;\r\n  border-top:1px solid rgba(255,255,255,.08);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust-icon {\r\n  flex:0 0 auto;\r\n  width:35px;\r\n  height:35px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  color:#fff;\r\n  background:linear-gradient(135deg,var(--bd-orange),#ff9e42);\r\n  box-shadow:0 8px 22px rgba(255,122,24,.18);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust strong {\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:#fff;\r\n  font-size:13px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust span {\r\n  display:block;\r\n  color:var(--bd-muted);\r\n  font-size:12px;\r\n  line-height:1.8;\r\n  text-align:justify;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-visual {\r\n  min-height:650px;\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-visual-glow {\r\n  position:absolute;\r\n  width:430px;\r\n  height:430px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(124,58,237,.28),rgba(124,58,237,.08) 45%,transparent 72%);\r\n  filter:blur(8px);\r\n  animation:bdGlow 5s ease-in-out infinite;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring {\r\n  position:absolute;\r\n  border-radius:50%;\r\n  border:1px solid rgba(168,85,247,.18);\r\n  pointer-events:none;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-1 {\r\n  width:490px;\r\n  height:490px;\r\n  animation:bdRingRotate 24s linear infinite;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-2 {\r\n  width:570px;\r\n  height:570px;\r\n  border-color:rgba(255,122,24,.09);\r\n  animation:bdRingRotateReverse 32s linear infinite;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-3 {\r\n  width:650px;\r\n  height:650px;\r\n  border-style:dashed;\r\n  border-color:rgba(255,255,255,.055);\r\n  animation:bdRingRotate 42s linear infinite;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-badge {\r\n  position:absolute;\r\n  top:5%;\r\n  right:7%;\r\n  z-index:5;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:12px 15px;\r\n  border-radius:17px;\r\n  border:1px solid rgba(255,255,255,.13);\r\n  background:rgba(18,8,31,.72);\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n  box-shadow:0 18px 45px rgba(0,0,0,.22);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-badge-star {\r\n  width:31px;\r\n  height:31px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:10px;\r\n  background:rgba(255,122,24,.12);\r\n  color:var(--bd-orange);\r\n  font-size:16px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-badge small,\r\n  .bd-widget-01 .bd-doogh-product-badge strong {\r\n  display:block;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-badge small {\r\n  color:var(--bd-muted);\r\n  font-size:8px;\r\n  letter-spacing:2px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-badge strong {\r\n  color:#fff;\r\n  font-size:12px;\r\n  letter-spacing:1px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame {\r\n  position:relative;\r\n  z-index:3;\r\n  width:min(380px,68%);\r\n  padding:13px;\r\n  border-radius:34px;\r\n  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.025));\r\n  border:1px solid rgba(255,255,255,.14);\r\n  box-shadow:0 35px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);\r\n  transform:rotate(-3deg);\r\n  transition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame:hover {\r\n  transform:rotate(0deg) translateY(-8px);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame-inner {\r\n  position:relative;\r\n  overflow:hidden;\r\n  min-height:510px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:25px;\r\n  background:radial-gradient(circle at 50% 20%,rgba(168,85,247,.22),transparent 45%),linear-gradient(160deg,#29123f,#11091c);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-image {\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  max-height:540px;\r\n  object-fit:contain;\r\n  position:relative;\r\n  z-index:2;\r\n  filter:drop-shadow(0 30px 35px rgba(0,0,0,.38));\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-image-shine {\r\n  position:absolute;\r\n  top:-30%;\r\n  left:-70%;\r\n  width:55%;\r\n  height:160%;\r\n  transform:rotate(20deg);\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);\r\n  animation:bdShine 5s ease-in-out infinite;\r\n  pointer-events:none;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card {\r\n  position:absolute;\r\n  z-index:6;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:12px 14px;\r\n  min-width:185px;\r\n  border-radius:17px;\r\n  border:1px solid rgba(255,255,255,.13);\r\n  background:rgba(19,9,31,.76);\r\n  backdrop-filter:blur(15px);\r\n  -webkit-backdrop-filter:blur(15px);\r\n  box-shadow:0 20px 45px rgba(0,0,0,.25);\r\n  animation:bdFloat 5s ease-in-out infinite;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-card-1 {\r\n  right:-2%;\r\n  bottom:17%;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-card-2 {\r\n  left:-4%;\r\n  bottom:29%;\r\n  animation-delay:-2.2s;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-icon {\r\n  width:36px;\r\n  height:36px;\r\n  flex:0 0 36px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:11px;\r\n  color:#d8b4fe;\r\n  background:rgba(124,58,237,.14);\r\n  border:1px solid rgba(168,85,247,.18);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-icon-orange {\r\n  color:var(--bd-orange);\r\n  background:rgba(255,122,24,.10);\r\n  border-color:rgba(255,122,24,.17);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card strong {\r\n  display:block;\r\n  color:#fff;\r\n  font-size:12px;\r\n  margin-bottom:3px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card span {\r\n  display:block;\r\n  color:var(--bd-muted);\r\n  font-size:10px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-particle {\r\n  position:absolute;\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--bd-orange);\r\n  box-shadow:0 0 16px rgba(255,122,24,.55);\r\n  animation:bdParticle 5s ease-in-out infinite;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-particle-1 {\r\n  top:15%;\r\n  left:19%;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-particle-2 {\r\n  top:34%;\r\n  right:12%;\r\n  animation-delay:-1s;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-particle-3 {\r\n  bottom:18%;\r\n  right:18%;\r\n  animation-delay:-2s;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-particle-4 {\r\n  bottom:12%;\r\n  left:28%;\r\n  animation-delay:-3s;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-particle-5 {\r\n  top:24%;\r\n  left:8%;\r\n  width:3px;\r\n  height:3px;\r\n  background:var(--bd-purple-soft);\r\n  animation-delay:-1.5s;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-particle-6 {\r\n  top:65%;\r\n  right:5%;\r\n  width:3px;\r\n  height:3px;\r\n  background:var(--bd-purple-soft);\r\n  animation-delay:-3.5s;\r\n  }\r\n  \r\n  @keyframes bdGlow {\r\n  0%,100% {\r\n    transform:scale(1);\r\n    opacity:.8;\r\n  }\r\n  50% {\r\n    transform:scale(1.08);\r\n    opacity:1;\r\n  }\r\n  }\r\n  \r\n  @keyframes bdRingRotate {\r\n  from {\r\n    transform:rotate(0deg);\r\n  }\r\n  to {\r\n    transform:rotate(360deg);\r\n  }\r\n  }\r\n  \r\n  @keyframes bdRingRotateReverse {\r\n  from {\r\n    transform:rotate(360deg);\r\n  }\r\n  to {\r\n    transform:rotate(0deg);\r\n  }\r\n  }\r\n  \r\n  @keyframes bdFloat {\r\n  0%,100% {\r\n    transform:translateY(0);\r\n  }\r\n  50% {\r\n    transform:translateY(-9px);\r\n  }\r\n  }\r\n  \r\n  @keyframes bdParticle {\r\n  0%,100% {\r\n    transform:translateY(0);\r\n    opacity:.45;\r\n  }\r\n  50% {\r\n    transform:translateY(-18px);\r\n    opacity:1;\r\n  }\r\n  }\r\n  \r\n  @keyframes bdShine {\r\n  0% {\r\n    left:-70%;\r\n  }\r\n  45%,100% {\r\n    left:140%;\r\n  }\r\n  }\r\n  \r\n  .bd-widget-01 a:focus-visible,\r\n  .bd-widget-01 input:focus-visible,\r\n  .bd-widget-01 select:focus-visible,\r\n  .bd-widget-01 textarea:focus-visible {\r\n  outline:2px solid var(--bd-orange);\r\n  outline-offset:3px;\r\n  }\r\n  \r\n  @media (max-width:1200px) {\r\n  .bd-widget-01 .bd-doogh-hero-grid {\r\n    gap:40px;\r\n    grid-template-columns:minmax(0,1fr) minmax(400px,.85fr);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-3 {\r\n    width:570px;\r\n    height:570px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-2 {\r\n    width:510px;\r\n    height:510px;\r\n  }\r\n  }\r\n  \r\n  @media (max-width:1000px) {\r\n  .bd-widget-01 {\r\n    padding:60px 0 70px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-grid {\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-content {\r\n    text-align:center;\r\n    max-width:820px;\r\n    margin:0 auto;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-brand-line {\r\n    justify-content:center;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-description {\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust {\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n    text-align:right;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-visual {\r\n    min-height:590px;\r\n  }\r\n  }\r\n  \r\n  @media (max-width:700px) {\r\n  .bd-widget-01 {\r\n    padding:45px 0 55px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-container {\r\n    width:min(100% - 28px,1240px);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-title {\r\n    font-size:clamp(43px,13vw,64px);\r\n    letter-spacing:-1.5px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-description p {\r\n    font-size:14px;\r\n    line-height:2;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-visual {\r\n    min-height:500px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame {\r\n    width:min(330px,72%);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame-inner {\r\n    min-height:430px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-1 {\r\n    width:410px;\r\n    height:410px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-2 {\r\n    width:470px;\r\n    height:470px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-ring-3 {\r\n    display:none;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card {\r\n    min-width:155px;\r\n    padding:9px 10px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-card-1 {\r\n    right:0;\r\n    bottom:10%;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-card-2 {\r\n    left:0;\r\n    bottom:24%;\r\n  }\r\n  }\r\n  \r\n  @media (max-width:480px) {\r\n  .bd-widget-01 .bd-doogh-brand-line {\r\n    font-size:11px;\r\n    gap:6px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-tag {\r\n    font-size:11px;\r\n    padding:8px 12px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-description p {\r\n    font-size:13px;\r\n    line-height:1.95;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust {\r\n    align-items:flex-start;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-trust span {\r\n    font-size:10px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-visual {\r\n    min-height:430px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame {\r\n    width:66%;\r\n    padding:9px;\r\n    border-radius:25px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame-inner {\r\n    min-height:350px;\r\n    border-radius:19px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card {\r\n    min-width:130px;\r\n    gap:7px;\r\n    padding:8px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-icon {\r\n    width:30px;\r\n    height:30px;\r\n    flex-basis:30px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card strong {\r\n    font-size:9px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card span {\r\n    font-size:8px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-card-1 {\r\n    right:-4px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-floating-card-2 {\r\n    left:-4px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-badge {\r\n    top:0;\r\n    right:0;\r\n    padding:8px 10px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-badge-star {\r\n    width:25px;\r\n    height:25px;\r\n  }\r\n  }\r\n  \r\n  @media (max-width:360px) {\r\n  .bd-widget-01 .bd-doogh-container {\r\n    width:calc(100% - 20px);\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-hero-title {\r\n    font-size:41px;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-product-frame {\r\n    width:62%;\r\n  }\r\n  \r\n  .bd-widget-01 .bd-doogh-floating-card {\r\n    transform:scale(.88);\r\n  }\r\n  }\r\n  \r\n  @media (prefers-reduced-motion:reduce) {\r\n  .bd-widget-01 *,\r\n  .bd-widget-01 *::before,\r\n  .bd-widget-01 *::after {\r\n    animation-duration:.01ms !important;\r\n    animation-iteration-count:1 !important;\r\n    scroll-behavior:auto !important;\r\n    transition-duration:.01ms !important;\r\n  }\r\n  }\r\n  <\/style>\r\n  \r\n  \r\n  <section class=\"bd-doogh-page bd-widget-01\" dir=\"rtl\">\r\n  \r\n    <div class=\"bd-doogh-container\">\r\n  \r\n      <div class=\"bd-doogh-hero\">\r\n  \r\n        <div class=\"bd-doogh-hero-grid\">\r\n  \r\n          <div class=\"bd-doogh-hero-content\">\r\n  \r\n            <div class=\"bd-doogh-brand-line\">\r\n              <span class=\"bd-doogh-brand-dot\"><\/span>\r\n              <span>\u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644<\/span>\r\n              <span class=\"bd-doogh-brand-separator\">\/<\/span>\r\n              <span>\u062d\u0644\u0648\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0623\u0644\u0628\u0627\u0646<\/span>\r\n            <\/div>\r\n  \r\n            <h1 class=\"bd-doogh-hero-title\">\r\n              \u0645\u062b\u0628\u0651\u062a\r\n              <span>\u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647<\/span>\r\n            <\/h1>\r\n  \r\n            <div class=\"bd-doogh-product-tag\">\r\n              <span class=\"bd-doogh-tag-icon\">\u2726<\/span>\r\n              \u0645\u0646\u062a\u062c \u0645\u062a\u062e\u0635\u0635 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644\r\n            <\/div>\r\n  \r\n            <div class=\"bd-doogh-hero-description\">\r\n  \r\n              <p>\r\n                \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644 \u0647\u0648 \u062d\u0644 \u0645\u062a\u062e\u0635\u0635 \u0648\u0645\u062a\u0642\u062f\u0645 \u0644\u0625\u0646\u062a\u0627\u062c\r\n                \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u0629 \u0628\u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0645\u0633\u062a\u0642\u0631\r\n                \u0648\u062c\u0648\u062f\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629. \u0648\u0642\u062f \u062a\u0645 \u062a\u0637\u0648\u064a\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u062a\u0639\u0642\u064a\u062f\r\n                \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u0644\u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649\r\n                \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062c \u0648\u062a\u062b\u0628\u064a\u062a\u0647\u0627 \u0637\u0648\u0627\u0644 \u0639\u0645\u0644\u064a\u0629\r\n                \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n              <\/p>\r\n  \r\n              <p>\r\n                \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0628\u0647\u062f\u0641 \u062a\u062d\u0633\u064a\u0646 \u062b\u0628\u0627\u062a\r\n                \u0627\u0644\u0646\u0638\u0627\u0645\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0644\u0632\u0648\u062c\u0629\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c. \u0648\u064a\u0633\u0627\u0639\u062f\r\n                \u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645 \u0639\u0644\u0649 \u0645\u0646\u0639 \u062a\u0631\u0633\u0651\u0628 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\u060c\r\n                \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0638\u0631\u0648\u0641\u064b\u0627 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633 \u0644\u0645\u0643\u0648\u0646\u0627\u062a\r\n                \u0645\u062b\u0644 \u0645\u0633\u062d\u0648\u0642 \u0627\u0644\u0643\u0627\u0643\u0627\u0648\u060c \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0643\u0647\u0629\u060c \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629.\r\n              <\/p>\r\n  \r\n              <p>\r\n                \u064a\u0633\u0627\u0647\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u062a\u062d\u0633\u064a\u0646\r\n                \u0627\u0644\u062b\u0628\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u060c \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u0631\u063a\u0648\u0628 \u0648\u0625\u062d\u0633\u0627\u0633 \u0641\u0645\u0648\u064a \u0645\u062a\u0648\u0627\u0632\u0646\u060c\r\n                \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u0648\u0632\u064a\u0639.\r\n              <\/p>\r\n  \r\n              <p>\r\n                \u064a\u064f\u0639\u062f \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c \u062e\u064a\u0627\u0631\u064b\u0627 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u064b\u0627 \u0644\u0644\u0645\u0635\u0646\u0651\u0639\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0633\u0639\u0648\u0646\r\n                \u0625\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0628\u0646\u064a\u0629 \u0645\u0633\u062a\u0642\u0631\u0629\u060c \u0648\u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u062a\u062d\u0643\u0645 \u0641\u0639\u0627\u0644 \u0641\u064a \u0627\u0644\u062a\u0631\u0633\u0628\u060c\r\n                \u0648\u062c\u0648\u062f\u0629 \u062b\u0627\u0628\u062a\u0629 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u061b \u0648\u0647\u0648 \u062d\u0644 \u0645\u0648\u062b\u0648\u0642 \u0644\u0625\u0646\u062a\u0627\u062c\r\n                \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0641\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0628\u0642\u062f\u0631\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0641\u064a\r\n                \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629.\r\n              <\/p>\r\n  \r\n            <\/div>\r\n  \r\n            <div class=\"bd-doogh-trust\">\r\n  \r\n              <div class=\"bd-doogh-trust-icon\">\r\n                \u2713\r\n              <\/div>\r\n  \r\n              <div>\r\n                <strong>\u062d\u0644 \u0645\u062a\u062e\u0635\u0635 \u0644\u0645\u0635\u0646\u0651\u0639\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647<\/strong>\r\n  \r\n                <span>\r\n                  \u0645\u0646\u0627\u0633\u0628 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062b\u0628\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0644\u0632\u0648\u062c\u0629\u060c \u0648\u0645\u0646\u0639 \u0627\u0644\u062a\u0631\u0633\u0628\r\n                  \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c\r\n                <\/span>\r\n              <\/div>\r\n  \r\n            <\/div>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-doogh-hero-visual\">\r\n  \r\n            <div class=\"bd-doogh-visual-glow\"><\/div>\r\n  \r\n            <div class=\"bd-doogh-ring bd-doogh-ring-1\"><\/div>\r\n            <div class=\"bd-doogh-ring bd-doogh-ring-2\"><\/div>\r\n            <div class=\"bd-doogh-ring bd-doogh-ring-3\"><\/div>\r\n  \r\n            <span class=\"bd-doogh-particle bd-particle-1\"><\/span>\r\n            <span class=\"bd-doogh-particle bd-particle-2\"><\/span>\r\n            <span class=\"bd-doogh-particle bd-particle-3\"><\/span>\r\n            <span class=\"bd-doogh-particle bd-particle-4\"><\/span>\r\n            <span class=\"bd-doogh-particle bd-particle-5\"><\/span>\r\n            <span class=\"bd-doogh-particle bd-particle-6\"><\/span>\r\n  \r\n            <div class=\"bd-doogh-product-badge\">\r\n  \r\n              <span class=\"bd-badge-star\">\u2726<\/span>\r\n  \r\n              <span>\r\n                <small>BERANDIL<\/small>\r\n                <strong>FLAVORED MILK STABILIZER<\/strong>\r\n              <\/span>\r\n  \r\n            <\/div>\r\n  \r\n  \r\n            <div class=\"bd-doogh-product-frame\">\r\n  \r\n              <div class=\"bd-doogh-product-frame-inner\">\r\n  \r\n                <img fetchpriority=\"high\"\r\n                  class=\"bd-doogh-product-image\"\r\n                  src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                  alt=\"\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644\"\r\n                  width=\"700\"\r\n                  height=\"900\"\r\n                  fetchpriority=\"high\"\r\n                  decoding=\"async\"\r\n                >\r\n  \r\n                <div class=\"bd-doogh-image-shine\"><\/div>\r\n  \r\n              <\/div>\r\n  \r\n            <\/div>\r\n  \r\n  \r\n            <div class=\"bd-doogh-floating-card bd-floating-card-1\">\r\n  \r\n              <div class=\"bd-floating-icon\">\r\n                \u25c8\r\n              <\/div>\r\n  \r\n              <div>\r\n                <strong>\u0628\u0646\u064a\u0629 \u0645\u0633\u062a\u0642\u0631\u0629 \u0648\u0645\u062a\u062c\u0627\u0646\u0633\u0629<\/strong>\r\n                <span>\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062b\u0628\u0627\u062a \u0648\u0627\u0644\u0644\u0632\u0648\u062c\u0629 \u0648\u062c\u0648\u062f\u0629 \u0642\u0648\u0627\u0645 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\r\n              <\/div>\r\n  \r\n            <\/div>\r\n  \r\n  \r\n            <div class=\"bd-doogh-floating-card bd-floating-card-2\">\r\n  \r\n              <div class=\"bd-floating-icon bd-floating-icon-orange\">\r\n                \u224b\r\n              <\/div>\r\n  \r\n              <div>\r\n                <strong>\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0631\u0633\u0628 \u0648\u0627\u0644\u0627\u0646\u0641\u0635\u0627\u0644<\/strong>\r\n                <span>\u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633 \u0644\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0648\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629<\/span>\r\n              <\/div>\r\n  \r\n            <\/div>\r\n  \r\n          <\/div>\r\n  \r\n        <\/div>\r\n  \r\n      <\/div>\r\n  \r\n    <\/div>\r\n  \r\n  <\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b95983 elementor-widget elementor-widget-html\" data-id=\"0b95983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n    \r\n        const orderPopup = document.getElementById(\"brOrderPopupModal\");\r\n        const consultationPopup = document.getElementById(\"brConsultationPopupModal\");\r\n    \r\n        const openOrderButton = document.getElementById(\"brOpenOrderPopup\");\r\n        const openConsultationButton = document.getElementById(\"brOpenConsultationPopup\");\r\n    \r\n        const orderForm = document.getElementById(\"brOrderForm\");\r\n        const consultationForm = document.getElementById(\"brConsultationForm\");\r\n    \r\n        const orderStatus = document.getElementById(\"brOrderStatus\");\r\n        const consultationStatus = document.getElementById(\"brConsultationStatus\");\r\n    \r\n        const orderSubmit = document.getElementById(\"brOrderSubmit\");\r\n        const consultationSubmit = document.getElementById(\"brConsultationSubmit\");\r\n    \r\n        function openPopup(popup) {\r\n            if (!popup) return;\r\n    \r\n            popup.setAttribute(\"aria-hidden\", \"false\");\r\n            popup.classList.add(\"is-open\");\r\n            document.body.classList.add(\"br-popup-open\");\r\n    \r\n            const modal = popup.querySelector(\".br-modal\");\r\n    \r\n            if (modal) {\r\n                setTimeout(function () {\r\n                    modal.focus();\r\n                }, 50);\r\n            }\r\n        }\r\n    \r\n        function closePopup(popup) {\r\n            if (!popup) return;\r\n    \r\n            popup.setAttribute(\"aria-hidden\", \"true\");\r\n            popup.classList.remove(\"is-open\");\r\n    \r\n            if (!document.querySelector(\".br-popup.is-open\")) {\r\n                document.body.classList.remove(\"br-popup-open\");\r\n            }\r\n        }\r\n    \r\n        if (openOrderButton) {\r\n            openOrderButton.addEventListener(\"click\", function (e) {\r\n                e.preventDefault();\r\n                openPopup(orderPopup);\r\n            });\r\n        }\r\n    \r\n        if (openConsultationButton) {\r\n            openConsultationButton.addEventListener(\"click\", function (e) {\r\n                e.preventDefault();\r\n                openPopup(consultationPopup);\r\n            });\r\n        }\r\n    \r\n        document.querySelectorAll(\"[data-br-close-popup]\").forEach(function (element) {\r\n            element.addEventListener(\"click\", function (e) {\r\n                e.preventDefault();\r\n    \r\n                const popup = element.closest(\".br-popup\");\r\n    \r\n                if (popup) {\r\n                    closePopup(popup);\r\n                }\r\n            });\r\n        });\r\n    \r\n        document.addEventListener(\"keydown\", function (e) {\r\n            if (e.key !== \"Escape\") return;\r\n    \r\n            document.querySelectorAll(\".br-popup.is-open\").forEach(function (popup) {\r\n                closePopup(popup);\r\n            });\r\n        });\r\n    \r\n        function setStatus(element, message, type) {\r\n            if (!element) return;\r\n    \r\n            element.textContent = message;\r\n            element.className = \"br-form-status\";\r\n    \r\n            if (type) {\r\n                element.classList.add(type);\r\n            }\r\n        }\r\n    \r\n        function setButtonLoading(button, loading, defaultText) {\r\n            if (!button) return;\r\n    \r\n            button.disabled = loading;\r\n    \r\n            if (loading) {\r\n                button.dataset.originalText = button.innerHTML;\r\n                button.innerHTML = \"\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644...\";\r\n            } else {\r\n                button.innerHTML =\r\n                    button.dataset.originalText || defaultText;\r\n            }\r\n        }\r\n    \r\n        async function sendForm(\r\n            form,\r\n            endpoint,\r\n            statusElement,\r\n            submitButton,\r\n            successMessage\r\n        ) {\r\n    \r\n            if (!form) return;\r\n    \r\n            const formData = new FormData(form);\r\n            const honeypot = formData.get(\"website\");\r\n    \r\n            if (honeypot) {\r\n                return;\r\n            }\r\n    \r\n            setStatus(\r\n                statusElement,\r\n                \"\u062c\u0627\u0631\u064d \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a...\",\r\n                \"loading\"\r\n            );\r\n    \r\n            setButtonLoading(\r\n                submitButton,\r\n                true\r\n            );\r\n    \r\n            try {\r\n    \r\n                const response = await fetch(endpoint, {\r\n                    method: \"POST\",\r\n                    body: formData,\r\n                    headers: {\r\n                        \"Accept\": \"application\/json\"\r\n                    }\r\n                });\r\n    \r\n                let result = {};\r\n    \r\n                try {\r\n                    result = await response.json();\r\n                } catch (error) {\r\n                    result = {};\r\n                }\r\n    \r\n                if (!response.ok) {\r\n                    throw new Error(\r\n                        result.message ||\r\n                        \"\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a.\"\r\n                    );\r\n                }\r\n    \r\n                if (result.success === false) {\r\n                    throw new Error(\r\n                        result.message ||\r\n                        \"\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a.\"\r\n                    );\r\n                }\r\n    \r\n                setStatus(\r\n                    statusElement,\r\n                    result.message || successMessage,\r\n                    \"success\"\r\n                );\r\n    \r\n                form.reset();\r\n    \r\n            } catch (error) {\r\n    \r\n                setStatus(\r\n                    statusElement,\r\n                    error.message ||\r\n                    \"\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\",\r\n                    \"error\"\r\n                );\r\n    \r\n            } finally {\r\n    \r\n                setButtonLoading(\r\n                    submitButton,\r\n                    false,\r\n                    \"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\"\r\n                );\r\n            }\r\n        }\r\n    \r\n        if (orderForm) {\r\n            orderForm.addEventListener(\"submit\", function (e) {\r\n    \r\n                e.preventDefault();\r\n    \r\n                const endpoint =\r\n                    window.location.origin +\r\n                    \"\/wp-json\/berandil\/v1\/order\";\r\n    \r\n                sendForm(\r\n                    orderForm,\r\n                    endpoint,\r\n                    orderStatus,\r\n                    orderSubmit,\r\n                    \"\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643\u0645 \u0628\u0646\u062c\u0627\u062d.\"\r\n                );\r\n            });\r\n        }\r\n    \r\n        if (consultationForm) {\r\n            consultationForm.addEventListener(\"submit\", function (e) {\r\n    \r\n                e.preventDefault();\r\n    \r\n                const endpoint =\r\n                    window.location.origin +\r\n                    \"\/wp-json\/berandil\/v1\/consultation\";\r\n    \r\n                sendForm(\r\n                    consultationForm,\r\n                    endpoint,\r\n                    consultationStatus,\r\n                    consultationSubmit,\r\n                    \"\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u0645 \u0628\u0646\u062c\u0627\u062d.\"\r\n                );\r\n            });\r\n        }\r\n    \r\n        const productField =\r\n            document.getElementById(\"brOrderProduct\");\r\n    \r\n        if (productField && !productField.value) {\r\n            productField.value = \"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0648\u063a\";\r\n        }\r\n    \r\n        const consultationProductField =\r\n            document.getElementById(\"brConsultationProduct\");\r\n    \r\n        if (\r\n            consultationProductField &&\r\n            !consultationProductField.value\r\n        ) {\r\n            consultationProductField.value = \"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0648\u063a\";\r\n        }\r\n    \r\n    });\r\n<\/script>\r\n\r\n\r\n\r\n<style>\r\n\r\n    \/* =========================================================\r\n       BERANDIL - ORDER + CONSULTATION\r\n       THEME MATCH\r\n       \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0641\u0642\u0637 \u2014 \u0628\u0646\u064a\u0629 HTML \/ ID \/ JS \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631\r\n       ========================================================= *\/\r\n    \r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css'); \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0638\u0647\u0631\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons, \r\n    .br-popup { \r\n     \r\n        --br-purple: #7c3aed; \r\n        --br-purple-dark: #35145f; \r\n        --br-purple-deep: #12081f; \r\n        --br-purple-soft: #a855f7; \r\n     \r\n        --br-blue: #2563eb; \r\n        --br-blue-light: #3b82f6; \r\n        --br-blue-soft: #60a5fa; \r\n        --br-blue-deep: #172554; \r\n     \r\n        --br-orange: #ff7a18; \r\n        --br-orange-light: #ffb15c; \r\n     \r\n        --br-white: #ffffff; \r\n        --br-text: #f7f3ff; \r\n        --br-muted: #c9bddb; \r\n     \r\n        --br-border: rgba(255,255,255,.13); \r\n        --br-glass: rgba(255,255,255,.065); \r\n     \r\n        --br-shadow: \r\n            0 24px 70px rgba(0,0,0,.34); \r\n     \r\n        --br-transition: \r\n            all .35s cubic-bezier(.22,.61,.36,1); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons { \r\n     \r\n        direction: rtl; \r\n     \r\n        width: 100%; \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        gap: 20px; \r\n     \r\n        box-sizing: border-box; \r\n     \r\n        margin: 0 auto; \r\n     \r\n        padding: 0; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0632\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-action-btn { \r\n     \r\n        position: relative; \r\n     \r\n        width: 260px; \r\n     \r\n        min-width: 0; \r\n     \r\n        height: 56px; \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        gap: 11px; \r\n     \r\n        padding: 0 20px; \r\n     \r\n        margin: 0; \r\n     \r\n        border: 1px solid rgba(255,255,255,.13); \r\n     \r\n        border-radius: 16px; \r\n     \r\n        color: #ffffff; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 14px; \r\n     \r\n        font-weight: 700; \r\n     \r\n        line-height: 1; \r\n     \r\n        cursor: pointer; \r\n     \r\n        box-sizing: border-box; \r\n     \r\n        overflow: hidden; \r\n     \r\n        isolation: isolate; \r\n     \r\n        transition: \r\n            transform .35s cubic-bezier(.22,.61,.36,1), \r\n            box-shadow .35s ease, \r\n            background .35s ease, \r\n            border-color .35s ease; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-action-btn::before { \r\n     \r\n        content: \"\"; \r\n     \r\n        position: absolute; \r\n     \r\n        inset: 0; \r\n     \r\n        z-index: -1; \r\n     \r\n        background: \r\n            linear-gradient( \r\n                120deg, \r\n                transparent 20%, \r\n                rgba(255,255,255,.14) 50%, \r\n                transparent 80% \r\n            ); \r\n     \r\n        transform: \r\n            translateX(120%); \r\n     \r\n        transition: \r\n            transform .65s ease; \r\n     \r\n    } \r\n     \r\n     \r\n    #brActionButtons .br-action-btn:hover::before { \r\n     \r\n        transform: \r\n            translateX(-120%); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0632\u0631 \u0627\u0644\u0637\u0644\u0628\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-order-btn { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #7c3aed 0%, \r\n                #5b21b6 55%, \r\n                #35145f 100% \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 12px 30px rgba(124,58,237,.25), \r\n            inset 0 1px 0 rgba(255,255,255,.12); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0632\u0631 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-consultation-btn { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #2563eb 0%, \r\n                #1d4ed8 55%, \r\n                #172554 100% \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 12px 30px rgba(37,99,235,.25), \r\n            inset 0 1px 0 rgba(255,255,255,.12); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-action-icon { \r\n     \r\n        width: 25px; \r\n     \r\n        height: 25px; \r\n     \r\n        flex: 0 0 25px; \r\n     \r\n        display: inline-flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        color: #ffffff; \r\n     \r\n        font-size: 17px; \r\n     \r\n        line-height: 1; \r\n     \r\n        transition: \r\n            transform .35s ease, \r\n            color .35s ease; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0646\u0635\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-action-text { \r\n     \r\n        white-space: nowrap; \r\n     \r\n        line-height: 1.2; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062a\u062d\u0648\u064a\u0645\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-action-btn:hover { \r\n     \r\n        transform: \r\n            translateY(-4px); \r\n     \r\n        border-color: \r\n            rgba(255,255,255,.22); \r\n     \r\n    } \r\n     \r\n     \r\n    #brActionButtons .br-order-btn:hover { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #8b5cf6 0%, \r\n                #7c3aed 55%, \r\n                #5b21b6 100% \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 18px 40px rgba(124,58,237,.38), \r\n            0 0 25px rgba(124,58,237,.12); \r\n     \r\n    } \r\n     \r\n     \r\n    #brActionButtons .br-consultation-btn:hover { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #3b82f6 0%, \r\n                #2563eb 55%, \r\n                #1d4ed8 100% \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 18px 40px rgba(37,99,235,.38), \r\n            0 0 25px rgba(37,99,235,.12); \r\n     \r\n    } \r\n     \r\n     \r\n    #brActionButtons .br-action-btn:hover .br-action-icon { \r\n     \r\n        transform: \r\n            scale(1.15) \r\n            rotate(-5deg); \r\n     \r\n    } \r\n     \r\n     \r\n    #brActionButtons .br-action-btn:active { \r\n     \r\n        transform: \r\n            translateY(-1px) \r\n            scale(.98); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062a\u0631\u0643\u064a\u0632\r\n       ========================================================= *\/ \r\n     \r\n    #brActionButtons .br-action-btn:focus-visible { \r\n     \r\n        outline: \r\n            3px solid rgba(168,85,247,.35); \r\n     \r\n        outline-offset: 4px; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-popup { \r\n     \r\n        position: fixed; \r\n     \r\n        inset: 0; \r\n     \r\n        z-index: 999999; \r\n     \r\n        display: none; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        padding: 20px; \r\n     \r\n        direction: rtl; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-popup.br-popup-active { \r\n     \r\n        display: flex; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-popup-overlay { \r\n     \r\n        position: absolute; \r\n     \r\n        inset: 0; \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                rgba(18,8,31,.88), \r\n                rgba(13,6,23,.94) \r\n            ); \r\n     \r\n        backdrop-filter: \r\n            blur(12px); \r\n     \r\n        -webkit-backdrop-filter: \r\n            blur(12px); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0646\u0627\u0641\u0630\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal { \r\n     \r\n        position: relative; \r\n     \r\n        z-index: 2; \r\n     \r\n        width: 100%; \r\n     \r\n        max-width: 720px; \r\n     \r\n        max-height: \r\n            calc(100vh - 40px); \r\n     \r\n        display: flex; \r\n     \r\n        flex-direction: column; \r\n     \r\n        overflow: hidden; \r\n     \r\n        background: \r\n            linear-gradient( \r\n                145deg, \r\n                rgba(43,20,72,.96), \r\n                rgba(18,8,31,.98) \r\n            ); \r\n     \r\n        border: \r\n            1px solid rgba(255,255,255,.13); \r\n     \r\n        border-radius: 28px; \r\n     \r\n        box-shadow: \r\n            0 35px 100px rgba(0,0,0,.52), \r\n            0 0 50px rgba(124,58,237,.10); \r\n     \r\n        animation: \r\n            brModalIn .35s \r\n            cubic-bezier(.22,.61,.36,1); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u062a\u0648\u0647\u062c \u0623\u0639\u0644\u0649 \u0627\u0644\u0646\u0627\u0641\u0630\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal::before { \r\n     \r\n        content: \"\"; \r\n     \r\n        position: absolute; \r\n     \r\n        top: -120px; \r\n     \r\n        right: -100px; \r\n     \r\n        width: 260px; \r\n     \r\n        height: 260px; \r\n     \r\n        border-radius: 50%; \r\n     \r\n        background: \r\n            rgba(124,58,237,.16); \r\n     \r\n        filter: \r\n            blur(60px); \r\n     \r\n        pointer-events: none; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-modal::after { \r\n     \r\n        content: \"\"; \r\n     \r\n        position: absolute; \r\n     \r\n        bottom: -120px; \r\n     \r\n        left: -100px; \r\n     \r\n        width: 240px; \r\n     \r\n        height: 240px; \r\n     \r\n        border-radius: 50%; \r\n     \r\n        background: \r\n            rgba(37,99,235,.12); \r\n     \r\n        filter: \r\n            blur(60px); \r\n     \r\n        pointer-events: none; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0633\u0631\u0628\u0631\u06af\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal-header { \r\n     \r\n        position: relative; \r\n     \r\n        z-index: 2; \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: space-between; \r\n     \r\n        gap: 15px; \r\n     \r\n        padding: 22px 24px; \r\n     \r\n        border-bottom: \r\n            1px solid rgba(255,255,255,.10); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0633\u0631\u0628\u0631\u06af \u0627\u0644\u0637\u0644\u0628\r\n       ========================================================= *\/ \r\n     \r\n    .br-order-header { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                rgba(124,58,237,.16), \r\n                rgba(255,255,255,.025) \r\n            ); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0633\u0631\u0628\u0631\u06af \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-consultation-header { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                rgba(37,99,235,.16), \r\n                rgba(255,255,255,.025) \r\n            ); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal-title-box { \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        gap: 14px; \r\n     \r\n        min-width: 0; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal-title-icon { \r\n     \r\n        width: 52px; \r\n     \r\n        height: 52px; \r\n     \r\n        flex: 0 0 52px; \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        border-radius: 16px; \r\n     \r\n        color: #ffffff; \r\n     \r\n        font-size: 22px; \r\n     \r\n        border: \r\n            1px solid rgba(255,255,255,.13); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0637\u0644\u0628\r\n       ========================================================= *\/ \r\n     \r\n    .br-order-title-icon { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #8b5cf6, \r\n                #5b21b6 \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 10px 28px rgba(124,58,237,.30); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-consultation-title-icon { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #3b82f6, \r\n                #1d4ed8 \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 10px 28px rgba(37,99,235,.30); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0646\u0635 \u0627\u0644\u0633\u0631\u0628\u0631\u06af\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal-header h2 { \r\n     \r\n        margin: 0 0 5px; \r\n     \r\n        color: #ffffff; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 21px; \r\n     \r\n        font-weight: 800; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-modal-header p { \r\n     \r\n        margin: 0; \r\n     \r\n        color: #c9bddb; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 13px; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0625\u063a\u0644\u0627\u0642\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal-close { \r\n     \r\n        width: 40px; \r\n     \r\n        height: 40px; \r\n     \r\n        flex: 0 0 40px; \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        padding: 0; \r\n     \r\n        border: \r\n            1px solid rgba(255,255,255,.12); \r\n     \r\n        border-radius: 13px; \r\n     \r\n        background: \r\n            rgba(255,255,255,.055); \r\n     \r\n        color: #c9bddb; \r\n     \r\n        font-size: 17px; \r\n     \r\n        cursor: pointer; \r\n     \r\n        transition: \r\n            transform .3s ease, \r\n            background .3s ease, \r\n            color .3s ease, \r\n            border-color .3s ease; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-modal-close:hover { \r\n     \r\n        transform: \r\n            rotate(90deg); \r\n     \r\n        background: \r\n            rgba(255,122,24,.12); \r\n     \r\n        border-color: \r\n            rgba(255,122,24,.30); \r\n     \r\n        color: \r\n            #ff9a42; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n       ========================================================= *\/ \r\n     \r\n    .br-modal-body { \r\n     \r\n        position: relative; \r\n     \r\n        z-index: 2; \r\n     \r\n        overflow-y: auto; \r\n     \r\n        padding: 24px; \r\n     \r\n        scrollbar-width: thin; \r\n     \r\n        scrollbar-color: \r\n            rgba(124,58,237,.55) \r\n            transparent; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0646\u0645\u0648\u0630\u062c\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm, \r\n    #brConsultationForm { \r\n     \r\n        display: grid; \r\n     \r\n        grid-template-columns: \r\n            repeat(2, minmax(0,1fr)); \r\n     \r\n        gap: 18px; \r\n     \r\n        margin: 0; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062d\u0642\u0644\r\n       ========================================================= *\/ \r\n     \r\n    .br-field { \r\n     \r\n        min-width: 0; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0643\u0627\u0645\u0644\r\n       ========================================================= *\/ \r\n     \r\n    .br-field-full { \r\n     \r\n        grid-column: 1 \/ -1; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062a\u0633\u0645\u064a\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-field label { \r\n     \r\n        display: block; \r\n     \r\n        margin: 0 0 8px; \r\n     \r\n        color: #f7f3ff; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 13px; \r\n     \r\n        font-weight: 700; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-field label span { \r\n     \r\n        color: \r\n            #ff7a18; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       INPUT \/ SELECT \/ TEXTAREA\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm input, \r\n    #brOrderForm select, \r\n    #brOrderForm textarea, \r\n    #brConsultationForm input, \r\n    #brConsultationForm select, \r\n    #brConsultationForm textarea { \r\n     \r\n        display: block; \r\n     \r\n        width: 100%; \r\n     \r\n        box-sizing: border-box; \r\n     \r\n        border: \r\n            1px solid rgba(255,255,255,.12); \r\n     \r\n        border-radius: 14px; \r\n     \r\n        background: \r\n            rgba(255,255,255,.055); \r\n     \r\n        color: \r\n            #ffffff; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 13px; \r\n     \r\n        outline: none; \r\n     \r\n        transition: \r\n            border-color .25s ease, \r\n            box-shadow .25s ease, \r\n            background .25s ease; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       INPUT SELECT\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm input, \r\n    #brOrderForm select, \r\n    #brConsultationForm input, \r\n    #brConsultationForm select { \r\n     \r\n        height: 48px; \r\n     \r\n        padding: 0 14px; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       TEXTAREA\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm textarea, \r\n    #brConsultationForm textarea { \r\n     \r\n        min-height: 125px; \r\n     \r\n        padding: 13px 14px; \r\n     \r\n        resize: vertical; \r\n     \r\n        line-height: 1.8; \r\n     \r\n        text-align: justify; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0646\u0635 \u0627\u0644\u0628\u062f\u064a\u0644\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm input::placeholder, \r\n    #brOrderForm textarea::placeholder, \r\n    #brConsultationForm input::placeholder, \r\n    #brConsultationForm textarea::placeholder { \r\n     \r\n        color: \r\n            rgba(201,189,219,.60); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u062e\u064a\u0627\u0631\u0627\u062a SELECT\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm select option, \r\n    #brConsultationForm select option { \r\n     \r\n        background: \r\n            #211033; \r\n     \r\n        color: \r\n            #ffffff; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062a\u0631\u0643\u064a\u0632 - \u0627\u0644\u0637\u0644\u0628\r\n       ========================================================= *\/ \r\n     \r\n    #brOrderForm input:focus, \r\n    #brOrderForm select:focus, \r\n    #brOrderForm textarea:focus { \r\n     \r\n        border-color: \r\n            rgba(168,85,247,.75); \r\n     \r\n        background: \r\n            rgba(124,58,237,.08); \r\n     \r\n        box-shadow: \r\n            0 0 0 4px rgba(124,58,237,.12), \r\n            0 0 24px rgba(124,58,237,.08); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062a\u0631\u0643\u064a\u0632 - \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n       ========================================================= *\/ \r\n     \r\n    #brConsultationForm input:focus, \r\n    #brConsultationForm select:focus, \r\n    #brConsultationForm textarea:focus { \r\n     \r\n        border-color: \r\n            rgba(96,165,250,.75); \r\n     \r\n        background: \r\n            rgba(37,99,235,.08); \r\n     \r\n        box-shadow: \r\n            0 0 0 4px rgba(37,99,235,.12), \r\n            0 0 24px rgba(37,99,235,.08); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0643\u0645\u064a\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-quantity-wrap { \r\n     \r\n        position: relative; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-quantity-wrap input { \r\n     \r\n        padding-left: \r\n            75px !important; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-quantity-unit { \r\n     \r\n        position: absolute; \r\n     \r\n        left: 12px; \r\n     \r\n        top: 50%; \r\n     \r\n        transform: \r\n            translateY(-50%); \r\n     \r\n        color: \r\n            #c9bddb; \r\n     \r\n        font-size: 12px; \r\n     \r\n        font-weight: 700; \r\n     \r\n        pointer-events: none; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       HONEYPOT\r\n       ========================================================= *\/ \r\n     \r\n    .br-honeypot { \r\n     \r\n        position: absolute !important; \r\n     \r\n        width: 1px !important; \r\n     \r\n        height: 1px !important; \r\n     \r\n        overflow: hidden !important; \r\n     \r\n        opacity: 0 !important; \r\n     \r\n        pointer-events: none !important; \r\n     \r\n        left: -99999px !important; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062d\u0627\u0644\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-status { \r\n     \r\n        grid-column: 1 \/ -1; \r\n     \r\n        display: none; \r\n     \r\n        padding: 12px 14px; \r\n     \r\n        border-radius: 13px; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 13px; \r\n     \r\n        font-weight: 600; \r\n     \r\n        line-height: 1.8; \r\n     \r\n        text-align: justify; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0646\u062c\u0627\u062d\r\n       ========================================================= *\/ \r\n     \r\n    .br-status.br-status-success { \r\n     \r\n        display: block; \r\n     \r\n        background: \r\n            rgba(16,185,129,.10); \r\n     \r\n        border: \r\n            1px solid rgba(52,211,153,.28); \r\n     \r\n        color: \r\n            #86efac; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062e\u0637\u0623\r\n       ========================================================= *\/ \r\n     \r\n    .br-status.br-status-error { \r\n     \r\n        display: block; \r\n     \r\n        background: \r\n            rgba(239,68,68,.10); \r\n     \r\n        border: \r\n            1px solid rgba(248,113,113,.28); \r\n     \r\n        color: \r\n            #fca5a5; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u0625\u0631\u0633\u0627\u0644\r\n       ========================================================= *\/ \r\n     \r\n    .br-submit { \r\n     \r\n        grid-column: 1 \/ -1; \r\n     \r\n        width: 100%; \r\n     \r\n        min-height: 52px; \r\n     \r\n        display: flex; \r\n     \r\n        align-items: center; \r\n     \r\n        justify-content: center; \r\n     \r\n        gap: 8px; \r\n     \r\n        border: \r\n            1px solid rgba(255,255,255,.10); \r\n     \r\n        border-radius: 14px; \r\n     \r\n        color: #ffffff; \r\n     \r\n        font-family: inherit; \r\n     \r\n        font-size: 14px; \r\n     \r\n        font-weight: 800; \r\n     \r\n        cursor: pointer; \r\n     \r\n        transition: \r\n            transform .3s ease, \r\n            box-shadow .3s ease, \r\n            filter .3s ease; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\r\n       ========================================================= *\/ \r\n     \r\n    .br-order-submit { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #7c3aed, \r\n                #5b21b6 \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 12px 30px rgba(124,58,237,.25); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n       ========================================================= *\/ \r\n     \r\n    .br-consultation-submit { \r\n     \r\n        background: \r\n            linear-gradient( \r\n                135deg, \r\n                #2563eb, \r\n                #1d4ed8 \r\n            ); \r\n     \r\n        box-shadow: \r\n            0 12px 30px rgba(37,99,235,.25); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u062a\u062d\u0648\u064a\u0645 \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\r\n       ========================================================= *\/ \r\n     \r\n    .br-submit:hover { \r\n     \r\n        transform: \r\n            translateY(-3px); \r\n     \r\n        filter: \r\n            brightness(1.08); \r\n     \r\n    } \r\n     \r\n     \r\n    .br-order-submit:hover { \r\n     \r\n        box-shadow: \r\n            0 18px 38px rgba(124,58,237,.38), \r\n            0 0 24px rgba(124,58,237,.10); \r\n     \r\n    } \r\n     \r\n     \r\n    .br-consultation-submit:hover { \r\n     \r\n        box-shadow: \r\n            0 18px 38px rgba(37,99,235,.38), \r\n            0 0 24px rgba(37,99,235,.10); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0645\u0639\u0637\u0644\r\n       ========================================================= *\/ \r\n     \r\n    .br-submit:disabled { \r\n     \r\n        opacity: .7; \r\n     \r\n        cursor: not-allowed; \r\n     \r\n        transform: none; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n       ========================================================= *\/ \r\n     \r\n    .br-loading { \r\n     \r\n        display: none; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-submit.br-is-loading .br-submit-text { \r\n     \r\n        display: none; \r\n     \r\n    } \r\n     \r\n     \r\n    .br-submit.br-is-loading .br-loading { \r\n     \r\n        display: inline; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u062d\u0631\u0643\u0629 \u0627\u0644\u0646\u0627\u0641\u0630\u0629\r\n       ========================================================= *\/ \r\n     \r\n    @keyframes brModalIn { \r\n     \r\n        from { \r\n     \r\n            opacity: 0; \r\n     \r\n            transform: \r\n                translateY(25px) \r\n                scale(.96); \r\n     \r\n        } \r\n     \r\n        to { \r\n     \r\n            opacity: 1; \r\n     \r\n            transform: \r\n                translateY(0) \r\n                scale(1); \r\n     \r\n        } \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0642\u0641\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n       ========================================================= *\/ \r\n     \r\n    body.br-popup-open { \r\n     \r\n        overflow: hidden !important; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u062a\u0627\u0628\u0644\u062a\r\n       ========================================================= *\/ \r\n     \r\n    @media (max-width: 768px) { \r\n     \r\n        #brActionButtons { \r\n     \r\n            gap: 14px; \r\n     \r\n            padding: \r\n                0 12px; \r\n     \r\n        } \r\n     \r\n     \r\n        #brActionButtons .br-action-btn { \r\n     \r\n            width: 50%; \r\n     \r\n            height: 52px; \r\n     \r\n            padding: 0 12px; \r\n     \r\n            font-size: 13px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-popup { \r\n     \r\n            padding: 10px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-modal { \r\n     \r\n            max-height: \r\n                calc(100vh - 20px); \r\n     \r\n            border-radius: 22px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-modal-header { \r\n     \r\n            padding: \r\n                17px 16px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-modal-title-icon { \r\n     \r\n            width: 44px; \r\n     \r\n            height: 44px; \r\n     \r\n            flex-basis: 44px; \r\n     \r\n            font-size: 19px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-modal-header h2 { \r\n     \r\n            font-size: 17px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-modal-header p { \r\n     \r\n            font-size: 11px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-modal-body { \r\n     \r\n            padding: \r\n                18px 15px; \r\n     \r\n        } \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0645\u0648\u0628\u0627\u06cc\u0644\r\n       ========================================================= *\/ \r\n     \r\n    @media (max-width: 480px) { \r\n     \r\n        #brActionButtons { \r\n     \r\n            gap: 10px; \r\n     \r\n            padding: \r\n                0 8px; \r\n     \r\n        } \r\n     \r\n     \r\n        #brActionButtons .br-action-btn { \r\n     \r\n            width: \r\n                calc(50% - 5px); \r\n     \r\n            height: 50px; \r\n     \r\n            padding: 0 7px; \r\n     \r\n            gap: 7px; \r\n     \r\n            border-radius: 13px; \r\n     \r\n            font-size: 11.5px; \r\n     \r\n        } \r\n     \r\n     \r\n        #brActionButtons .br-action-icon { \r\n     \r\n            width: 21px; \r\n     \r\n            height: 21px; \r\n     \r\n            flex-basis: 21px; \r\n     \r\n            font-size: 15px; \r\n     \r\n        } \r\n     \r\n     \r\n        #brOrderForm, \r\n        #brConsultationForm { \r\n     \r\n            grid-template-columns: 1fr; \r\n     \r\n            gap: 15px; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-field-full { \r\n     \r\n            grid-column: auto; \r\n     \r\n        } \r\n     \r\n     \r\n        .br-status, \r\n        .br-submit { \r\n     \r\n            grid-column: auto; \r\n     \r\n        } \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0648\u0686\u06a9\r\n       ========================================================= *\/ \r\n     \r\n    @media (max-width: 360px) { \r\n     \r\n        #brActionButtons { \r\n     \r\n            gap: 7px; \r\n     \r\n            padding: \r\n                0 5px; \r\n     \r\n        } \r\n     \r\n     \r\n        #brActionButtons .br-action-btn { \r\n     \r\n            width: \r\n                calc(50% - 3.5px); \r\n     \r\n            height: 47px; \r\n     \r\n            padding: 0 5px; \r\n     \r\n            gap: 5px; \r\n     \r\n            font-size: 10.5px; \r\n     \r\n        } \r\n     \r\n     \r\n        #brActionButtons .br-action-icon { \r\n     \r\n            width: 19px; \r\n     \r\n            height: 19px; \r\n     \r\n            flex-basis: 19px; \r\n     \r\n            font-size: 14px; \r\n     \r\n        } \r\n     \r\n    } \r\n     \r\n     \r\n    \/* ========================================================= \r\n       \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a\r\n       ========================================================= *\/ \r\n     \r\n    @media (prefers-reduced-motion: reduce) { \r\n     \r\n        #brActionButtons .br-action-btn, \r\n        #brActionButtons .br-action-icon, \r\n        .br-modal, \r\n        .br-modal-close, \r\n        .br-submit { \r\n     \r\n            transition: none !important; \r\n     \r\n            animation: none !important; \r\n     \r\n        } \r\n     \r\n    } \r\n    \/* ========================================================= \r\n       BERANDIL - \u062e\u0644\u0641\u064a\u0629 \u0642\u0633\u0645 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n       \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0641\u0642\u0637 \u062e\u0644\u0641 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n       ========================================================= *\/ \r\n     \r\n       #brActionButtons { \r\n     \r\n    position: relative; \r\n     \r\n    width: 100%; \r\n     \r\n    padding: 32px 20px !important; \r\n     \r\n    margin: 0 !important; \r\n     \r\n    box-sizing: border-box; \r\n     \r\n    border-radius: 0; \r\n     \r\n    background: \r\n        radial-gradient( \r\n            circle at 10% 20%, \r\n            rgba(124,58,237,.18), \r\n            transparent 30% \r\n        ), \r\n        radial-gradient( \r\n            circle at 90% 80%, \r\n            rgba(37,99,235,.14), \r\n            transparent 32% \r\n        ), \r\n        linear-gradient( \r\n            135deg, \r\n            #12081f 0%, \r\n            #170a29 50%, \r\n            #0d0617 100% \r\n        ) !important; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* \u0637\u0628\u0642\u0629 \u0625\u0636\u0627\u0621\u0629 \u062e\u0641\u064a\u0641\u0629 \u062c\u062f\u064b\u0627 \u0641\u0648\u0642 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/ \r\n     \r\n    #brActionButtons::after { \r\n     \r\n    content: \"\"; \r\n     \r\n    position: absolute; \r\n     \r\n    inset: 0; \r\n     \r\n    pointer-events: none; \r\n     \r\n    background: \r\n        linear-gradient( \r\n            135deg, \r\n            rgba(255,255,255,.025), \r\n            transparent 45%, \r\n            rgba(124,58,237,.035) \r\n        ); \r\n     \r\n    } \r\n     \r\n     \r\n    \/* \u062c\u0639\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u0648\u0642 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/ \r\n     \r\n    #brActionButtons .br-action-btn { \r\n     \r\n    z-index: 2; \r\n     \r\n    } \r\n     \r\n     \r\n    \/* \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 *\/ \r\n     \r\n    @media (max-width: 768px) { \r\n     \r\n    #brActionButtons { \r\n     \r\n        padding: \r\n            25px 12px !important; \r\n     \r\n    } \r\n     \r\n    } \r\n     \r\n     \r\n    @media (max-width: 480px) { \r\n     \r\n    #brActionButtons { \r\n     \r\n        padding: \r\n            22px 8px !important; \r\n     \r\n    } \r\n     \r\n    } \r\n    .bd-buttons-parent { \r\n     \r\n    background: \r\n        radial-gradient( \r\n            circle at 10% 20%, \r\n            rgba(124,58,237,.18), \r\n            transparent 30% \r\n        ), \r\n        radial-gradient( \r\n            circle at 90% 80%, \r\n            rgba(37,99,235,.14), \r\n            transparent 32% \r\n        ), \r\n        linear-gradient( \r\n            135deg, \r\n            #12081f 0%, \r\n            #170a29 50%, \r\n            #0d0617 100% \r\n        ) !important; \r\n     \r\n    } \r\n    <\/style>\r\n\r\n<!-- ========================================================= \r\n     BERANDIL - ORDER + CONSULTATION SYSTEM \r\n     HTML \r\n     ========================================================= --> \r\n \r\n    <div id=\"brActionButtons\"> \r\n     \r\n        <button \r\n            type=\"button\" \r\n            id=\"brOpenOrderPopup\" \r\n            class=\"br-action-btn br-order-btn\"> \r\n     \r\n            <span class=\"br-action-icon\" aria-hidden=\"true\"> \r\n                <i class=\"fa-solid fa-cart-shopping\"><\/i> \r\n            <\/span> \r\n     \r\n            <span class=\"br-action-text\"> \r\n                \u0637\u0644\u0628 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \r\n            <\/span> \r\n     \r\n        <\/button> \r\n     \r\n     \r\n        <button \r\n            type=\"button\" \r\n            id=\"brOpenConsultationPopup\" \r\n            class=\"br-action-btn br-consultation-btn\"> \r\n     \r\n            <span class=\"br-action-icon\" aria-hidden=\"true\"> \r\n                <i class=\"fa-solid fa-comments\"><\/i> \r\n            <\/span> \r\n     \r\n            <span class=\"br-action-text\"> \r\n                \u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \r\n            <\/span> \r\n     \r\n        <\/button> \r\n     \r\n    <\/div> \r\n     \r\n     \r\n    <!-- ========================================================= \r\n         ORDER POPUP \r\n         ========================================================= --> \r\n     \r\n    <div \r\n        id=\"brOrderPopup\" \r\n        class=\"br-popup\" \r\n        aria-hidden=\"true\"> \r\n     \r\n        <div \r\n            id=\"brOrderOverlay\" \r\n            class=\"br-popup-overlay\"> \r\n        <\/div> \r\n     \r\n     \r\n        <div \r\n            class=\"br-modal br-order-modal\" \r\n            role=\"dialog\" \r\n            aria-modal=\"true\" \r\n            aria-labelledby=\"brOrderTitle\"> \r\n     \r\n     \r\n            <div class=\"br-modal-header br-order-header\"> \r\n     \r\n                <div class=\"br-modal-title-box\"> \r\n     \r\n                    <div class=\"br-modal-title-icon br-order-title-icon\"> \r\n                        <i class=\"fa-solid fa-cart-shopping\"><\/i> \r\n                    <\/div> \r\n     \r\n                    <div> \r\n     \r\n                        <h2 id=\"brOrderTitle\"> \r\n                            \u0637\u0644\u0628 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \r\n                        <\/h2> \r\n     \r\n                        <p> \r\n                            \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0637\u0644\u0628\u0643\u0645 \r\n                        <\/p> \r\n     \r\n                    <\/div> \r\n     \r\n                <\/div> \r\n     \r\n     \r\n                <button \r\n                    type=\"button\" \r\n                    id=\"brCloseOrderPopup\" \r\n                    class=\"br-modal-close\" \r\n                    aria-label=\"\u0625\u063a\u0644\u0627\u0642\"> \r\n     \r\n                    <i class=\"fa-solid fa-xmark\"><\/i> \r\n     \r\n                <\/button> \r\n     \r\n            <\/div> \r\n     \r\n     \r\n            <div class=\"br-modal-body\"> \r\n     \r\n                <form \r\n                    id=\"brOrderForm\" \r\n                    novalidate> \r\n     \r\n     \r\n                    <div class=\"br-field\"> \r\n     \r\n                        <label for=\"br-order-product\"> \r\n                            \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c \r\n                            <span>*<\/span> \r\n                        <\/label> \r\n     \r\n                        <select \r\n                            id=\"br-order-product\" \r\n                            name=\"product\" \r\n                            required> \r\n     \r\n                            <option value=\"\"> \r\n                                \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u0627\u0633\u062a \u0647\u0645\u0632\u062f\u0647 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u0627\u0644\u0632\u0628\u0627\u062f\u064a \u0627\u0644\u0645\u062e\u0641\u0648\u0642  \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0648\u063a \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u062f\u0648\u063a  \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0635\u0628\u062d\u0627\u0646\u0647 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u0625\u0641\u0637\u0627\u0631  \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0642\u0646\u0627\u062f\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u062d\u0644\u0648\u064a\u0627\u062a  \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u0627\u0644\u062c\u0628\u0646  \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0633\u062a\u0646\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u0627\u0644\u0622\u064a\u0633 \u0643\u0631\u064a\u0645  \r\n                            <\/option> \r\n     \r\n                            <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0634\u06cc\u0631 \u0637\u0639\u0645\u200c\u062f\u0627\u0631 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                                \u0645\u062b\u0628\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647  \r\n                            <\/option> \r\n     \r\n                        <\/select> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div class=\"br-field\"> \r\n     \r\n                        <label for=\"br-order-quantity\"> \r\n                            \u0643\u0645\u064a\u0629 \u0627\u0644\u0637\u0644\u0628 \r\n                            <span>*<\/span> \r\n                        <\/label> \r\n     \r\n                        <div class=\"br-quantity-wrap\"> \r\n     \r\n                            <input \r\n                                type=\"number\" \r\n                                id=\"br-order-quantity\" \r\n                                name=\"quantity\" \r\n                                min=\"1\" \r\n                                step=\"0.1\" \r\n                                placeholder=\"\u0645\u062b\u0644\u0627\u064b 100\" \r\n                                required> \r\n     \r\n                            <span class=\"br-quantity-unit\"> \r\n                                \u0643\u064a\u0644\u0648\u063a\u0631\u0627\u0645 \r\n                            <\/span> \r\n     \r\n                        <\/div> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div class=\"br-field\"> \r\n     \r\n                        <label for=\"br-order-name\"> \r\n                            \u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628 \r\n                            <span>*<\/span> \r\n                        <\/label> \r\n     \r\n                        <input \r\n                            type=\"text\" \r\n                            id=\"br-order-name\" \r\n                            name=\"name\" \r\n                            placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628\" \r\n                            autocomplete=\"name\" \r\n                            required> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div class=\"br-field\"> \r\n     \r\n                        <label for=\"br-order-company\"> \r\n                            \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \r\n                        <\/label> \r\n     \r\n                        <input \r\n                            type=\"text\" \r\n                            id=\"br-order-company\" \r\n                            name=\"company\" \r\n                            placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0623\u0648 \u0627\u0644\u0645\u0624\u0633\u0633\u0629\"> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div class=\"br-field\"> \r\n     \r\n                        <label for=\"br-order-phone\"> \r\n                            \u0631\u0642\u0645 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \r\n                            <span>*<\/span> \r\n                        <\/label> \r\n     \r\n                        <input \r\n                            type=\"tel\" \r\n                            id=\"br-order-phone\" \r\n                            name=\"phone\" \r\n                            placeholder=\"\u0645\u062b\u0644\u0627\u064b 09121234567\" \r\n                            autocomplete=\"tel\" \r\n                            required> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div class=\"br-field\"> \r\n     \r\n                        <label for=\"br-order-email\"> \r\n                            \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \r\n                        <\/label> \r\n     \r\n                        <input \r\n                            type=\"email\" \r\n                            id=\"br-order-email\" \r\n                            name=\"email\" \r\n                            placeholder=\"example@email.com\" \r\n                            autocomplete=\"email\"> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div class=\"br-field br-field-full\"> \r\n     \r\n                        <label for=\"br-order-message\"> \r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \r\n                        <\/label> \r\n     \r\n                        <textarea \r\n                            id=\"br-order-message\" \r\n                            name=\"message\" \r\n                            rows=\"5\" \r\n                            placeholder=\"\u0623\u062f\u062e\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0637\u0644\u0628\u0643 \u0623\u0648 \u0623\u064a \u0637\u0644\u0628 \u062e\u0627\u0635...\"><\/textarea> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div \r\n                        class=\"br-honeypot\" \r\n                        aria-hidden=\"true\"> \r\n     \r\n                        <label for=\"br-order-website\"> \r\n                            Website \r\n                        <\/label> \r\n     \r\n                        <input \r\n                            type=\"text\" \r\n                            id=\"br-order-website\" \r\n                            name=\"website\" \r\n                            tabindex=\"-1\" \r\n                            autocomplete=\"off\"> \r\n     \r\n                    <\/div> \r\n     \r\n     \r\n                    <div \r\n                        id=\"brOrderStatus\" \r\n                        class=\"br-status\" \r\n                        role=\"alert\"> \r\n                    <\/div> \r\n     \r\n     \r\n                    <button \r\n                        type=\"submit\" \r\n                        id=\"brOrderSubmit\" \r\n                        class=\"br-submit br-order-submit\"> \r\n     \r\n                        <span class=\"br-submit-text\"> \r\n                            <i class=\"fa-solid fa-paper-plane\"><\/i> \r\n                            \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \r\n                        <\/span> \r\n     \r\n                        <span class=\"br-loading\"> \r\n                            \u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644... \r\n                        <\/span> \r\n     \r\n                    <\/button> \r\n     \r\n                <\/form> \r\n     \r\n            <\/div> \r\n     \r\n        <\/div> \r\n     \r\n    <\/div> \r\n \r\n \r\n \r\n \r\n    <!-- ========================================================= \r\n     CONSULTATION POPUP \r\n     ========================================================= --> \r\n \r\n<div \r\nid=\"brConsultationPopup\" \r\nclass=\"br-popup\" \r\naria-hidden=\"true\"> \r\n \r\n<div \r\n    id=\"brConsultationOverlay\" \r\n    class=\"br-popup-overlay\"> \r\n<\/div> \r\n \r\n \r\n<div \r\n    class=\"br-modal br-consultation-modal\" \r\n    role=\"dialog\" \r\n    aria-modal=\"true\" \r\n    aria-labelledby=\"brConsultationTitle\"> \r\n \r\n \r\n    <div class=\"br-modal-header br-consultation-header\"> \r\n \r\n        <div class=\"br-modal-title-box\"> \r\n \r\n            <div class=\"br-modal-title-icon br-consultation-title-icon\"> \r\n                <i class=\"fa-solid fa-comments\"><\/i> \r\n            <\/div> \r\n \r\n            <div> \r\n \r\n                <h2 id=\"brConsultationTitle\"> \r\n                    \u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \r\n                <\/h2> \r\n \r\n                <p> \r\n                    \u062e\u0628\u0631\u0627\u0621 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \u0645\u0633\u062a\u0639\u062f\u0648\u0646 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \r\n                <\/p> \r\n \r\n            <\/div> \r\n \r\n        <\/div> \r\n \r\n \r\n        <button \r\n            type=\"button\" \r\n            id=\"brCloseConsultationPopup\" \r\n            class=\"br-modal-close\" \r\n            aria-label=\"\u0625\u063a\u0644\u0627\u0642\"> \r\n \r\n            <i class=\"fa-solid fa-xmark\"><\/i> \r\n \r\n        <\/button> \r\n \r\n    <\/div> \r\n \r\n \r\n    <div class=\"br-modal-body\"> \r\n \r\n        <form \r\n            id=\"brConsultationForm\" \r\n            novalidate> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-name\"> \r\n                    \u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628 \r\n                    <span>*<\/span> \r\n                <\/label> \r\n \r\n                <input \r\n                    type=\"text\" \r\n                    id=\"br-consultation-name\" \r\n                    name=\"name\" \r\n                    placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628\" \r\n                    autocomplete=\"name\" \r\n                    required> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-company\"> \r\n                    \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \r\n                <\/label> \r\n \r\n                <input \r\n                    type=\"text\" \r\n                    id=\"br-consultation-company\" \r\n                    name=\"company\" \r\n                    placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0623\u0648 \u0627\u0644\u0645\u0624\u0633\u0633\u0629\"> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-phone\"> \r\n                    \u0631\u0642\u0645 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \r\n                    <span>*<\/span> \r\n                <\/label> \r\n \r\n                <input \r\n                    type=\"tel\" \r\n                    id=\"br-consultation-phone\" \r\n                    name=\"phone\" \r\n                    placeholder=\"\u0645\u062b\u0644\u0627\u064b 09121234567\" \r\n                    autocomplete=\"tel\" \r\n                    required> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-email\"> \r\n                    \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \r\n                <\/label> \r\n \r\n                <input \r\n                    type=\"email\" \r\n                    id=\"br-consultation-email\" \r\n                    name=\"email\" \r\n                    placeholder=\"example@email.com\" \r\n                    autocomplete=\"email\"> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-topic\"> \r\n                    \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \r\n                    <span>*<\/span> \r\n                <\/label> \r\n \r\n                <select \r\n                    id=\"br-consultation-topic\" \r\n                    name=\"topic\" \r\n                    required> \r\n \r\n                    <option value=\"\"> \r\n                        \u0627\u062e\u062a\u0631 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u0627\u0633\u0628\"> \r\n                        \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u062a\u0648\u0644\u06cc\u062f\"> \r\n                        \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647\"> \r\n                        \u0645\u062b\u0628\u062a \u0648\u0645\u062b\u0628\u062a\u0627\u062a \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u062a\u0648\u0644\u06cc\u062f\"> \r\n                        \u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0631\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\"> \r\n                        \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0634\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f\"> \r\n                        \u062d\u0627\u0644\u0627\u062a \u0623\u062e\u0631\u0649 \r\n                    <\/option> \r\n \r\n                <\/select> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-product\"> \r\n                    \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \r\n                <\/label> \r\n \r\n                <select \r\n                    id=\"br-consultation-product\" \r\n                    name=\"product\"> \r\n \r\n                    <option value=\"\"> \r\n                        \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u0627\u0633\u062a \u0647\u0645\u0632\u062f\u0647 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u0627\u0644\u0632\u0628\u0627\u062f\u064a \u0627\u0644\u0645\u062e\u0641\u0648\u0642 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0648\u063a \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u062f\u0648\u063a \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0635\u0628\u062d\u0627\u0646\u0647 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u0625\u0641\u0637\u0627\u0631 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0642\u0646\u0627\u062f\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u062d\u0644\u0648\u064a\u0627\u062a \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u0627\u0644\u062c\u0628\u0646 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0633\u062a\u0646\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u0627\u0644\u0622\u064a\u0633 \u0643\u0631\u064a\u0645 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0634\u06cc\u0631 \u0637\u0639\u0645\u200c\u062f\u0627\u0631 \u0628\u0631\u0646\u062f\u06cc\u0644\"> \r\n                        \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0633\u0627\u06cc\u0631\"> \r\n                        \u0623\u062e\u0631\u0649 \r\n                    <\/option> \r\n \r\n                <\/select> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-contact-method\"> \r\n                    \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \r\n                <\/label> \r\n \r\n                <select \r\n                    id=\"br-consultation-contact-method\" \r\n                    name=\"contact_method\"> \r\n \r\n                    <option value=\"\"> \r\n                        \u0627\u062e\u062a\u0631 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc\"> \r\n                        \u0627\u062a\u0635\u0627\u0644 \u0647\u0627\u062a\u0641\u064a \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0648\u0627\u062a\u0633\u0627\u067e\"> \r\n                        \u0648\u0627\u062a\u0633\u0627\u0628 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0628\u0644\u0647\"> \r\n                        \u0646\u0639\u0645 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0627\u06cc\u0645\u06cc\u0644\"> \r\n                        \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \r\n                    <\/option> \r\n \r\n                <\/select> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field\"> \r\n \r\n                <label for=\"br-consultation-time\"> \r\n                    \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0627\u062a\u0635\u0627\u0644 \r\n                <\/label> \r\n \r\n                <select \r\n                    id=\"br-consultation-time\" \r\n                    name=\"contact_time\"> \r\n \r\n                    <option value=\"\"> \r\n                        \u0627\u062e\u062a\u0631 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0635\u0628\u062d\"> \r\n                        \u0627\u0644\u0635\u0628\u0627\u062d \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0638\u0647\u0631\"> \r\n                        \u0627\u0644\u0638\u0647\u0631 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0639\u0635\u0631\"> \r\n                        \u0627\u0644\u0645\u0633\u0627\u0621 \r\n                    <\/option> \r\n \r\n                    <option value=\"\u0641\u0631\u0642\u06cc \u0646\u062f\u0627\u0631\u062f\"> \r\n                        \u0644\u0627 \u0641\u0631\u0642 \r\n                    <\/option> \r\n \r\n                <\/select> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div class=\"br-field br-field-full\"> \r\n \r\n                <label for=\"br-consultation-message\"> \r\n                    \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0634\u0631\u062d \u0627\u0644\u0637\u0644\u0628 \r\n                <\/label> \r\n \r\n                <textarea \r\n                    id=\"br-consultation-message\" \r\n                    name=\"message\" \r\n                    rows=\"5\" \r\n                    placeholder=\"\u064a\u0631\u062c\u0649 \u062a\u0648\u0636\u064a\u062d \u0637\u0644\u0628\u0643\u0645 \u0623\u0648 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647\u0648\u0646\u0647\u0627...\"><\/textarea> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div \r\n                class=\"br-honeypot\" \r\n                aria-hidden=\"true\"> \r\n \r\n                <label for=\"br-consultation-website\"> \r\n                    Website \r\n                <\/label> \r\n \r\n                <input \r\n                    type=\"text\" \r\n                    id=\"br-consultation-website\" \r\n                    name=\"website\" \r\n                    tabindex=\"-1\" \r\n                    autocomplete=\"off\"> \r\n \r\n            <\/div> \r\n \r\n \r\n            <div \r\n                id=\"brConsultationStatus\" \r\n                class=\"br-status\" \r\n                role=\"alert\"> \r\n            <\/div> \r\n \r\n \r\n            <button \r\n                type=\"submit\" \r\n                id=\"brConsultationSubmit\" \r\n                class=\"br-submit br-consultation-submit\"> \r\n \r\n                <span class=\"br-submit-text\"> \r\n                    <i class=\"fa-solid fa-paper-plane\"><\/i> \r\n                    \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \r\n                <\/span> \r\n \r\n                <span class=\"br-loading\"> \r\n                    \u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644... \r\n                <\/span> \r\n \r\n            <\/button> \r\n \r\n        <\/form> \r\n \r\n    <\/div> \r\n \r\n<\/div> \r\n \r\n<\/div> \r\n \r\n \r\n<script> \r\n\/* ========================================================= \r\nBERANDIL - ORDER + CONSULTATION \r\nJAVASCRIPT \r\n========================================================= *\/ \r\n \r\ndocument.addEventListener(\"DOMContentLoaded\", function () { \r\n \r\n\/* ===================================================== \r\nELEMENTS - ORDER \r\n===================================================== *\/ \r\n \r\nconst orderButton = \r\ndocument.getElementById(\"brOpenOrderPopup\"); \r\n \r\nconst orderPopup = \r\ndocument.getElementById(\"brOrderPopup\"); \r\n \r\nconst orderOverlay = \r\ndocument.getElementById(\"brOrderOverlay\"); \r\n \r\nconst orderClose = \r\ndocument.getElementById(\"brCloseOrderPopup\"); \r\n \r\nconst orderForm = \r\ndocument.getElementById(\"brOrderForm\"); \r\n \r\nconst orderSubmit = \r\ndocument.getElementById(\"brOrderSubmit\"); \r\n \r\nconst orderStatus = \r\ndocument.getElementById(\"brOrderStatus\"); \r\n \r\n \r\n\/* ===================================================== \r\nELEMENTS - CONSULTATION \r\n===================================================== *\/ \r\n \r\nconst consultationButton = \r\ndocument.getElementById(\"brOpenConsultationPopup\"); \r\n \r\nconst consultationPopup = \r\ndocument.getElementById(\"brConsultationPopup\"); \r\n \r\nconst consultationOverlay = \r\ndocument.getElementById(\"brConsultationOverlay\"); \r\n \r\nconst consultationClose = \r\ndocument.getElementById(\"brCloseConsultationPopup\"); \r\n \r\nconst consultationForm = \r\ndocument.getElementById(\"brConsultationForm\"); \r\n \r\nconst consultationSubmit = \r\ndocument.getElementById(\"brConsultationSubmit\"); \r\n \r\nconst consultationStatus = \r\ndocument.getElementById(\"brConsultationStatus\"); \r\n \r\n \r\n\/* ===================================================== \r\nOPEN ORDER \r\n===================================================== *\/ \r\n \r\nfunction openOrderPopup() { \r\n \r\nif (!orderPopup) { \r\n    return; \r\n} \r\n \r\norderPopup.classList.add(\"br-popup-active\"); \r\n \r\norderPopup.setAttribute( \r\n    \"aria-hidden\", \r\n    \"false\" \r\n); \r\n \r\ndocument.body.classList.add( \r\n    \"br-popup-open\" \r\n); \r\n \r\n \r\nsetTimeout(function () { \r\n \r\n    const field = \r\n        document.getElementById( \r\n            \"br-order-product\" \r\n        ); \r\n \r\n    if (field) { \r\n        field.focus(); \r\n    } \r\n \r\n}, 250); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nCLOSE ORDER \r\n===================================================== *\/ \r\n \r\nfunction closeOrderPopup() { \r\n \r\nif (!orderPopup) { \r\n    return; \r\n} \r\n \r\norderPopup.classList.remove( \r\n    \"br-popup-active\" \r\n); \r\n \r\norderPopup.setAttribute( \r\n    \"aria-hidden\", \r\n    \"true\" \r\n); \r\n \r\ndocument.body.classList.remove( \r\n    \"br-popup-open\" \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nORDER BUTTON \r\n===================================================== *\/ \r\n \r\nif (orderButton) { \r\n \r\norderButton.addEventListener( \r\n    \"click\", \r\n    function (event) { \r\n \r\n        event.preventDefault(); \r\n \r\n        openOrderPopup(); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nORDER CLOSE \r\n===================================================== *\/ \r\n \r\nif (orderClose) { \r\n \r\norderClose.addEventListener( \r\n    \"click\", \r\n    function () { \r\n \r\n        closeOrderPopup(); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nORDER OVERLAY \r\n===================================================== *\/ \r\n \r\nif (orderOverlay) { \r\n \r\norderOverlay.addEventListener( \r\n    \"click\", \r\n    function () { \r\n \r\n        closeOrderPopup(); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nOPEN CONSULTATION \r\n===================================================== *\/ \r\n \r\nfunction openConsultationPopup() { \r\n \r\nif (!consultationPopup) { \r\n    return; \r\n} \r\n \r\nconsultationPopup.classList.add( \r\n    \"br-popup-active\" \r\n); \r\n \r\nconsultationPopup.setAttribute( \r\n    \"aria-hidden\", \r\n    \"false\" \r\n); \r\n \r\ndocument.body.classList.add( \r\n    \"br-popup-open\" \r\n); \r\n \r\n \r\nsetTimeout(function () { \r\n \r\n    const field = \r\n        document.getElementById( \r\n            \"br-consultation-name\" \r\n        ); \r\n \r\n    if (field) { \r\n        field.focus(); \r\n    } \r\n \r\n}, 250); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nCLOSE CONSULTATION \r\n===================================================== *\/ \r\n \r\nfunction closeConsultationPopup() { \r\n \r\nif (!consultationPopup) { \r\n    return; \r\n} \r\n \r\nconsultationPopup.classList.remove( \r\n    \"br-popup-active\" \r\n); \r\n \r\nconsultationPopup.setAttribute( \r\n    \"aria-hidden\", \r\n    \"true\" \r\n); \r\n \r\ndocument.body.classList.remove( \r\n    \"br-popup-open\" \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nCONSULTATION BUTTON \r\n===================================================== *\/ \r\n \r\nif (consultationButton) { \r\n \r\nconsultationButton.addEventListener( \r\n    \"click\", \r\n    function (event) { \r\n \r\n        event.preventDefault(); \r\n \r\n        openConsultationPopup(); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nCONSULTATION CLOSE \r\n===================================================== *\/ \r\n \r\nif (consultationClose) { \r\n \r\nconsultationClose.addEventListener( \r\n    \"click\", \r\n    function () { \r\n \r\n        closeConsultationPopup(); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nCONSULTATION OVERLAY \r\n===================================================== *\/ \r\n \r\nif (consultationOverlay) { \r\n \r\nconsultationOverlay.addEventListener( \r\n    \"click\", \r\n    function () { \r\n \r\n        closeConsultationPopup(); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nESC \r\n===================================================== *\/ \r\n \r\ndocument.addEventListener( \r\n\"keydown\", \r\nfunction (event) { \r\n \r\n    if (event.key !== \"Escape\") { \r\n        return; \r\n    } \r\n \r\n \r\n    if ( \r\n        orderPopup && \r\n        orderPopup.classList.contains( \r\n            \"br-popup-active\" \r\n        ) \r\n    ) { \r\n \r\n        closeOrderPopup(); \r\n \r\n    } \r\n \r\n \r\n    if ( \r\n        consultationPopup && \r\n        consultationPopup.classList.contains( \r\n            \"br-popup-active\" \r\n        ) \r\n    ) { \r\n \r\n        closeConsultationPopup(); \r\n \r\n    } \r\n \r\n} \r\n); \r\n \r\n \r\n\/* ===================================================== \r\nSTATUS \r\n===================================================== *\/ \r\n \r\nfunction showStatus( \r\nbox, \r\nmessage, \r\ntype \r\n) { \r\n \r\nif (!box) { \r\n    return; \r\n} \r\n \r\nbox.textContent = message; \r\n \r\nbox.className = \"br-status\"; \r\n \r\nif (type === \"success\") { \r\n \r\n    box.classList.add( \r\n        \"br-status-success\" \r\n    ); \r\n \r\n} else { \r\n \r\n    box.classList.add( \r\n        \"br-status-error\" \r\n    ); \r\n \r\n} \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nEMAIL VALIDATION \r\n===================================================== *\/ \r\n \r\nfunction validEmail(email) { \r\n \r\nif (!email) { \r\n    return true; \r\n} \r\n \r\nreturn \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test( \r\n    email \r\n); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\nORDER FORM \r\n===================================================== *\/ \r\n \r\nif (orderForm) { \r\n \r\norderForm.addEventListener( \r\n    \"submit\", \r\n    async function (event) { \r\n \r\n        event.preventDefault(); \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645\r\n           ----------------------------------------- *\/ \r\n \r\n        const product = \r\n            document \r\n            .getElementById( \r\n                \"br-order-product\" \r\n            ) \r\n            .value; \r\n \r\n \r\n        const quantity = \r\n            document \r\n            .getElementById( \r\n                \"br-order-quantity\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const name = \r\n            document \r\n            .getElementById( \r\n                \"br-order-name\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const company = \r\n            document \r\n            .getElementById( \r\n                \"br-order-company\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const phone = \r\n            document \r\n            .getElementById( \r\n                \"br-order-phone\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const email = \r\n            document \r\n            .getElementById( \r\n                \"br-order-email\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const message = \r\n            document \r\n            .getElementById( \r\n                \"br-order-message\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const website = \r\n            document \r\n            .getElementById( \r\n                \"br-order-website\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           HONEYPOT \r\n           ----------------------------------------- *\/ \r\n \r\n        if (website !== \"\") { \r\n \r\n            showStatus( \r\n                orderStatus, \r\n                \"\u0644\u0627 \u064a\u0645\u0643\u0646 \u0645\u0639\u0627\u0644\u062c\u0629 \u0637\u0644\u0628\u0643\u0645.\", \r\n                \"error\" \r\n            ); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0645\u0646\u062a\u062c\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!product) { \r\n \r\n            showStatus( \r\n                orderStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-order-product\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0643\u0645\u064a\u0629\r\n           ----------------------------------------- *\/ \r\n \r\n        if ( \r\n            !quantity || \r\n            Number(quantity) <= 0 \r\n        ) { \r\n \r\n            showStatus( \r\n                orderStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0643\u0645\u064a\u0629 \u0627\u0644\u0637\u0644\u0628.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-order-quantity\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0627\u0633\u0645\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!name) { \r\n \r\n            showStatus( \r\n                orderStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-order-name\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0647\u0627\u062a\u0641\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!phone) { \r\n \r\n            showStatus( \r\n                orderStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u0645.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-order-phone\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!validEmail(email)) { \r\n \r\n            showStatus( \r\n                orderStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u0627\u0644\u062d.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-order-email\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n           ----------------------------------------- *\/ \r\n \r\n        orderSubmit.disabled = true; \r\n \r\n        orderSubmit.classList.add( \r\n            \"br-is-loading\" \r\n        ); \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n           ----------------------------------------- *\/ \r\n \r\n        const data = { \r\n \r\n            name: name, \r\n \r\n            company: company, \r\n \r\n            phone: phone, \r\n \r\n            email: email, \r\n \r\n            product: product, \r\n \r\n            quantity: quantity, \r\n \r\n            message: message, \r\n \r\n            website: website \r\n \r\n        }; \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\r\n           \u0645\u0647\u0645:\r\n           \u0647\u0630\u0627 \u0647\u0648 endpoint \u0627\u0644\u0637\u0644\u0628\r\n           ----------------------------------------- *\/ \r\n \r\n        try { \r\n \r\n            const response = \r\n                await fetch( \r\n                    window.location.origin + \r\n                    \"\/wp-json\/berandil\/v1\/order\", \r\n                    { \r\n \r\n                        method: \"POST\", \r\n \r\n                        headers: { \r\n \r\n                            \"Content-Type\": \r\n                                \"application\/json\" \r\n \r\n                        }, \r\n \r\n                        body: \r\n                            JSON.stringify(data) \r\n \r\n                    } \r\n                ); \r\n \r\n \r\n            let result = {}; \r\n \r\n            try { \r\n \r\n                result = \r\n                    await response.json(); \r\n \r\n            } catch (error) { \r\n \r\n                result = {}; \r\n \r\n            } \r\n \r\n \r\n            \/* ------------------------------------- \r\n               \u0627\u0644\u0646\u062c\u0627\u062d\r\n               ------------------------------------- *\/ \r\n \r\n            if ( \r\n                response.ok && \r\n                result.success \r\n            ) { \r\n \r\n                showStatus( \r\n \r\n                    orderStatus, \r\n \r\n                    result.message || \r\n                    \"\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0637\u0644\u0628\u0643\u0645 \u0628\u0646\u062c\u0627\u062d. \u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u062e\u0628\u0631\u0627\u0621 \u0628\u0650\u0631\u064e\u0646\u062f\u064a\u0644.\", \r\n \r\n                    \"success\" \r\n \r\n                ); \r\n \r\n \r\n                orderForm.reset(); \r\n \r\n \r\n                setTimeout( \r\n                    function () { \r\n \r\n                        closeOrderPopup(); \r\n \r\n                        if (orderStatus) { \r\n \r\n                            orderStatus.textContent = \r\n                                \"\"; \r\n \r\n                            orderStatus.className = \r\n                                \"br-status\"; \r\n \r\n                        } \r\n \r\n                    }, \r\n                    4000 \r\n                ); \r\n \r\n \r\n            } else { \r\n \r\n                showStatus( \r\n \r\n                    orderStatus, \r\n \r\n                    result.message || \r\n                    \"\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", \r\n \r\n                    \"error\" \r\n \r\n                ); \r\n \r\n            } \r\n \r\n \r\n        } catch (error) { \r\n \r\n            console.error( \r\n                \"Berandil Order Error:\", \r\n                error \r\n            ); \r\n \r\n \r\n            showStatus( \r\n \r\n                orderStatus, \r\n \r\n                \"\u062a\u0639\u0630\u0631 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062e\u0627\u062f\u0645. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", \r\n \r\n                \"error\" \r\n \r\n            ); \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n           ----------------------------------------- *\/ \r\n \r\n        orderSubmit.disabled = false; \r\n \r\n        orderSubmit.classList.remove( \r\n            \"br-is-loading\" \r\n        ); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n\/* ===================================================== \r\n   \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n   ===================================================== *\/ \r\n \r\n   if (consultationForm) { \r\n \r\nconsultationForm.addEventListener( \r\n    \"submit\", \r\n    async function (event) { \r\n \r\n        event.preventDefault(); \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645\r\n           ----------------------------------------- *\/ \r\n \r\n        const name = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-name\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const company = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-company\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const phone = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-phone\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const email = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-email\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const topic = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-topic\" \r\n            ) \r\n            .value; \r\n \r\n \r\n        const product = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-product\" \r\n            ) \r\n            .value; \r\n \r\n \r\n        const contactMethod = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-contact-method\" \r\n            ) \r\n            .value; \r\n \r\n \r\n        const contactTime = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-time\" \r\n            ) \r\n            .value; \r\n \r\n \r\n        const message = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-message\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        const website = \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-website\" \r\n            ) \r\n            .value.trim(); \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           HONEYPOT \r\n           ----------------------------------------- *\/ \r\n \r\n        if (website !== \"\") { \r\n \r\n            showStatus( \r\n                consultationStatus, \r\n                \"\u0644\u0627 \u064a\u0645\u0643\u0646 \u0645\u0639\u0627\u0644\u062c\u0629 \u0637\u0644\u0628\u0643\u0645.\", \r\n                \"error\" \r\n            ); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0627\u0633\u0645\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!name) { \r\n \r\n            showStatus( \r\n                consultationStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-name\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0647\u0627\u062a\u0641\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!phone) { \r\n \r\n            showStatus( \r\n                consultationStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u0645.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-phone\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0645\u0648\u0636\u0648\u0639\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!topic) { \r\n \r\n            showStatus( \r\n                consultationStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-topic\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n           ----------------------------------------- *\/ \r\n \r\n        if (!validEmail(email)) { \r\n \r\n            showStatus( \r\n                consultationStatus, \r\n                \"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u0627\u0644\u062d.\", \r\n                \"error\" \r\n            ); \r\n \r\n            document \r\n            .getElementById( \r\n                \"br-consultation-email\" \r\n            ) \r\n            .focus(); \r\n \r\n            return; \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n           ----------------------------------------- *\/ \r\n \r\n        consultationSubmit.disabled = true; \r\n \r\n        consultationSubmit.classList.add( \r\n            \"br-is-loading\" \r\n        ); \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n           ----------------------------------------- *\/ \r\n \r\n        const data = { \r\n \r\n            name: name, \r\n \r\n            company: company, \r\n \r\n            phone: phone, \r\n \r\n            email: email, \r\n \r\n            topic: topic, \r\n \r\n            product: product, \r\n \r\n            contact_method: contactMethod, \r\n \r\n            contact_time: contactTime, \r\n \r\n            message: message, \r\n \r\n            website: website \r\n \r\n        }; \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n           \u0645\u0647\u0645:\r\n           \u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u062c\u062f\u064a\u062f consultation-v2\r\n           ----------------------------------------- *\/ \r\n \r\n        try { \r\n \r\n            const response = \r\n                await fetch( \r\n                    window.location.origin + \r\n                    \"\/wp-json\/berandil\/v1\/consultation\", \r\n                    { \r\n \r\n                        method: \"POST\", \r\n \r\n                        headers: { \r\n \r\n                            \"Content-Type\": \r\n                                \"application\/json\" \r\n \r\n                        }, \r\n \r\n                        body: \r\n                            JSON.stringify(data) \r\n \r\n                    } \r\n                ); \r\n \r\n \r\n            let result = {}; \r\n \r\n            try { \r\n \r\n                result = \r\n                    await response.json(); \r\n \r\n            } catch (error) { \r\n \r\n                result = {}; \r\n \r\n            } \r\n \r\n \r\n            \/* ------------------------------------- \r\n               \u0627\u0644\u0646\u062c\u0627\u062d\r\n               ------------------------------------- *\/ \r\n \r\n            if ( \r\n                response.ok && \r\n                result.success \r\n            ) { \r\n \r\n                showStatus( \r\n \r\n                    consultationStatus, \r\n \r\n                    result.message || \r\n                    \"\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u0645 \u0628\u0646\u062c\u0627\u062d. \u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u062e\u0628\u0631\u0627\u0621 \u0628\u0650\u0631\u064e\u0646\u062f\u064a\u0644 \u0641\u064a \u0623\u0642\u0631\u0628 \u0641\u0631\u0635\u0629.\", \r\n \r\n                    \"success\" \r\n \r\n                ); \r\n \r\n \r\n                consultationForm.reset(); \r\n \r\n \r\n                setTimeout( \r\n                    function () { \r\n \r\n                        closeConsultationPopup(); \r\n \r\n                        if ( \r\n                            consultationStatus \r\n                        ) { \r\n \r\n                            consultationStatus.textContent = \r\n                                \"\"; \r\n \r\n                            consultationStatus.className = \r\n                                \"br-status\"; \r\n \r\n                        } \r\n \r\n                    }, \r\n                    4000 \r\n                ); \r\n \r\n \r\n            } else { \r\n \r\n                showStatus( \r\n \r\n                    consultationStatus, \r\n \r\n                    result.message || \r\n                    \"\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", \r\n \r\n                    \"error\" \r\n \r\n                ); \r\n \r\n            } \r\n \r\n \r\n        } catch (error) { \r\n \r\n            console.error( \r\n                \"Berandil Consultation Error:\", \r\n                error \r\n            ); \r\n \r\n \r\n            showStatus( \r\n \r\n                consultationStatus, \r\n \r\n                \"\u062a\u0639\u0630\u0631 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062e\u0627\u062f\u0645. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", \r\n \r\n                \"error\" \r\n \r\n            ); \r\n \r\n        } \r\n \r\n \r\n        \/* ----------------------------------------- \r\n           \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n           ----------------------------------------- *\/ \r\n \r\n        consultationSubmit.disabled = false; \r\n \r\n        consultationSubmit.classList.remove( \r\n            \"br-is-loading\" \r\n        ); \r\n \r\n    } \r\n); \r\n \r\n} \r\n \r\n}); \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b41b32 elementor-widget elementor-widget-html\" data-id=\"1b41b32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     WIDGET 02 \u2014 TRUST \/ SERVICE BENEFITS\r\n     \u0623\u0631\u0628\u0639 \u0628\u0637\u0627\u0642\u0627\u062a \u0644\u0644\u062e\u062f\u0645\u0627\u062a\r\n     \u0645\u0646\u0627\u0633\u0628 \u0644\u0640 Elementor HTML Widget\r\n     RTL \/ Responsive \/ SVG \/ Hover\r\n========================================================= -->\r\n\r\n<section class=\"bd-doogh-page bd-widget-02\" dir=\"rtl\">\r\n\r\n    <div class=\"bd-doogh-container\">\r\n  \r\n      <!-- =====================================================\r\n           SECTION HEADER\r\n      ====================================================== -->\r\n  \r\n      <div class=\"bd-widget-02-head\">\r\n  \r\n        <div class=\"bd-widget-02-kicker\">\r\n          <span class=\"bd-widget-02-kicker-line\"><\/span>\r\n          \u062e\u062f\u0645\u0627\u062a \u0628\u0631\u0646\u062f\u064a\u0644\r\n          <span class=\"bd-widget-02-kicker-line\"><\/span>\r\n        <\/div>\r\n  \r\n        <h2>\r\n          \u062a\u062c\u0631\u0628\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0645\u0646 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u062d\u062a\u0649 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\r\n        <\/h2>\r\n  \r\n        <p>\r\n          \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0623\u0644\u0628\u0627\u0646\u060c \u062a\u0633\u0639\u0649 \u0628\u0631\u0646\u062f\u064a\u0644 \u0625\u0644\u0649 \u062c\u0639\u0644\r\n          \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0623\u0643\u062b\u0631 \u0633\u0647\u0648\u0644\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0645\u0635\u0646\u0651\u0639\u064a \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0644\u0628\u0627\u0646\u060c \u0645\u0646 \u062e\u0644\u0627\u0644\r\n          \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647\u0627 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635.\r\n        <\/p>\r\n  \r\n      <\/div>\r\n  \r\n  \r\n      <!-- =====================================================\r\n           CARDS\r\n      ====================================================== -->\r\n  \r\n      <div class=\"bd-widget-02-grid\">\r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 01 \u2014 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0633\u0631\u064a\u0639\r\n        ==================================================== -->\r\n  \r\n        <article class=\"bd-widget-02-card\">\r\n  \r\n          <div class=\"bd-widget-02-card-top\">\r\n  \r\n            <div class=\"bd-widget-02-icon\">\r\n  \r\n              <svg\r\n                viewBox=\"0 0 64 64\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n                <path\r\n                  d=\"M7 16.5A4.5 4.5 0 0 1 11.5 12h27A4.5 4.5 0 0 1 43 16.5V20h6.5a5 5 0 0 1 4.05 2.07l5.2 7.15A7 7 0 0 1 60 33.34V45a5 5 0 0 1-5 5h-4.18a8 8 0 0 1-15.64 0H29.82a8 8 0 0 1-15.64 0H11a4 4 0 0 1-4-4V16.5Z\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"M43 27h8.2l5.1 7H43v-7Z\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n  \r\n                <circle\r\n                  cx=\"21.99\"\r\n                  cy=\"49\"\r\n                  r=\"5.5\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                \/>\r\n  \r\n                <circle\r\n                  cx=\"43\"\r\n                  cy=\"49\"\r\n                  r=\"5.5\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"M7 29h15M7 36h10\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n              <\/svg>\r\n  \r\n            <\/div>\r\n  \r\n            <span class=\"bd-widget-02-number\">\r\n              01\r\n            <\/span>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-content\">\r\n  \r\n            <h3>\r\n              \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0633\u0631\u064a\u0639\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u0634\u062d\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0628\u0644\u0627\u062f \u0645\u0639 \u062a\u0646\u0633\u064a\u0642 \u0645\u0646\u0627\u0633\u0628\r\n              \u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0628\u0634\u0643\u0644 \u0645\u0648\u062b\u0648\u0642 \u0648\u0633\u0631\u064a\u0639.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 02 \u2014 \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\r\n        ==================================================== -->\r\n  \r\n        <article class=\"bd-widget-02-card\">\r\n  \r\n          <div class=\"bd-widget-02-card-top\">\r\n  \r\n            <div class=\"bd-widget-02-icon\">\r\n  \r\n              <svg\r\n                viewBox=\"0 0 64 64\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n                <path\r\n                  d=\"M32 7l20 8v15c0 12.5-8.3 22.8-20 27-11.7-4.2-20-14.5-20-27V15l20-8Z\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"m21 31 7 7 15-16\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"3.2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n              <\/svg>\r\n  \r\n            <\/div>\r\n  \r\n            <span class=\"bd-widget-02-number\">\r\n              02\r\n            <\/span>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-content\">\r\n  \r\n            <h3>\r\n              \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0646\u0627\u0633\u0628\u0629\r\n              \u0645\u0639 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0645\u0635\u0646\u0651\u0639\u064a \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0644\u0628\u0627\u0646.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 03 \u2014 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\r\n        ==================================================== -->\r\n  \r\n        <article class=\"bd-widget-02-card\">\r\n  \r\n          <div class=\"bd-widget-02-card-top\">\r\n  \r\n            <div class=\"bd-widget-02-icon\">\r\n  \r\n              <svg\r\n                viewBox=\"0 0 64 64\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n                <path\r\n                  d=\"M13 35v-5a19 19 0 0 1 38 0v5\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"M13 35h7a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-4a6 6 0 0 1-6-6v-5a3 3 0 0 1 3-3ZM51 35h-7a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h4a6 6 0 0 0 6-6v-5a3 3 0 0 0-3-3Z\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"M41 50c-2.5 4-6.5 6-12 6h-5\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n  \r\n                <circle\r\n                  cx=\"21\"\r\n                  cy=\"39\"\r\n                  r=\"2\"\r\n                  fill=\"currentColor\"\r\n                \/>\r\n  \r\n                <circle\r\n                  cx=\"43\"\r\n                  cy=\"39\"\r\n                  r=\"2\"\r\n                  fill=\"currentColor\"\r\n                \/>\r\n              <\/svg>\r\n  \r\n            <\/div>\r\n  \r\n            <span class=\"bd-widget-02-number\">\r\n              03\r\n            <\/span>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-content\">\r\n  \r\n            <h3>\r\n              \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0642\u0628\u0644 \u0627\u0644\u0634\u0631\u0627\u0621 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\r\n              \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\u0645 \u0627\u0644\u0641\u0646\u064a\u0629.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 04 \u2014 \u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0645\u0648\u062b\u0648\u0642\u0629\r\n        ==================================================== -->\r\n  \r\n        <article class=\"bd-widget-02-card\">\r\n  \r\n          <div class=\"bd-widget-02-card-top\">\r\n  \r\n            <div class=\"bd-widget-02-icon\">\r\n  \r\n              <svg\r\n                viewBox=\"0 0 64 64\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n                <path\r\n                  d=\"M10 22h44l-4 30H14l-4-30Z\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"M22 22v-4a10 10 0 0 1 20 0v4\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n  \r\n                <path\r\n                  d=\"m22 37 6 6 14-14\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"3.2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n              <\/svg>\r\n  \r\n            <\/div>\r\n  \r\n            <span class=\"bd-widget-02-number\">\r\n              04\r\n            <\/span>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-content\">\r\n  \r\n            <h3>\r\n              \u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0645\u0648\u062b\u0648\u0642\u0629\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u0639\u0645\u0644\u064a\u0629 \u0634\u0631\u0627\u0621 \u0634\u0641\u0627\u0641\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u062a\u064a\u062d \u0644\u0643\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0637\u0644\u0628\u0643\u0645\r\n              \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629 \u0648\u0627\u0637\u0645\u0626\u0646\u0627\u0646.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n      <\/div>\r\n  \r\n    <\/div>\r\n  \r\n  <\/section>\r\n  \r\n  \r\n  <style>\r\n  \r\n  \/* =========================================================\r\n     WIDGET 02 \u2014 VARIABLES\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 {\r\n  \r\n    --bd-blue: #2563eb;\r\n    --bd-blue-light: #3b82f6;\r\n    --bd-blue-soft: #60a5fa;\r\n    --bd-blue-deep: #172554;\r\n  \r\n    --bd-orange: #ff7a18;\r\n    --bd-orange-light: #ff9a42;\r\n  \r\n    --bd-white: #ffffff;\r\n    --bd-text: #f7f3ff;\r\n    --bd-muted: #c9bddb;\r\n  \r\n    --bd-card:\r\n      rgba(255,255,255,.055);\r\n  \r\n    --bd-border:\r\n      rgba(255,255,255,.11);\r\n  \r\n    --bd-transition:\r\n      all .38s cubic-bezier(.22,.61,.36,1);\r\n  \r\n    position: relative;\r\n  \r\n    overflow: hidden;\r\n  \r\n    padding: 25px 0 85px;\r\n  \r\n    color: var(--bd-text);\r\n  \r\n    font-family:\r\n      \"Shabnam\",\r\n      \"IRANSans\",\r\n      \"IRANSansX\",\r\n      Tahoma,\r\n      Arial,\r\n      sans-serif;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #10071b 0%,\r\n        #12081f 100%\r\n      );\r\n  \r\n    isolation: isolate;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     BACKGROUND GLOW\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02::before {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 520px;\r\n  \r\n    height: 520px;\r\n  \r\n    top: -280px;\r\n  \r\n    right: -180px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(37,99,235,.16),\r\n        transparent 70%\r\n      );\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02::after {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 450px;\r\n  \r\n    height: 450px;\r\n  \r\n    bottom: -300px;\r\n  \r\n    left: -150px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,122,24,.08),\r\n        transparent 70%\r\n      );\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CONTAINER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-doogh-container {\r\n  \r\n    width:\r\n      min(1240px, calc(100% - 40px));\r\n  \r\n    margin: 0 auto;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     HEADER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-head {\r\n  \r\n    max-width: 760px;\r\n  \r\n    margin: 0 auto 40px;\r\n  \r\n    text-align: center;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker {\r\n  \r\n    display: inline-flex;\r\n  \r\n    align-items: center;\r\n  \r\n    gap: 10px;\r\n  \r\n    margin-bottom: 13px;\r\n  \r\n    color:\r\n      var(--bd-blue-soft);\r\n  \r\n    font-size: 11px;\r\n  \r\n    font-weight: 800;\r\n  \r\n    letter-spacing: .7px;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker-line {\r\n  \r\n    width: 25px;\r\n  \r\n    height: 1px;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-blue)\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker-line:last-child {\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--bd-blue),\r\n        transparent\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n    margin: 0 0 12px;\r\n  \r\n    color: var(--bd-white);\r\n  \r\n    font-size: clamp(25px, 3vw, 36px);\r\n  \r\n    line-height: 1.35;\r\n  \r\n    font-weight: 900;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n    max-width: 680px;\r\n  \r\n    margin: 0 auto;\r\n  \r\n    color: var(--bd-muted);\r\n  \r\n    font-size: 13px;\r\n  \r\n    line-height: 2;\r\n  \r\n    text-align: justify;\r\n  \r\n    text-align-last: center;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARDS GRID\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n    display: grid;\r\n  \r\n    grid-template-columns:\r\n      repeat(4, minmax(0, 1fr));\r\n  \r\n    gap: 18px;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card {\r\n  \r\n    position: relative;\r\n  \r\n    min-height: 245px;\r\n  \r\n    overflow: hidden;\r\n  \r\n    display: flex;\r\n  \r\n    flex-direction: column;\r\n  \r\n    padding: 23px;\r\n  \r\n    border-radius: 24px;\r\n  \r\n    border:\r\n      1px solid\r\n      rgba(59,130,246,.20);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(37,99,235,.095),\r\n        rgba(255,255,255,.035)\r\n      );\r\n  \r\n    box-shadow:\r\n      0 20px 50px rgba(0,0,0,.18),\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.055);\r\n  \r\n    backdrop-filter:\r\n      blur(14px);\r\n  \r\n    -webkit-backdrop-filter:\r\n      blur(14px);\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Top orange line *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card::before {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    top: 0;\r\n  \r\n    right: 25px;\r\n  \r\n    left: 25px;\r\n  \r\n    height: 2px;\r\n  \r\n    opacity: .25;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-blue-light),\r\n        transparent\r\n      );\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Hover glow *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card::after {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 180px;\r\n  \r\n    height: 180px;\r\n  \r\n    top: -100px;\r\n  \r\n    right: -80px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(59,130,246,.16),\r\n        transparent 70%\r\n      );\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD HOVER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover {\r\n  \r\n    transform:\r\n      translateY(-9px);\r\n  \r\n    border-color:\r\n      rgba(255,122,24,.42);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,122,24,.12),\r\n        rgba(255,255,255,.045)\r\n      );\r\n  \r\n    box-shadow:\r\n      0 28px 65px rgba(0,0,0,.30),\r\n      0 0 35px rgba(255,122,24,.07);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover::before {\r\n  \r\n    opacity: 1;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-orange),\r\n        transparent\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover::after {\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,122,24,.17),\r\n        transparent 70%\r\n      );\r\n  \r\n    transform: scale(1.4);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD TOP\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-top {\r\n  \r\n    display: flex;\r\n  \r\n    align-items: flex-start;\r\n  \r\n    justify-content: space-between;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ICON\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-icon {\r\n  \r\n    width: 58px;\r\n  \r\n    height: 58px;\r\n  \r\n    display: grid;\r\n  \r\n    place-items: center;\r\n  \r\n    border-radius: 17px;\r\n  \r\n    color:\r\n      var(--bd-blue-light);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(37,99,235,.16),\r\n        rgba(37,99,235,.055)\r\n      );\r\n  \r\n    border:\r\n      1px solid\r\n      rgba(59,130,246,.24);\r\n  \r\n    box-shadow:\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.06);\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-icon svg {\r\n  \r\n    width: 31px;\r\n  \r\n    height: 31px;\r\n  \r\n    display: block;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Icon Hover *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-icon {\r\n  \r\n    color:\r\n      var(--bd-orange);\r\n  \r\n    background:\r\n      rgba(255,122,24,.12);\r\n  \r\n    border-color:\r\n      rgba(255,122,24,.35);\r\n  \r\n    transform:\r\n      scale(1.08)\r\n      rotate(-3deg);\r\n  \r\n    box-shadow:\r\n      0 12px 28px\r\n      rgba(255,122,24,.13);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-icon svg {\r\n  \r\n    transform:\r\n      scale(1.08);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     NUMBER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-number {\r\n  \r\n    color:\r\n      rgba(255,255,255,.16);\r\n  \r\n    font-size: 11px;\r\n  \r\n    font-weight: 900;\r\n  \r\n    letter-spacing: 1px;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-number {\r\n  \r\n    color:\r\n      rgba(255,122,24,.65);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CONTENT\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content {\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  \r\n    margin-top: 25px;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content h3 {\r\n  \r\n    margin: 0 0 9px;\r\n  \r\n    color:\r\n      var(--bd-white);\r\n  \r\n    font-size: 17px;\r\n  \r\n    line-height: 1.5;\r\n  \r\n    font-weight: 850;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content p {\r\n  \r\n    margin: 0;\r\n  \r\n    color:\r\n      var(--bd-muted);\r\n  \r\n    font-size: 12px;\r\n  \r\n    line-height: 2;\r\n  \r\n    text-align: justify;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-card-content h3 {\r\n  \r\n    color:\r\n      var(--bd-orange-light);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ARROW\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-arrow {\r\n  \r\n    margin-top: auto;\r\n  \r\n    padding-top: 17px;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-arrow span {\r\n  \r\n    display: inline-grid;\r\n  \r\n    place-items: center;\r\n  \r\n    width: 31px;\r\n  \r\n    height: 31px;\r\n  \r\n    border-radius: 10px;\r\n  \r\n    color:\r\n      rgba(255,255,255,.45);\r\n  \r\n    background:\r\n      rgba(255,255,255,.045);\r\n  \r\n    font-size: 15px;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-card-arrow span {\r\n  \r\n    color:\r\n      #fff;\r\n  \r\n    background:\r\n      var(--bd-orange);\r\n  \r\n    transform:\r\n      translateX(-5px);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 1100\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 1100px) {\r\n  \r\n    .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card {\r\n  \r\n      min-height: 230px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 700\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 700px) {\r\n  \r\n    .bd-widget-02 {\r\n  \r\n      padding:\r\n        15px 0 60px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-doogh-container {\r\n  \r\n      width:\r\n        min(100% - 28px, 1240px);\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head {\r\n  \r\n      margin-bottom: 28px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n      font-size: 25px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n      font-size: 12px;\r\n  \r\n      line-height: 1.95;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n      grid-template-columns: 1fr;\r\n  \r\n      gap: 13px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card {\r\n  \r\n      min-height: auto;\r\n  \r\n      padding: 19px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content {\r\n  \r\n      margin-top: 19px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 480\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 480px) {\r\n  \r\n    .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n      font-size: 22px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n      font-size: 11px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-icon {\r\n  \r\n      width: 52px;\r\n  \r\n      height: 52px;\r\n  \r\n      border-radius: 15px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-icon svg {\r\n  \r\n      width: 28px;\r\n  \r\n      height: 28px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content h3 {\r\n  \r\n      font-size: 16px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content p {\r\n  \r\n      font-size: 11px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ACCESSIBILITY\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 *:focus-visible {\r\n  \r\n    outline:\r\n      2px solid var(--bd-orange);\r\n  \r\n    outline-offset: 3px;\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================= *\/\r\n  \r\n  @media (prefers-reduced-motion: reduce) {\r\n  \r\n    .bd-widget-02 *,\r\n    .bd-widget-02 *::before,\r\n    .bd-widget-02 *::after {\r\n  \r\n      animation: none !important;\r\n  \r\n      transition: none !important;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  <\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0de3a4 elementor-widget elementor-widget-html\" data-id=\"a0de3a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================================\r\n   BERANDIL \u2014 FLAVORED MILK STABILIZER TABLE\r\n   Dark Glass Style\r\n   Responsive + Elementor Compatible\r\n   SEO Friendly\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box {\r\n    direction: rtl;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 50px 20px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 10% 15%,\r\n            rgba(124,58,237,.22),\r\n            transparent 30%\r\n        ),\r\n        radial-gradient(\r\n            circle at 90% 85%,\r\n            rgba(37,99,235,.18),\r\n            transparent 32%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #12081f 0%,\r\n            #170a29 48%,\r\n            #0d0617 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Shabnam\",\r\n        \"IRANSans\",\r\n        \"IRANSansX\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color: #f7f3ff;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOX SIZING\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box *,\r\n.flavored-milk-stab-box *::before,\r\n.flavored-milk-stab-box *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 380px;\r\n    height: 380px;\r\n\r\n    top: -180px;\r\n    right: -120px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(124,58,237,.24),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 320px;\r\n    height: 320px;\r\n\r\n    bottom: -160px;\r\n    left: -100px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(37,99,235,.18),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box > .stab-title,\r\n.flavored-milk-stab-box > .blue-bar,\r\n.flavored-milk-stab-box > .stab-table,\r\n.flavored-milk-stab-box > .bottom-bar,\r\n.flavored-milk-stab-box > .stab-description {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box {\r\n    max-width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLASS TABLE CONTAINER\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-title,\r\n.flavored-milk-stab-box .blue-bar,\r\n.flavored-milk-stab-box .stab-table,\r\n.flavored-milk-stab-box .bottom-bar {\r\n    width: 94%;\r\n    max-width: 1150px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-title {\r\n    padding: 20px 15px;\r\n\r\n    text-align: center;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 27px;\r\n    font-weight: 800;\r\n\r\n    line-height: 1.4;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(124,58,237,.92),\r\n            rgba(53,20,95,.96)\r\n        );\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-bottom: none;\r\n\r\n    border-radius:\r\n        28px 28px 0 0;\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE COLOR BAR\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-title::after {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 90px;\r\n    height: 3px;\r\n\r\n    margin: 12px auto 0;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #2563eb,\r\n            #7c3aed,\r\n            #ff7a18\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 18px rgba(124,58,237,.45);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP BLUE BAR\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .blue-bar {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLE WRAPPER EFFECT\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table {\r\n    background:\r\n        #12081f;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-top: none;\r\n\r\n    border-collapse: separate;\r\n    border-spacing: 2px;\r\n\r\n    table-layout: fixed;\r\n\r\n    direction: rtl;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 24px 70px rgba(0,0,0,.34),\r\n        inset 0 1px 0 rgba(255,255,255,.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEO CAPTION\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table caption {\r\n    position: absolute;\r\n\r\n    width: 1px;\r\n    height: 1px;\r\n\r\n    padding: 0;\r\n    margin: -1px;\r\n\r\n    overflow: hidden;\r\n\r\n    clip: rect(0, 0, 0, 0);\r\n\r\n    white-space: nowrap;\r\n\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLE HEADER\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table th {\r\n    padding: 13px 8px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n\r\n    line-height: 1.45;\r\n\r\n    text-align: center;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #2563eb,\r\n            #7c3aed\r\n        );\r\n\r\n    border: none;\r\n\r\n    position: relative;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORANGE HEADER LINE\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table th::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 22%;\r\n    right: 22%;\r\n\r\n    height: 2px;\r\n\r\n    background: #ff7a18;\r\n\r\n    border-radius: 999px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER HOVER\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table th:hover {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #7c3aed,\r\n            #2563eb\r\n        );\r\n\r\n    box-shadow:\r\n        0 6px 20px rgba(37,99,235,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLE CELLS\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table td {\r\n    padding: 11px 8px;\r\n\r\n    color: #f7f3ff;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    vertical-align: middle;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROW HOVER\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-table tbody tr:hover td {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(37,99,235,.12),\r\n            rgba(124,58,237,.10)\r\n        );\r\n\r\n    border-color:\r\n        rgba(96,165,250,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT TYPE\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-type {\r\n    width: 25%;\r\n\r\n    text-align: center;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CODE\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-code {\r\n    width: 15%;\r\n\r\n    direction: ltr;\r\n\r\n    text-align: center;\r\n\r\n    color: #60a5fa;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOSAGE\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-dose {\r\n    width: 15%;\r\n\r\n    direction: ltr;\r\n\r\n    text-align: center;\r\n\r\n    color: #ffb15c;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-features {\r\n    width: 45%;\r\n\r\n    color: #c9bddb;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.75;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-features ul {\r\n    margin: 0;\r\n\r\n    padding:\r\n        0 17px 0 0;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-features li {\r\n    margin: 2px 0;\r\n\r\n    padding: 0;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-features li::marker {\r\n    color: #ff7a18;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM BAR\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .bottom-bar {\r\n    height: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #2563eb,\r\n            #7c3aed,\r\n            #ff7a18\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 22px rgba(124,58,237,.35);\r\n\r\n    border-radius:\r\n        0 0 5px 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEO DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.flavored-milk-stab-box .stab-description {\r\n    width: 94%;\r\n    max-width: 1150px;\r\n\r\n    margin:\r\n        24px auto 0;\r\n\r\n    padding: 24px 25px;\r\n\r\n    color: #d8cde6;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-radius: 22px;\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(0,0,0,.25),\r\n        inset 0 1px 0 rgba(255,255,255,.04);\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description h2 {\r\n    color: #ffffff;\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1.6;\r\n\r\n    margin:\r\n        0 0 14px 0;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description h3 {\r\n    color: #c4b5fd;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.6;\r\n\r\n    margin:\r\n        22px 0 9px 0;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description p {\r\n    color: #c9bddb;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 2;\r\n\r\n    margin:\r\n        0 0 11px 0;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description strong {\r\n    color: #f0eaff;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description ul {\r\n    margin:\r\n        8px 0 14px 0;\r\n\r\n    padding:\r\n        0 20px 0 0;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description li {\r\n    color: #c9bddb;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.9;\r\n\r\n    margin: 3px 0;\r\n}\r\n\r\n\r\n.flavored-milk-stab-box .stab-description li::marker {\r\n    color: #ff7a18;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .flavored-milk-stab-box {\r\n        padding: 35px 12px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-title,\r\n    .flavored-milk-stab-box .stab-table,\r\n    .flavored-milk-stab-box .bottom-bar,\r\n    .flavored-milk-stab-box .stab-description {\r\n        width: 96%;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-table th {\r\n        font-size: 13px;\r\n        padding: 10px 5px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-table td {\r\n        padding: 8px 5px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-type {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-code {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-dose {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-features {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description {\r\n        padding: 20px 18px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description h2 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description h3 {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .flavored-milk-stab-box {\r\n        padding: 24px 5px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-title,\r\n    .flavored-milk-stab-box .stab-table,\r\n    .flavored-milk-stab-box .bottom-bar,\r\n    .flavored-milk-stab-box .stab-description {\r\n        width: 100%;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-title {\r\n        padding: 15px 8px;\r\n\r\n        font-size: 19px;\r\n\r\n        border-radius:\r\n            20px 20px 0 0;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-title::after {\r\n        width: 65px;\r\n        height: 2px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE TABLE\r\n       ===================================================== *\/\r\n\r\n    .flavored-milk-stab-box .stab-table {\r\n        min-width: 610px;\r\n\r\n        border-spacing: 1px;\r\n\r\n        overflow-x: auto;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-table th {\r\n        font-size: 9px;\r\n\r\n        padding: 7px 3px;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-table td {\r\n        padding: 6px 3px;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-type {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-code {\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-dose {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-features {\r\n        font-size: 7.5px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .stab-features ul {\r\n        padding-right: 10px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       DESCRIPTION MOBILE\r\n       ===================================================== *\/\r\n\r\n    .flavored-milk-stab-box .stab-description {\r\n        margin-top: 18px;\r\n\r\n        padding: 16px 13px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description h2 {\r\n        font-size: 17px;\r\n\r\n        line-height: 1.6;\r\n\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description h3 {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.6;\r\n\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description p {\r\n        font-size: 11px;\r\n\r\n        line-height: 2;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description ul {\r\n        padding-right: 16px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description li {\r\n        font-size: 10px;\r\n\r\n        line-height: 1.8;\r\n    }\r\n\r\n\r\n    .flavored-milk-stab-box .bottom-bar {\r\n        height: 5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .flavored-milk-stab-box {\r\n        padding: 18px 3px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-table {\r\n        min-width: 570px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-table th {\r\n        font-size: 8px;\r\n        padding: 6px 2px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-table td {\r\n        padding: 5px 2px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-type {\r\n        font-size: 8.5px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-code {\r\n        font-size: 7.5px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-dose {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-features {\r\n        font-size: 7px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description {\r\n        padding: 13px 9px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description h2 {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description h3 {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description p {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .flavored-milk-stab-box .stab-description li {\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .flavored-milk-stab-box *,\r\n    .flavored-milk-stab-box *::before,\r\n    .flavored-milk-stab-box *::after {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"flavored-milk-stab-box\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n\r\n    <div class=\"stab-title\">\r\n        \u062c\u062f\u0648\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n    <\/div>\r\n\r\n\r\n    <!-- \u0627\u0644\u062c\u062f\u0648\u0644 -->\r\n\r\n    <table class=\"stab-table\">\r\n\r\n        <caption>\r\n            \u062c\u062f\u0648\u0644 \u0623\u0646\u0648\u0627\u0639 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644\u060c \u0648\u0631\u0645\u0648\u0632 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u062c\u0631\u0639\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u060c \u0648\u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629\r\n        <\/caption>\r\n\r\n        <thead>\r\n\r\n            <tr>\r\n\r\n                <th scope=\"col\" style=\"width:25%;\">\r\n                    \u0646\u0648\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n                <\/th>\r\n\r\n                <th scope=\"col\" style=\"width:15%;\">\r\n                    \u0631\u0645\u0632 \u0627\u0644\u0645\u0646\u062a\u062c\r\n                <\/th>\r\n\r\n                <th scope=\"col\" style=\"width:15%;\">\r\n                    \u062c\u0631\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\r\n                <\/th>\r\n\r\n                <th scope=\"col\" style=\"width:45%;\">\r\n                    \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\r\n                <\/th>\r\n\r\n            <\/tr>\r\n\r\n        <\/thead>\r\n\r\n\r\n        <tbody>\r\n\r\n            <tr>\r\n\r\n                <td class=\"stab-type\">\r\n                    \u062d\u0644\u064a\u0628 \u0627\u0644\u0634\u0648\u0643\u0648\u0644\u0627\u062a\u0629\r\n                <\/td>\r\n\r\n                <td class=\"stab-code\">\r\n                    BM - 001\r\n                <\/td>\r\n\r\n                <td class=\"stab-dose\">\r\n                    0.15%\r\n                <\/td>\r\n\r\n                <td class=\"stab-features\">\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0645\u0631\u063a\u0648\u0628 \u0641\u064a \u062d\u0644\u064a\u0628 \u0627\u0644\u0634\u0648\u0643\u0648\u0644\u0627\u062a\u0629\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062b\u0628\u0627\u062a \u0646\u0638\u0627\u0645 \u0627\u0644\u062d\u0644\u064a\u0628 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633 \u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0643\u0627\u0643\u0627\u0648 \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0638\u0647\u0631 \u0648\u0627\u0644\u0642\u0648\u0627\u0645 \u0648\u0627\u0644\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0641\u0645\u0648\u064a \u0644\u0644\u0645\u0646\u062a\u062c\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/td>\r\n\r\n            <\/tr>\r\n\r\n\r\n            <tr>\r\n\r\n                <td class=\"stab-type\">\r\n                    \u062d\u0644\u064a\u0628 \u0628\u0627\u0644\u0639\u0633\u0644\r\n                <\/td>\r\n\r\n                <td class=\"stab-code\">\r\n                    BM - 002\r\n                <\/td>\r\n\r\n                <td class=\"stab-dose\">\r\n                    0.15%\r\n                <\/td>\r\n\r\n                <td class=\"stab-features\">\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u0628\u0646\u064a\u0629 \u0645\u062a\u062c\u0627\u0646\u0633\u0629 \u0648\u0645\u0633\u062a\u0642\u0631\u0629 \u0641\u064a \u062d\u0644\u064a\u0628 \u0627\u0644\u0639\u0633\u0644\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u062d\u0631 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0627\u0646\u0641\u0635\u0627\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u062c\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u062a\u062d\u0633\u064a\u0646 \u0642\u0648\u0627\u0645 \u0648\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u0627\u0644\u0641\u0645\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/td>\r\n\r\n            <\/tr>\r\n\r\n\r\n            <tr>\r\n\r\n                <td class=\"stab-type\">\r\n                    \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u0627\u0644\u0641\u0648\u0627\u0643\u0647\r\n                <\/td>\r\n\r\n                <td class=\"stab-code\">\r\n                    BM - 003\r\n                <\/td>\r\n\r\n                <td class=\"stab-dose\">\r\n                    0.15%\r\n                <\/td>\r\n\r\n                <td class=\"stab-features\">\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0645\u0633\u062a\u0642\u0631 \u0641\u064a \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u0627\u0644\u0641\u0648\u0627\u0643\u0647\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0646\u0638\u0627\u0645\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633 \u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0646\u0643\u0647\u0629 \u0648\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0638\u0647\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0642\u0648\u0627\u0645\u0647 \u0648\u062c\u0648\u062f\u062a\u0647 \u0627\u0644\u062d\u0633\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062e\u0632\u064a\u0646\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/td>\r\n\r\n            <\/tr>\r\n\r\n\r\n            <tr>\r\n\r\n                <td class=\"stab-type\">\r\n                    \u062d\u0644\u064a\u0628 \u0627\u0644\u0642\u0647\u0648\u0629\r\n                <\/td>\r\n\r\n                <td class=\"stab-code\">\r\n                    BM - 004\r\n                <\/td>\r\n\r\n                <td class=\"stab-dose\">\r\n                    0.15%\r\n                <\/td>\r\n\r\n                <td class=\"stab-features\">\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u0628\u0646\u064a\u0629 \u0645\u062a\u062c\u0627\u0646\u0633\u0629 \u0648\u0645\u0633\u062a\u0642\u0631\u0629 \u0641\u064a \u062d\u0644\u064a\u0628 \u0627\u0644\u0642\u0647\u0648\u0629\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631 \u0648\u062a\u0631\u0633\u0651\u0628 \u0627\u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u062a\u062d\u0633\u064a\u0646 \u0642\u0648\u0627\u0645 \u0648\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0641\u064a \u0627\u0644\u0641\u0645\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0638\u0647\u0631 \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0641\u064a \u062d\u0644\u064a\u0628 \u0627\u0644\u0642\u0647\u0648\u0629 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/td>\r\n\r\n            <\/tr>\r\n\r\n        <\/tbody>\r\n\r\n    <\/table>\r\n\r\n\r\n    <!-- \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0633\u0641\u0644\u064a -->\r\n\r\n    <div class=\"bottom-bar\"><\/div>\r\n\r\n\r\n    <!-- \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0648\u0627\u0644\u0645\u062d\u0633\u0651\u0646 \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b -->\r\n\r\n\r\n       \r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba9ab0e elementor-widget elementor-widget-html\" data-id=\"ba9ab0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     WIDGET 03 \u2014 FLAVORED MILK STABILIZER APPLICATION STEPS\r\n     \u0634\u0631\u064a\u0637 \u062a\u0645\u0631\u064a\u0631 \u0645\u0631\u0627\u062d\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n\r\n     8 \u0645\u0631\u0627\u062d\u0644\r\n     Auto Play\r\n     Touch \/ Swipe\r\n     Navigation Arrows\r\n     Pagination Dots\r\n     Responsive\r\n     RTL\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"bd-doogh-page bd-widget-03\"\r\n  dir=\"rtl\"\r\n  aria-labelledby=\"bd-widget-03-title\"\r\n>\r\n\r\n  <div class=\"bd-doogh-container\">\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"bd-widget-03-head\">\r\n\r\n      <div class=\"bd-widget-03-kicker\">\r\n\r\n        <span class=\"bd-widget-03-kicker-icon\">\r\n          \u2726\r\n        <\/span>\r\n\r\n        \u0639\u0645\u0644\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\r\n\r\n      <\/div>\r\n\r\n      <h2 id=\"bd-widget-03-title\">\r\n\r\n        \u0645\u0631\u0627\u062d\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n        <span>\u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/span>\r\n\r\n      <\/h2>\r\n\r\n      <p>\r\n\r\n        \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0639\u0627\u0645 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0646\u0638\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u061b\r\n        \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a\u0647\u0627 \u0648\u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0644\u0645\u062b\u0628\u0651\u062a\u060c \u0648\u0635\u0648\u0644\u064b\u0627 \u0625\u0644\u0649\r\n        \u0627\u0644\u062e\u0644\u0637\u060c \u0648\u0627\u0644\u062a\u0631\u0637\u064a\u0628\u060c \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0628\u0631\u064a\u062f\u060c \u0648\r\n        \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0644\u0642\u0648\u0627\u0645\u060c \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0627\u0644\u062b\u0628\u0627\u062a \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0628.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDER\r\n    ====================================================== -->\r\n\r\n    <div\r\n      class=\"bd-widget-03-slider\"\r\n      data-bd-slider\r\n    >\r\n\r\n      <!-- ===================================================\r\n           SLIDER TOP BAR\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-slider-top\">\r\n\r\n        <div class=\"bd-widget-03-slider-label\">\r\n\r\n          <span class=\"bd-widget-03-live-dot\"><\/span>\r\n\r\n          \u0645\u0633\u0627\u0631 \u0639\u0645\u0644\u064a\u0629 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n\r\n        <\/div>\r\n\r\n        <div class=\"bd-widget-03-counter\">\r\n\r\n          <span data-bd-current>\r\n            01\r\n          <\/span>\r\n\r\n          <i>\/<\/i>\r\n\r\n          <span>\r\n            08\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           SLIDES TRACK\r\n      ==================================================== -->\r\n\r\n      <div\r\n        class=\"bd-widget-03-viewport\"\r\n        data-bd-viewport\r\n      >\r\n\r\n        <div\r\n          class=\"bd-widget-03-track\"\r\n          data-bd-track\r\n        >\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 01\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide is-active\"\r\n            data-slide=\"1\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/1-\u0645\u0631\u062d\u0644\u0647-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u062d\u0644\u064a\u0628 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u062b\u0628\u0651\u062a\"\r\n                loading=\"eager\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                01\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a\u0629\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629\u060c \u064a\u062a\u0645 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u062d\u0644\u064a\u0628 \u0648\u0627\u0644\u0633\u0643\u0631 \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0646\u0643\u0647\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629\r\n                \u0644\u0644\u062d\u0644\u064a\u0628 \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0641\u0642 \u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u060c\r\n                \u0645\u0639 \u0641\u062d\u0635\u0647\u0627 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u062c\u0648\u062f\u062a\u0647\u0627. \u0648\u062a\u0624\u062f\u064a \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a\u0629\r\n                \u0648\u0638\u0631\u0648\u0641\u0647\u0627 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u062f\u0648\u0631\u064b\u0627 \u0645\u0647\u0645\u064b\u0627 \u0641\u064a \u0623\u062f\u0627\u0621 \u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649\r\n                \u0645\u0646\u062a\u062c \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0645\u0633\u062a\u0642\u0631 \u0648\u0630\u064a \u0645\u0630\u0627\u0642 \u0645\u0633\u062a\u0633\u0627\u063a.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 02\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"2\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/2-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644-\u0645\u0631\u062d\u0644\u0647-\u062f\u0648\u0645.png\"\r\n                alt=\"\u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                02\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0644\u0645\u062b\u0628\u0651\u062a\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0643\u0645\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0646\u0648\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c\r\n                \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629\u060c \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629\u060c \u0648\u0627\u0644\u062e\u0635\u0627\u0626\u0635\r\n                \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0644\u0645\u0646\u062a\u062c\u060c \u062b\u0645 \u064a\u062a\u0645 \u0648\u0632\u0646\u0647\u0627 \u0628\u062f\u0642\u0629.\r\n                \u0648\u064a\u0633\u0627\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062c\u0631\u0639\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0642\u0648\u0627\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u060c\r\n                \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0631\u0633\u0628\u060c \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u062b\u0628\u0627\u062a\u0647.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 03\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"3\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0645\u0631\u062d\u0644\u0647-3-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u0627\u0644\u062e\u0644\u0637 \u0627\u0644\u0623\u0648\u0644\u064a \u0644\u0644\u0645\u062b\u0628\u0651\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062c\u0627\u0641\u0629 \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                03\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u062e\u0644\u0637 \u0648\u062a\u0631\u0637\u064a\u0628 \u0627\u0644\u0645\u062b\u0628\u0651\u062a\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u062a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0625\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0641\u064a \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0648\u0641\u0642 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\r\n                \u0627\u0644\u0645\u062d\u062f\u062f\u0629\u060c \u062b\u0645 \u064a\u064f\u062c\u0631\u0649 \u0627\u0644\u062e\u0644\u0637 \u0627\u0644\u0623\u0648\u0644\u064a \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0632\u064a\u0639\u0647\r\n                \u0628\u0634\u0643\u0644 \u0645\u062a\u062c\u0627\u0646\u0633. \u0648\u064a\u0633\u0647\u0645 \u0627\u0644\u062a\u0631\u0637\u064a\u0628 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0641\u064a\r\n                \u062a\u0646\u0634\u064a\u0637 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u062a\u0643\u0648\u0651\u0646 \u0627\u0644\u062a\u0643\u062a\u0644\u0627\u062a\u060c\r\n                \u0648\u062a\u0643\u0648\u064a\u0646 \u0628\u0646\u064a\u0629 \u0645\u062a\u062c\u0627\u0646\u0633\u0629 \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 04\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"4\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0645\u0631\u062d\u0644\u0647-4-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u062a\u0643\u0648\u064a\u0646 \u0628\u0646\u064a\u0629 \u0645\u062a\u062c\u0627\u0646\u0633\u0629\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                04\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0628\u0639\u062f \u0627\u0644\u062e\u0644\u0637\u060c \u062a\u064f\u062c\u0631\u0649 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0628\u0647\u062f\u0641 \u062a\u062d\u0642\u064a\u0642 \u062a\u0648\u0632\u064a\u0639 \u0645\u0646\u0627\u0633\u0628\r\n                \u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c.\r\n                \u0648\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649\r\n                \u0628\u0646\u064a\u0629 \u0645\u062a\u062c\u0627\u0646\u0633\u0629\u060c \u0648\u0625\u062d\u0633\u0627\u0633 \u0641\u0645\u0648\u064a \u0645\u0631\u063a\u0648\u0628\u060c \u0648\u0627\u0644\u062d\u062f \u0645\u0646\r\n                \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631 \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 05\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"5\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0645\u0631\u062d\u0644\u0647-5-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0638\u0631\u0648\u0641 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                05\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062e\u0627\u0645\u0633\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0638\u0631\u0648\u0641 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u0647\u0645\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\u060c\r\n                \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0648\u062a\u0631\u062a\u064a\u0628 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0648\u0627\u062f\u060c \u0648\u0634\u062f\u0629 \u0627\u0644\u062e\u0644\u0637\u060c \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0637\u064a\u0628\u060c\r\n                \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u062a\u0631\u0643\u064a\u0628\u0629. \u0648\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0647\u0630\u0647 \u0627\u0644\u0638\u0631\u0648\u0641\r\n                \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0648\u062b\u0628\u0627\u062a\r\n                \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0629.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 06\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"6\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0645\u0631\u062d\u0644\u0647-6-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u0628\u0633\u062a\u0631\u0629 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                06\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0633\u0627\u062f\u0633\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062b\u0628\u0627\u062a\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u064a\u062e\u0636\u0639 \u062e\u0644\u064a\u0637 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0644\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0648\u0641\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\r\n                \u0627\u0644\u0645\u062d\u062f\u062f\u0629\u060c \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0638\u0631\u0648\u0641 \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\r\n                \u0628\u0634\u0643\u0644 \u0645\u062a\u062d\u0643\u0645 \u0641\u064a\u0647. \u0648\u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\r\n                \u0645\u062a\u0648\u0627\u0641\u0642\u064b\u0627 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633\u060c\r\n                \u0648\u0642\u0648\u0627\u0645 \u0648\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c \u0641\u064a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0644\u0627\u062d\u0642\u0629.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 07\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"7\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0645\u0631\u062d\u0644\u0647-7-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u062a\u062b\u0628\u064a\u062a \u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                07\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0628\u0646\u064a\u0629\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0628\u0639\u062f \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c \u064a\u062a\u0645 \u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u0638\u0631\u0648\u0641 \u0645\u062a\u062d\u0643\u0645 \u0641\u064a\u0647\u0627\r\n                \u062d\u062a\u0649 \u062a\u062b\u0628\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u0643\u0648\u0651\u0646\u0647\u0627 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a.\r\n                \u0648\u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629\u060c \u062a\u0643\u062a\u0633\u0628 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0642\u0648\u0627\u0645\u0647 \u0648\u0639\u062f\u0645 \u0627\u0646\u0641\u0635\u0627\u0644\r\n                \u0627\u0644\u0623\u0637\u0648\u0627\u0631 \u0648\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a\u0647 \u0623\u0647\u0645\u064a\u0629 \u0643\u0628\u064a\u0631\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649\r\n                \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 08\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"8\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0645\u0631\u062d\u0644\u0647-8-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0648\u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"bd-widget-03-image-overlay\"><\/div>\r\n\r\n              <span class=\"bd-widget-03-step\">\r\n                08\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-03-content\">\r\n\r\n              <span class=\"bd-widget-03-step-label\">\r\n                \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0645\u0646\u0629\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0648\u0627\u0644\u062a\u0639\u0628\u0626\u0629\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0641\u064a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\u060c \u064a\u062a\u0645 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0627\u0644\u0642\u0648\u0627\u0645\u060c\r\n                \u0648\u0627\u0644\u062b\u0628\u0627\u062a\u060c \u0648\u0639\u062f\u0645 \u0627\u0644\u062a\u0631\u0633\u0628 \u0623\u0648 \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\u060c \u0648\u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062d\u0633\u064a\u0629\r\n                \u0648\u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0639\u0627\u0645 \u0644\u0644\u0645\u0646\u062a\u062c. \u0648\u0628\u0639\u062f \u062a\u0623\u0643\u064a\u062f \u0645\u0637\u0627\u0628\u0642\u0629 \u0645\u0648\u0627\u0635\u0641\u0627\u062a\r\n                \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u064a\u0635\u0628\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0628 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u0637\u0631\u062d\r\n                \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           NAVIGATION\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-navigation\">\r\n\r\n        <div class=\"bd-widget-03-progress\">\r\n\r\n          <span\r\n            data-bd-progress\r\n          ><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"bd-widget-03-dots\"\r\n          data-bd-dots\r\n        >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"is-active\"\r\n            data-slide-to=\"1\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f1\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"2\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f2\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"3\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f3\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"4\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f4\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"5\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f5\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"6\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f6\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"7\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f7\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"8\"\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u06f8\"\r\n          ><\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"bd-widget-03-arrows\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"bd-widget-03-arrow\"\r\n            data-bd-prev\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"\r\n          >\r\n            \u2192\r\n          <\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"bd-widget-03-arrow bd-widget-03-arrow-next\"\r\n            data-bd-next\r\n            aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"\r\n          >\r\n            \u2190\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     CSS\r\n     \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0646\u0633\u0628\u062a \u0628\u0647 \u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u06cc\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n<!-- =========================================================\r\n   WIDGET 03 \u2014 FLAVORED MILK STABILIZER\r\n   CSS \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0627\u0646 \u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u06cc \u0634\u0645\u0627\u0633\u062a\r\n========================================================= -->\r\n\r\n.bd-widget-03 {\r\n\r\n  --bd-blue:\r\n    #2563eb;\r\n\r\n  --bd-blue-light:\r\n    #3b82f6;\r\n\r\n  --bd-blue-soft:\r\n    #60a5fa;\r\n\r\n  --bd-blue-deep:\r\n    #172554;\r\n\r\n  --bd-purple:\r\n    #7c3aed;\r\n\r\n  --bd-orange:\r\n    #ff7a18;\r\n\r\n  --bd-orange-light:\r\n    #ff9a42;\r\n\r\n  --bd-white:\r\n    #ffffff;\r\n\r\n  --bd-text:\r\n    #f7f3ff;\r\n\r\n  --bd-muted:\r\n    #c9bddb;\r\n\r\n  --bd-border:\r\n    rgba(255,255,255,.12);\r\n\r\n  --bd-transition:\r\n    all .42s cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  padding:\r\n    85px 0 90px;\r\n\r\n  color:\r\n    var(--bd-text);\r\n\r\n  font-family:\r\n    \"Shabnam\",\r\n    \"IRANSans\",\r\n    \"IRANSansX\",\r\n    Tahoma,\r\n    Arial,\r\n    sans-serif;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #12081f 0%,\r\n      #10071b 100%\r\n    );\r\n\r\n  isolation:\r\n    isolate;\r\n}\r\n\r\n\r\n.bd-widget-03::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 620px;\r\n\r\n  height: 620px;\r\n\r\n  top: -360px;\r\n\r\n  right: -160px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.15),\r\n      transparent 68%\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n.bd-widget-03::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 520px;\r\n\r\n  height: 520px;\r\n\r\n  bottom: -350px;\r\n\r\n  left: -180px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(124,58,237,.10),\r\n      transparent 68%\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n.bd-widget-03\r\n.bd-doogh-container {\r\n\r\n  width:\r\n    min(1240px, calc(100% - 40px));\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n}\r\n\r\n\r\n.bd-widget-03-head {\r\n\r\n  max-width:\r\n    780px;\r\n\r\n  margin:\r\n    0 auto 42px;\r\n\r\n  text-align:\r\n    center;\r\n}\r\n\r\n\r\n.bd-widget-03-kicker {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  padding:\r\n    7px 13px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(59,130,246,.22);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  background:\r\n    rgba(37,99,235,.07);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  margin-bottom:\r\n    15px;\r\n}\r\n\r\n\r\n.bd-widget-03-kicker-icon {\r\n\r\n  color:\r\n    var(--bd-orange);\r\n\r\n  font-size:\r\n    14px;\r\n}\r\n\r\n\r\n.bd-widget-03-head h2 {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color:\r\n    var(--bd-white);\r\n\r\n  font-size:\r\n    clamp(28px, 4vw, 43px);\r\n\r\n  line-height:\r\n    1.35;\r\n\r\n  font-weight:\r\n    900;\r\n\r\n  letter-spacing:\r\n    -.7px;\r\n}\r\n\r\n\r\n.bd-widget-03-head h2 span {\r\n\r\n  color:\r\n    var(--bd-blue-light);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #60a5fa,\r\n      #a78bfa\r\n    );\r\n\r\n  -webkit-background-clip:\r\n    text;\r\n\r\n  background-clip:\r\n    text;\r\n\r\n  -webkit-text-fill-color:\r\n    transparent;\r\n}\r\n\r\n\r\n.bd-widget-03-head p {\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  max-width:\r\n    690px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    2.05;\r\n\r\n  text-align:\r\n    justify;\r\n\r\n  text-align-last:\r\n    center;\r\n}\r\n\r\n\r\n.bd-widget-03-slider {\r\n\r\n  position:\r\n    relative;\r\n\r\n  padding:\r\n    22px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  border-radius:\r\n    30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.055),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 80px\r\n    rgba(0,0,0,.28),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(14px);\r\n}\r\n\r\n\r\n.bd-widget-03-slider-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  margin-bottom:\r\n    17px;\r\n\r\n  padding:\r\n    0 5px;\r\n}\r\n\r\n\r\n.bd-widget-03-slider-label {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.bd-widget-03-live-dot {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,122,24,.08),\r\n\r\n    0 0 16px\r\n    rgba(255,122,24,.4);\r\n\r\n  animation:\r\n    bdWidget03Pulse\r\n    2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.bd-widget-03-counter {\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.bd-widget-03-counter [data-bd-current] {\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  font-size:\r\n    15px;\r\n}\r\n\r\n\r\n.bd-widget-03-counter i {\r\n\r\n  margin:\r\n    0 4px;\r\n\r\n  font-style:\r\n    normal;\r\n\r\n  color:\r\n    rgba(255,255,255,.2);\r\n}\r\n\r\n\r\n.bd-widget-03-viewport {\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n    23px;\r\n\r\n  touch-action:\r\n    pan-y;\r\n\r\n  cursor:\r\n    grab;\r\n}\r\n\r\n\r\n.bd-widget-03-viewport.is-dragging {\r\n\r\n  cursor:\r\n    grabbing;\r\n}\r\n\r\n\r\n.bd-widget-03-track {\r\n\r\n  display:\r\n    flex;\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  will-change:\r\n    transform;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-slide {\r\n\r\n  flex:\r\n    0 0 100%;\r\n\r\n  min-width:\r\n    100%;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.15fr)\r\n    minmax(0, .85fr);\r\n\r\n  direction:\r\n    rtl;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #171026,\r\n      #10091b\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n  border-radius:\r\n    23px;\r\n\r\n  overflow:\r\n    hidden;\r\n}\r\n\r\n\r\n.bd-widget-03-image {\r\n\r\n  position:\r\n    relative;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #172554,\r\n      #111827\r\n    );\r\n}\r\n\r\n\r\n.bd-widget-03-image img {\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  display:\r\n    block;\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n  transition:\r\n    transform .8s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-slide:hover\r\n.bd-widget-03-image img {\r\n\r\n  transform:\r\n    scale(1.045);\r\n}\r\n\r\n\r\n.bd-widget-03-image-overlay {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(13,7,23,.05),\r\n      rgba(13,7,23,.12)\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n.bd-widget-03-image::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  right:\r\n    0;\r\n\r\n  top:\r\n    0;\r\n\r\n  bottom:\r\n    0;\r\n\r\n  width:\r\n    4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--bd-blue),\r\n      var(--bd-orange)\r\n    );\r\n\r\n  z-index:\r\n    3;\r\n}\r\n\r\n\r\n.bd-widget-03-step {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    20px;\r\n\r\n  right:\r\n    20px;\r\n\r\n  z-index:\r\n    4;\r\n\r\n  width:\r\n    50px;\r\n\r\n  height:\r\n    50px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.18);\r\n\r\n  border-radius:\r\n    15px;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  background:\r\n    rgba(10,7,20,.62);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(12px);\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    900;\r\n\r\n  box-shadow:\r\n    0 15px 35px\r\n    rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n.bd-widget-03-content {\r\n\r\n  direction:\r\n    rtl;\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  padding:\r\n    48px;\r\n\r\n  position:\r\n    relative;\r\n}\r\n\r\n\r\n.bd-widget-03-content::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    48px;\r\n\r\n  right:\r\n    48px;\r\n\r\n  width:\r\n    55px;\r\n\r\n  height:\r\n    3px;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-orange),\r\n      var(--bd-blue)\r\n    );\r\n}\r\n\r\n\r\n.bd-widget-03-step-label {\r\n\r\n  margin-bottom:\r\n    13px;\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.bd-widget-03-content h3 {\r\n\r\n  margin:\r\n    0 0 16px;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    clamp(24px, 3vw, 32px);\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n  font-weight:\r\n    900;\r\n}\r\n\r\n\r\n.bd-widget-03-content p {\r\n\r\n  max-width:\r\n    510px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    2.15;\r\n\r\n  text-align:\r\n    justify;\r\n}\r\n\r\n\r\n.bd-widget-03-navigation {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1fr auto 1fr;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    25px;\r\n\r\n  margin-top:\r\n    22px;\r\n\r\n  padding:\r\n    0 5px;\r\n}\r\n\r\n\r\n.bd-widget-03-progress {\r\n\r\n  height:\r\n    3px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.bd-widget-03-progress span {\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    12.5%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  border-radius:\r\n    inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-blue),\r\n      var(--bd-orange)\r\n    );\r\n\r\n  transition:\r\n    width .55s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-dots {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  gap:\r\n    6px;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.bd-widget-03-dots button {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  padding:\r\n    0;\r\n\r\n  border:\r\n    0;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.20);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n.bd-widget-03-dots button:hover {\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  transform:\r\n    scale(1.3);\r\n}\r\n\r\n\r\n.bd-widget-03-dots button.is-active {\r\n\r\n  width:\r\n    25px;\r\n\r\n  background:\r\n    var(--bd-blue-light);\r\n}\r\n\r\n\r\n.bd-widget-03-arrows {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    flex-start;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.bd-widget-03-arrow {\r\n\r\n  width:\r\n    40px;\r\n\r\n  height:\r\n    40px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  border-radius:\r\n    12px;\r\n\r\n  color:\r\n    rgba(255,255,255,.75);\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n.bd-widget-03-arrow:hover {\r\n\r\n  color:\r\n    #fff;\r\n\r\n  border-color:\r\n    rgba(255,122,24,.45);\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n\r\n.bd-widget-03-arrow:active {\r\n\r\n  transform:\r\n    scale(.94);\r\n}\r\n\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .bd-widget-03 {\r\n\r\n    padding:\r\n      65px 0 70px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slide {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    min-height:\r\n      370px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image,\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      370px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    padding:\r\n      35px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      35px;\r\n\r\n    right:\r\n      35px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 750px) {\r\n\r\n  .bd-widget-03\r\n  .bd-doogh-container {\r\n\r\n    width:\r\n      min(100% - 28px, 1240px);\r\n  }\r\n\r\n\r\n  .bd-widget-03-head {\r\n\r\n    margin-bottom:\r\n      28px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider {\r\n\r\n    padding:\r\n      12px;\r\n\r\n    border-radius:\r\n      23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider-top {\r\n\r\n    margin-bottom:\r\n      12px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slide {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    min-height:\r\n      auto;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image {\r\n\r\n    min-height:\r\n      280px;\r\n\r\n    height:\r\n      280px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      280px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    min-height:\r\n      230px;\r\n\r\n    padding:\r\n      32px 25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      25px;\r\n\r\n    right:\r\n      25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content h3 {\r\n\r\n    font-size:\r\n      23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-navigation {\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n\r\n    gap:\r\n      14px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-progress {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n    grid-row:\r\n      1;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots {\r\n\r\n    grid-column:\r\n      1;\r\n\r\n    grid-row:\r\n      2;\r\n\r\n    justify-content:\r\n      flex-start;\r\n  }\r\n\r\n\r\n  .bd-widget-03-arrows {\r\n\r\n    grid-column:\r\n      2;\r\n\r\n    grid-row:\r\n      2;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .bd-widget-03 {\r\n\r\n    padding:\r\n      50px 0 60px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-head h2 {\r\n\r\n    font-size:\r\n      25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-head p {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n    line-height:\r\n      1.95;\r\n  }\r\n\r\n\r\n  .bd-widget-03-kicker {\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider-label {\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image {\r\n\r\n    height:\r\n      235px;\r\n\r\n    min-height:\r\n      235px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      235px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-step {\r\n\r\n    width:\r\n      42px;\r\n\r\n    height:\r\n      42px;\r\n\r\n    top:\r\n      13px;\r\n\r\n    right:\r\n      13px;\r\n\r\n    border-radius:\r\n      12px;\r\n\r\n    font-size:\r\n      12px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    min-height:\r\n      245px;\r\n\r\n    padding:\r\n      32px 19px 23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      22px;\r\n\r\n    right:\r\n      19px;\r\n\r\n    width:\r\n      42px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-step-label {\r\n\r\n    margin-bottom:\r\n      9px;\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content h3 {\r\n\r\n    margin-bottom:\r\n      11px;\r\n\r\n    font-size:\r\n      20px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content p {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n    line-height:\r\n      2;\r\n  }\r\n\r\n\r\n  .bd-widget-03-arrow {\r\n\r\n    width:\r\n      36px;\r\n\r\n    height:\r\n      36px;\r\n\r\n    border-radius:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots {\r\n\r\n    gap:\r\n      4px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots button {\r\n\r\n    width:\r\n      5px;\r\n\r\n    height:\r\n      5px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots button.is-active {\r\n\r\n    width:\r\n      19px;\r\n  }\r\n\r\n}\r\n\r\n\r\n.bd-widget-03 button:focus-visible {\r\n\r\n  outline:\r\n    2px solid\r\n    var(--bd-orange);\r\n\r\n  outline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .bd-widget-03 *,\r\n  .bd-widget-03 *::before,\r\n  .bd-widget-03 *::after {\r\n\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     JAVASCRIPT\r\n     \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0633\u0628\u062a \u0628\u0647 \u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u06cc\r\n========================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  const root =\r\n    document.querySelector(\".bd-widget-03\");\r\n\r\n  if (!root) return;\r\n\r\n\r\n  const slider =\r\n    root.querySelector(\"[data-bd-slider]\");\r\n\r\n  const viewport =\r\n    root.querySelector(\"[data-bd-viewport]\");\r\n\r\n  const track =\r\n    root.querySelector(\"[data-bd-track]\");\r\n\r\n  const slides =\r\n    root.querySelectorAll(\".bd-widget-03-slide\");\r\n\r\n  const dots =\r\n    root.querySelectorAll(\r\n      \"[data-slide-to]\"\r\n    );\r\n\r\n  const current =\r\n    root.querySelector(\"[data-bd-current]\");\r\n\r\n  const progress =\r\n    root.querySelector(\"[data-bd-progress]\");\r\n\r\n  const prev =\r\n    root.querySelector(\"[data-bd-prev]\");\r\n\r\n  const next =\r\n    root.querySelector(\"[data-bd-next]\");\r\n\r\n\r\n  const total =\r\n    slides.length;\r\n\r\n\r\n  let index = 0;\r\n\r\n  let timer = null;\r\n\r\n  let startX = 0;\r\n\r\n  let currentX = 0;\r\n\r\n  let isDragging = false;\r\n\r\n\r\n  function updateSlider(\r\n    newIndex,\r\n    animate = true\r\n  ) {\r\n\r\n    index =\r\n      (newIndex + total) % total;\r\n\r\n\r\n    if (!animate) {\r\n\r\n      track.style.transition =\r\n        \"none\";\r\n\r\n    } else {\r\n\r\n      track.style.transition =\r\n        \"transform .65s cubic-bezier(.22,.61,.36,1)\";\r\n    }\r\n\r\n\r\n    track.style.transform =\r\n      \"translateX(-\" +\r\n      (index * 100) +\r\n      \"%)\";\r\n\r\n\r\n    slides.forEach(\r\n      function (slide, i) {\r\n\r\n        slide.classList.toggle(\r\n          \"is-active\",\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if (current) {\r\n\r\n      current.textContent =\r\n        String(index + 1).padStart(2, \"0\");\r\n\r\n    }\r\n\r\n\r\n    if (progress) {\r\n\r\n      progress.style.width =\r\n        (((index + 1) \/ total) * 100) +\r\n        \"%\";\r\n\r\n    }\r\n\r\n\r\n    dots.forEach(\r\n      function (dot, i) {\r\n\r\n        dot.classList.toggle(\r\n          \"is-active\",\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function goNext() {\r\n\r\n    updateSlider(index + 1);\r\n\r\n  }\r\n\r\n\r\n  function goPrev() {\r\n\r\n    updateSlider(index - 1);\r\n\r\n  }\r\n\r\n\r\n  if (next) {\r\n\r\n    next.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        goNext();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (prev) {\r\n\r\n    prev.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        goPrev();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  dots.forEach(\r\n    function (dot) {\r\n\r\n      dot.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          const target =\r\n            Number(\r\n              dot.getAttribute(\r\n                \"data-slide-to\"\r\n              )\r\n            ) - 1;\r\n\r\n          updateSlider(target);\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  function startAutoplay() {\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    timer =\r\n      setInterval(\r\n        function () {\r\n\r\n          goNext();\r\n\r\n        },\r\n        5000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function stopAutoplay() {\r\n\r\n    if (timer) {\r\n\r\n      clearInterval(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function restartAutoplay() {\r\n\r\n    startAutoplay();\r\n\r\n  }\r\n\r\n\r\n  slider.addEventListener(\r\n    \"mouseenter\",\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"mouseleave\",\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchstart\",\r\n    function (event) {\r\n\r\n      startX =\r\n        event.touches[0].clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      isDragging =\r\n        true;\r\n\r\n      viewport.classList.add(\r\n        \"is-dragging\"\r\n      );\r\n\r\n      stopAutoplay();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchmove\",\r\n    function (event) {\r\n\r\n      if (!isDragging) return;\r\n\r\n      currentX =\r\n        event.touches[0].clientX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchend\",\r\n    function () {\r\n\r\n      if (!isDragging) return;\r\n\r\n      const distance =\r\n        currentX - startX;\r\n\r\n\r\n      isDragging =\r\n        false;\r\n\r\n      viewport.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (Math.abs(distance) > 50) {\r\n\r\n        if (distance < 0) {\r\n\r\n          goNext();\r\n\r\n        } else {\r\n\r\n          goPrev();\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"mousedown\",\r\n    function (event) {\r\n\r\n      startX =\r\n        event.clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      isDragging =\r\n        true;\r\n\r\n      viewport.classList.add(\r\n        \"is-dragging\"\r\n      );\r\n\r\n      stopAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mousemove\",\r\n    function (event) {\r\n\r\n      if (!isDragging) return;\r\n\r\n      currentX =\r\n        event.clientX;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mouseup\",\r\n    function () {\r\n\r\n      if (!isDragging) return;\r\n\r\n      const distance =\r\n        currentX - startX;\r\n\r\n\r\n      isDragging =\r\n        false;\r\n\r\n      viewport.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (Math.abs(distance) > 70) {\r\n\r\n        if (distance < 0) {\r\n\r\n          goNext();\r\n\r\n        } else {\r\n\r\n          goPrev();\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  slider.setAttribute(\r\n    \"tabindex\",\r\n    \"0\"\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"keydown\",\r\n    function (event) {\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n\r\n        goNext();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n\r\n        goPrev();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  updateSlider(\r\n    0,\r\n    false\r\n  );\r\n\r\n  startAutoplay();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b03de1 elementor-widget elementor-widget-html\" data-id=\"8b03de1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     WIDGET FAQ \u2014 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n     \u0645\u0646\u0627\u0633\u0628 \u0644\u0648\u064a\u062f\u062c\u062a HTML \u0641\u064a Elementor\r\n     ========================================================= -->\r\n\r\n<section class=\"bd-widget-faq\" dir=\"rtl\">\r\n\r\n  <div class=\"bd-faq-container\">\r\n\r\n<!-- =====================================================\r\n     HEADER\r\n     ===================================================== -->\r\n<header class=\"bd-faq-header\">\r\n\r\n  <span class=\"bd-faq-eyebrow\">\r\n    \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\r\n  <\/span>\r\n\r\n  <h2 class=\"bd-faq-title\">\r\n    \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0641\u0646\u064a\u0629 \u062d\u0648\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n  <\/h2>\r\n\r\n  <p class=\"bd-faq-subtitle\">\r\n    \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645\u060c \u0623\u062c\u0628\u0646\u0627 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u062d\u0648\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c\r\n    \u0648\u062a\u0637\u0628\u064a\u0642\u0647 \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0642\u0648\u0627\u0645 \u0648\u0627\u0644\u0644\u0632\u0648\u062c\u0629\u060c\r\n    \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u062a\u0631\u0633\u0628 \u0648\u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\u060c \u0648\u062b\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u062c\u0632\u064a\u0626\u0627\u062a \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u0627\u062a\u060c\r\n    \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u062c.\r\n  <\/p>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- =====================================================\r\n     FAQ ACCORDION\r\n     ===================================================== -->\r\n<div class=\"bd-faq-list\">\r\n\r\n\r\n  <!-- FAQ 01 -->\r\n  <article class=\"bd-faq-item is-open\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"true\"\r\n      aria-controls=\"bd-faq-answer-01\"\r\n      id=\"bd-faq-question-01\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 2.8a9.2 9.2 0 1 0 9.2 9.2A9.2 9.2 0 0 0 12 2.8Z\"\/>\r\n          <path d=\"M9.5 9a2.7 2.7 0 1 1 4.1 2.3c-.9.5-1.6 1.1-1.6 2.2\"\/>\r\n          <path d=\"M12 17.2h.01\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0645\u0627 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-01\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-01\"\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0647\u0648 \u0646\u0638\u0627\u0645 \u0648\u0638\u064a\u0641\u064a \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062b\u0628\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\r\n          \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062e\u0635\u0627\u0626\u0635 \u0642\u0648\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u0629. \u0648\u064a\u0645\u0643\u0646 \u0644\u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645\r\n          \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0644\u0632\u0648\u062c\u0629\u060c \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u062a\u0631\u0633\u0628\r\n          \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a\u060c \u0648\u0645\u0646\u0639 \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\u060c \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n          \u0648\u064a\u062c\u0628 \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u062d\u0644\u064a\u0628\u060c \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u062f\u0647\u0648\u0646 \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u060c\r\n          \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u0648\u0648\u062c\u0648\u062f \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0627\u0644\u0645\u0639\u0644\u0651\u0642\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 02 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-02\"\r\n      id=\"bd-faq-question-02\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 3v18\"\/>\r\n          <path d=\"M6 7h12\"\/>\r\n          <path d=\"M6 17h12\"\/>\r\n          <path d=\"M8 7v10\"\/>\r\n          <path d=\"M16 7v10\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0645\u0627 \u0643\u0645\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-02\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-02\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0643\u0645\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0644\u064a\u0633\u062a \u0631\u0642\u0645\u064b\u0627 \u062b\u0627\u0628\u062a\u064b\u0627 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a\u060c\r\n          \u0628\u0644 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0639\u0648\u0627\u0645\u0644 \u0645\u062b\u0644 \u0646\u0633\u0628\u0629 \u0627\u0644\u062f\u0647\u0648\u0646 \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628\u060c \u0648\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629\u060c\r\n          \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u0648\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0644\u0632\u0648\u062c\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u060c \u0648\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c\r\n          \u0648\u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0648\u0645\u062f\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646. \u0648\u0645\u0646 \u0627\u0644\u0623\u0641\u0636\u0644 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062c\u0631\u0639\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\r\n          \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0641\u064a \u0638\u0631\u0648\u0641 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c \u0644\u062a\u062d\u0642\u064a\u0642\r\n          \u062a\u0648\u0627\u0632\u0646 \u0645\u0646\u0627\u0633\u0628 \u0628\u064a\u0646 \u0627\u0644\u062b\u0628\u0627\u062a \u0648\u0627\u0644\u0644\u0632\u0648\u062c\u0629 \u0648\u0627\u0644\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0641\u0645\u0648\u064a \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0634\u0631\u0628 \u0627\u0644\u0645\u0646\u062a\u062c.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 03 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-03\"\r\n      id=\"bd-faq-question-03\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 3a8.5 8.5 0 0 0-8.5 8.5c0 4.7 3.8 8.5 8.5 8.5\"\/>\r\n          <path d=\"M12 3c4.7 0 8.5 3.8 8.5 8.5\"\/>\r\n          <path d=\"M12 7v10\"\/>\r\n          <path d=\"M8.5 10.5h7\"\/>\r\n          <path d=\"M8.5 13.5h7\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0643\u064a\u0641 \u064a\u0624\u062b\u0631 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u0642\u0648\u0627\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0644\u0632\u0648\u062c\u062a\u0647\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-03\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-03\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u064a\u0645\u0643\u0646 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u062d\u0631 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\r\n          \u0641\u064a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629\u060c \u0623\u0646 \u064a\u0624\u062b\u0631 \u0641\u064a \u0644\u0632\u0648\u062c\u0629 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0642\u0648\u0627\u0645\u0647 \u0648\u0625\u062d\u0633\u0627\u0633\u0647 \u0627\u0644\u0641\u0645\u0648\u064a.\r\n          \u0648\u064a\u0645\u0643\u0646 \u0644\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0644\u0646\u0638\u0627\u0645 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0645\u0631\u063a\u0648\u0628\u060c\r\n          \u0645\u0646 \u062f\u0648\u0646 \u0623\u0646 \u064a\u0635\u0628\u062d \u0627\u0644\u0645\u0646\u062a\u062c \u0643\u062b\u064a\u0641\u064b\u0627 \u0623\u0648 \u062b\u0642\u064a\u0644\u064b\u0627 \u0628\u0634\u0643\u0644 \u0645\u0641\u0631\u0637. \u0648\u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629\r\n          \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u0629\u060c \u064a\u062c\u0628 \u0636\u0628\u0637 \u0643\u0645\u064a\u0629 \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u0642\u0648\u0627\u0645 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u0642\u0627\u0628\u0644\u064a\u0629\r\n          \u0627\u0644\u0634\u0631\u0628 \u0648\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629 \u0648\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 04 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-04\"\r\n      id=\"bd-faq-question-04\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 4v16\"\/>\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M7 7c1.3-1.3 3-2 5-2s3.7.7 5 2\"\/>\r\n          <path d=\"M7 17c1.3 1.3 3 2 5 2s3.7-.7 5-2\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0639\u0644\u0649 \u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u062a\u0631\u0633\u0628 \u0648\u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-04\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-04\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u062d\u062f\u062b \u0627\u0644\u062a\u0631\u0633\u0628 \u0648\u0627\u0644\u0627\u0646\u0641\u0635\u0627\u0644 \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u0633\u0628\u0628 \u062d\u062c\u0645 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a\r\n          \u0648\u0643\u062b\u0627\u0641\u062a\u0647\u0627\u060c \u0648\u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u062b\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u060c \u0648\u0644\u0632\u0648\u062c\u0629 \u0627\u0644\u0637\u0648\u0631 \u0627\u0644\u0633\u0627\u0626\u0644\u060c\r\n          \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0648\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629. \u0648\u064a\u0645\u0643\u0646 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0623\u0646\r\n          \u064a\u0642\u0644\u0644 \u0645\u0646 \u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u0625\u0644\u0649 \u0627\u0644\u062a\u0631\u0633\u0628 \u0623\u0648 \u0627\u0644\u0627\u0646\u0641\u0635\u0627\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062d\u0631\u0643\u0629\r\n          \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062b\u0628\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a \u0644\u0644\u0637\u0648\u0631 \u0627\u0644\u0633\u0627\u0626\u0644. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u064a\u0639\u062a\u0645\u062f\r\n          \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0648\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0648\u0644\u0627 \u064a\u0636\u0645\u0646\r\n          \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0628\u0645\u0641\u0631\u062f\u0647 \u0645\u0646\u0639 \u0627\u0644\u062a\u0631\u0633\u0628.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 05 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-05\"\r\n      id=\"bd-faq-question-05\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M4 19V5\"\/>\r\n          <path d=\"M4 5h12l-2 3 2 3H4\"\/>\r\n          <path d=\"M9 19h11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0647\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-05\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-05\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u062a\u0635\u0645\u064a\u0645 \u0623\u0646\u0638\u0645\u0629 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u062a\u062d\u0633\u064a\u0646\u0647\u0627 \u0644\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u060c\r\n          \u0625\u0644\u0627 \u0623\u0646 \u0646\u0638\u0627\u0645\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u0644\u0627 \u064a\u062d\u0642\u0642 \u0628\u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0646\u0641\u0633\u0647 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a.\r\n          \u0648\u0641\u064a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u060c \u064a\u062c\u0628 \u0623\u062e\u0630 \u0639\u0648\u0627\u0645\u0644 \u0645\u062b\u0644 \u0637\u0627\u0642\u0629 \u062e\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0648\u0646\u0648\u0639 \u0645\u0639\u062f\u0627\u062a\r\n          \u0627\u0644\u062e\u0644\u0637 \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c \u0648\u0646\u0648\u0639 \u0627\u0644\u062a\u0639\u0628\u0626\u0629\u060c \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062e\u0632\u064a\u0646\u060c\r\n          \u0648\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629 \u0648\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0639\u0646\u062f \u0627\u062e\u062a\u064a\u0627\u0631\r\n          \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a. \u0648\u064a\u0645\u0643\u0646 \u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0638\u0627\u0645 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642\r\n          \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u062b\u0628\u0627\u062a \u062c\u0648\u062f\u062a\u0647 \u0639\u0644\u0649 \u062e\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 06 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-06\"\r\n      id=\"bd-faq-question-06\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n          <path d=\"M12 8v4l2.5 2\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0645\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-06\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-06\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u062f\u0642\u0629\u060c \u0645\u0646 \u0627\u0644\u0623\u0641\u0636\u0644 \u062a\u0648\u0641\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u062b\u0644\r\n          \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u062f\u0647\u0648\u0646 \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u060c \u0648\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629\u060c\r\n          \u0648pH\u060c \u0648\u0646\u0648\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0623\u0648 \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0644\u0628\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c \u0648\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629\r\n          \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062e\u0644\u0637\u060c \u0648\u0646\u0648\u0639 \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n          \u0643\u0645\u0627 \u064a\u062c\u0628 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u062c \u0628\u062f\u0642\u0629\u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u0631\u0633\u0628\u060c \u0623\u0648 \u062a\u0643\u0648\u0651\u0646\r\n          \u0637\u0648\u0631\u064a\u0646\u060c \u0623\u0648 \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u062f\u0647\u0648\u0646\u060c \u0623\u0648 \u062a\u063a\u064a\u0631 \u0627\u0644\u0644\u0632\u0648\u062c\u0629\u060c \u0623\u0648 \u062a\u0631\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a\u060c\r\n          \u0623\u0648 \u0639\u062f\u0645 \u062b\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u060c \u0623\u0648 \u062a\u0643\u0648\u0651\u0646 \u0642\u0648\u0627\u0645 \u063a\u064a\u0631 \u0645\u0631\u063a\u0648\u0628.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 07 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-07\"\r\n      id=\"bd-faq-question-07\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M4 5h16v11H4z\"\/>\r\n          <path d=\"m8 21 4-5 4 5\"\/>\r\n          <path d=\"M8 9h8\"\/>\r\n          <path d=\"M8 12h5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0645\u0627 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0623\u0646 \u064a\u062a\u0645\u062a\u0639 \u0628\u0647\u0627 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-07\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-07\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u062a\u0648\u0627\u0641\u0642\u064b\u0627 \u0645\u0639 \u062a\u0631\u0643\u064a\u0628\u0629\r\n          \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0623\u0646 \u064a\u0643\u0648\u0646 \u0642\u0627\u062f\u0631\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062b\u0628\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633\r\n          \u0648\u0627\u0644\u0642\u0648\u0627\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646. \u0648\u064a\u064f\u0639\u062f \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0644\u0632\u0648\u062c\u0629\u060c\r\n          \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u062a\u0631\u0633\u0628\u060c \u0648\u0645\u0646\u0639 \u0627\u0644\u0627\u0646\u0641\u0635\u0627\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0628\u0631\u0648\u062a\u064a\u0646\u0627\u062a \u0627\u0644\u062d\u0644\u064a\u0628\u060c\r\n          \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0641\u0645\u0648\u064a \u0627\u0644\u0645\u0631\u063a\u0648\u0628\u060c \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0638\u0631\u0648\u0641\r\n          \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0645\u0629 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645. \u0648\u064a\u0639\u062a\u0645\u062f \u0627\u062e\u062a\u064a\u0627\u0631\r\n          \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u0625\u0646\u062a\u0627\u062c.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 08 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-08\"\r\n      id=\"bd-faq-question-08\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 3v18\"\/>\r\n          <path d=\"M5 7h14\"\/>\r\n          <path d=\"M6 7c0 3 2.5 5 6 5s6-2 6-5\"\/>\r\n          <path d=\"M6 17c0-3 2.5-5 6-5s6 2 6 5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0645\u0627 \u062f\u0648\u0631 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u062b\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u062a\u0643\u0648\u0651\u0646 \u0637\u0648\u0631\u064a\u0646\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-08\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-08\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u064a\u064f\u0639\u062f \u062b\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062a\u0641\u0627\u0639\u0644\u0647 \u0645\u0639 \u0627\u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a\r\n          \u0627\u0644\u0623\u062e\u0631\u0649 \u0641\u064a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629 \u0623\u0645\u0631\u064b\u0627 \u0645\u0647\u0645\u064b\u0627 \u0644\u0644\u063a\u0627\u064a\u0629. \u0648\u064a\u0645\u0643\u0646 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\r\n          \u0623\u0646 \u064a\u0633\u0627\u0639\u062f\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u062d\u0631 \u0648\u062a\u0648\u0641\u064a\u0631 \u0638\u0631\u0648\u0641 \u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0623\u0643\u062b\u0631 \u062b\u0628\u0627\u062a\u064b\u0627\u060c\r\n          \u0639\u0644\u0649 \u0627\u0644\u062d\u062f \u0645\u0646 \u062a\u062c\u0645\u0639 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0633\u0628 \u0648\u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0641\u0625\u0646\r\n          pH \u0648\u0627\u0644\u0623\u0645\u0644\u0627\u062d \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0648\u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633\r\n          \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645 \u062a\u0624\u062f\u064a \u0623\u064a\u0636\u064b\u0627 \u062f\u0648\u0631\u064b\u0627 \u0645\u0647\u0645\u064b\u0627 \u0641\u064a \u062b\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u060c \u0648\u064a\u062c\u0628\r\n          \u062a\u0642\u064a\u064a\u0645\u0647\u0627 \u0628\u0627\u0644\u062a\u0632\u0627\u0645\u0646 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 09 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-09\"\r\n      id=\"bd-faq-question-09\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"8\" cy=\"12\" r=\"3\"\/>\r\n          <circle cx=\"16\" cy=\"12\" r=\"3\"\/>\r\n          <path d=\"M11 12h2\"\/>\r\n          <path d=\"M5 12H3\"\/>\r\n          <path d=\"M21 12h-2\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0647\u0644 \u064a\u0624\u062b\u0631 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u0627\u0644\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0641\u0645\u0648\u064a \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0634\u0631\u0628 \u0627\u0644\u0645\u0646\u062a\u062c\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-09\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-09\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0644\u0646\u0648\u0639 \u0648\u0643\u0645\u064a\u0629 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0623\u0646 \u064a\u0624\u062b\u0631\u0627 \u0641\u064a \u0644\u0632\u0648\u062c\u0629 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n          \u0648\u0625\u062d\u0633\u0627\u0633\u0647 \u0627\u0644\u0641\u0645\u0648\u064a \u0648\u0642\u0627\u0628\u0644\u064a\u062a\u0647 \u0644\u0644\u0634\u0631\u0628. \u0648\u064a\u0645\u0643\u0646 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a\r\n          \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0625\u062d\u0633\u0627\u0633 \u0641\u0645\u0648\u064a \u0645\u0631\u063a\u0648\u0628\u060c \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631\r\n          \u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0643\u0645\u064a\u0629 \u0623\u0643\u0628\u0631 \u0645\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0642\u062f \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0645\u0641\u0631\u0637\u0629\r\n          \u0641\u064a \u0627\u0644\u0644\u0632\u0648\u062c\u0629 \u0648\u0627\u0644\u0634\u0639\u0648\u0631 \u0628\u0627\u0644\u062b\u0642\u0644. \u0648\u0644\u0630\u0644\u0643\u060c \u064a\u062c\u0628 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u062c\u0631\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\r\n          \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0644\u0644\u0645\u0646\u062a\u062c \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u0646\u064a\u0629.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n  <!-- FAQ 10 -->\r\n  <article class=\"bd-faq-item\">\r\n\r\n    <button\r\n      class=\"bd-faq-question\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"bd-faq-answer-10\"\r\n      id=\"bd-faq-question-10\"\r\n    >\r\n\r\n      <span class=\"bd-faq-question-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M4 7h16\"\/>\r\n          <path d=\"M4 12h16\"\/>\r\n          <path d=\"M4 17h16\"\/>\r\n          <circle cx=\"8\" cy=\"7\" r=\"1.5\"\/>\r\n          <circle cx=\"15\" cy=\"12\" r=\"1.5\"\/>\r\n          <circle cx=\"10\" cy=\"17\" r=\"1.5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-question-text\">\r\n        \u0647\u0644 \u064a\u0624\u062f\u064a \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0645\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u061f\r\n      <\/span>\r\n\r\n      <span class=\"bd-faq-toggle\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m7 10 5 5 5-5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/button>\r\n\r\n    <div\r\n      class=\"bd-faq-answer\"\r\n      id=\"bd-faq-answer-10\"\r\n      role=\"region\"\r\n      aria-labelledby=\"bd-faq-question-10\"\r\n      hidden\r\n    >\r\n\r\n      <div class=\"bd-faq-answer-inner\">\r\n\r\n        <p>\r\n          \u0644\u0627 \u064a\u062d\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0645\u062d\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062d\u0627\u0641\u0638\u0629 \u0623\u0648 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629\r\n          \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0623\u0648 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0646\u062a\u062c. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0641\u0625\u0646 \u062a\u062d\u0642\u064a\u0642 \u062b\u0628\u0627\u062a\r\n          \u0641\u064a\u0632\u064a\u0627\u0626\u064a \u0645\u0646\u0627\u0633\u0628\u060c \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u062a\u0631\u0633\u0628 \u0648\u0627\u0644\u0627\u0646\u0641\u0635\u0627\u0644\u060c \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0642\u0648\u0627\u0645\r\n          \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062c \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n          \u0648\u062a\u0639\u062a\u0645\u062f \u0645\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644\u060c\r\n          \u0645\u062b\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629\u060c \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645\u060c \u0648\u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u064a\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c\r\n          \u0648\u0627\u0644\u062a\u0639\u0628\u0626\u0629\u060c \u0648\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/article>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     BOTTOM CTA\r\n     ===================================================== -->\r\n<div class=\"bd-faq-bottom\">\r\n\r\n  <div class=\"bd-faq-bottom-icon\">\r\n\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <path d=\"M21 11.5a8.4 8.4 0 0 1-9 8.5 9.3 9.3 0 0 1-4.1-.9L3 21l1.8-4.2A8.5 8.5 0 1 1 21 11.5Z\"\/>\r\n      <path d=\"M8 12h.01\"\/>\r\n      <path d=\"M12 12h.01\"\/>\r\n      <path d=\"M16 12h.01\"\/>\r\n    <\/svg>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"bd-faq-bottom-content\">\r\n\r\n    <strong>\r\n      \u0647\u0644 \u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644 \u0622\u062e\u0631 \u062d\u0648\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u061f\r\n    <\/strong>\r\n\r\n    <p>\r\n      \u062e\u0628\u0631\u0627\u0621 \u0628\u0631\u0646\u062f\u064a\u0644 \u0645\u0633\u062a\u0639\u062f\u0648\u0646 \u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\u0645 \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u062a\u0631\u0643\u064a\u0628\u062a\u0643\u0645 \u0648\u0639\u0645\u0644\u064a\u0629 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0644\u062f\u064a\u0643\u0645.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <a\r\n    href=\"https:\/\/ble.ir\/realthreea\"\r\n    class=\"bd-faq-cta\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n  >\r\n    \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062a\u062e\u0635\u0635\u0629\r\n    <span>\u2190<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   WIDGET FAQ \u2014 VARIABLES\r\n   ========================================================= *\/\r\n\r\n.bd-widget-faq{\r\n\r\n  --bd-blue:#2563eb;\r\n  --bd-blue-light:#3b82f6;\r\n  --bd-blue-soft:#60a5fa;\r\n  --bd-blue-deep:#172554;\r\n\r\n  --bd-purple:#7c3aed;\r\n  --bd-purple-deep:#12081f;\r\n\r\n  --bd-orange:#ff7a18;\r\n  --bd-orange-light:#ff9a42;\r\n\r\n  --bd-white:#ffffff;\r\n  --bd-text:#f7f3ff;\r\n  --bd-muted:#c9bddb;\r\n\r\n  --bd-border:rgba(255,255,255,.12);\r\n\r\n  --bd-shadow:\r\n    0 24px 70px rgba(0,0,0,.34);\r\n\r\n  --bd-transition:\r\n    all .35s cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  padding:85px 20px;\r\n\r\n  overflow:hidden;\r\n\r\n  color:var(--bd-text);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 15%,\r\n      rgba(37,99,235,.16),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 80%,\r\n      rgba(124,58,237,.15),\r\n      transparent 32%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #12081f 0%,\r\n      #170d29 50%,\r\n      #0f0a19 100%\r\n    );\r\n\r\n  font-family:\r\n    \"Shabnam\",\r\n    \"IRANSans\",\r\n    \"IRANSansX\",\r\n    Tahoma,\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.bd-faq-container{\r\n\r\n  width:100%;\r\n\r\n  max-width:1050px;\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.bd-faq-header{\r\n\r\n  max-width:820px;\r\n\r\n  margin:0 auto 45px;\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n.bd-faq-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  padding:8px 17px;\r\n\r\n  margin-bottom:15px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.30);\r\n\r\n  border-radius:999px;\r\n\r\n  color:#93c5fd;\r\n\r\n  background:\r\n    rgba(37,99,235,.10);\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(37,99,235,.10);\r\n\r\n}\r\n\r\n\r\n.bd-faq-title{\r\n\r\n  margin:0 0 15px;\r\n\r\n  color:var(--bd-white);\r\n\r\n  font-size:\r\n    clamp(28px,4vw,43px);\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1.4;\r\n\r\n}\r\n\r\n\r\n.bd-faq-subtitle{\r\n\r\n  max-width:750px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:var(--bd-muted);\r\n\r\n  font-size:\r\n    clamp(14px,1.5vw,16px);\r\n\r\n  line-height:2.1;\r\n\r\n  text-align:justify;\r\n\r\n  text-justify:inter-word;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ LIST\r\n   ========================================================= *\/\r\n\r\n.bd-faq-list{\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ ITEM\r\n   ========================================================= *\/\r\n\r\n.bd-faq-item{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border:\r\n    1px solid var(--bd-border);\r\n\r\n  border-radius:21px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.065),\r\n      rgba(255,255,255,.028)\r\n    );\r\n\r\n  box-shadow:\r\n    0 15px 45px rgba(0,0,0,.18);\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(16px);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n\r\n}\r\n\r\n\r\n.bd-faq-item:hover{\r\n\r\n  border-color:\r\n    rgba(59,130,246,.30);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 20px 55px rgba(0,0,0,.25);\r\n\r\n}\r\n\r\n\r\n.bd-faq-item.is-open{\r\n\r\n  border-color:\r\n    rgba(59,130,246,.38);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(37,99,235,.105),\r\n      rgba(124,58,237,.055)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION BUTTON\r\n   ========================================================= *\/\r\n\r\n.bd-faq-question{\r\n\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    48px minmax(0,1fr) 42px;\r\n\r\n  align-items:center;\r\n\r\n  width:100%;\r\n\r\n  min-height:82px;\r\n\r\n  gap:16px;\r\n\r\n  padding:15px 20px;\r\n\r\n  border:0;\r\n\r\n  color:var(--bd-white);\r\n\r\n  background:transparent;\r\n\r\n  cursor:pointer;\r\n\r\n  font-family:inherit;\r\n\r\n  text-align:right;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION ICON\r\n   ========================================================= *\/\r\n\r\n.bd-faq-question-icon{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:48px;\r\n  height:48px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.20);\r\n\r\n  border-radius:15px;\r\n\r\n  color:#93c5fd;\r\n\r\n  background:\r\n    rgba(37,99,235,.12);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n\r\n}\r\n\r\n\r\n.bd-faq-question-icon svg{\r\n\r\n  width:23px;\r\n  height:23px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.7;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n.bd-faq-item:hover\r\n.bd-faq-question-icon{\r\n\r\n  color:var(--bd-orange);\r\n\r\n  border-color:\r\n    rgba(255,122,24,.28);\r\n\r\n  background:\r\n    rgba(255,122,24,.09);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION TEXT\r\n   ========================================================= *\/\r\n\r\n.bd-faq-question-text{\r\n\r\n  color:\r\n    #f5f1fa;\r\n\r\n  font-size:\r\n    clamp(14px,1.5vw,16px);\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOGGLE\r\n   ========================================================= *\/\r\n\r\n.bd-faq-toggle{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  border-radius:13px;\r\n\r\n  color:#a5b4fc;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n\r\n}\r\n\r\n\r\n.bd-faq-toggle svg{\r\n\r\n  width:20px;\r\n  height:20px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:2;\r\n\r\n  stroke-linecap:round;\r\n\r\n  stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n.bd-faq-item.is-open\r\n.bd-faq-toggle{\r\n\r\n  color:var(--bd-white);\r\n\r\n  border-color:\r\n    rgba(255,122,24,.35);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--bd-orange),\r\n      #ea580c\r\n    );\r\n\r\n  transform:\r\n    rotate(180deg);\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(255,122,24,.18);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER\r\n   ========================================================= *\/\r\n\r\n.bd-faq-answer{\r\n\r\n  display:grid;\r\n\r\n  grid-template-rows:0fr;\r\n\r\n  transition:\r\n    grid-template-rows .4s\r\n    cubic-bezier(.22,.61,.36,1);\r\n\r\n}\r\n\r\n\r\n.bd-faq-item.is-open\r\n.bd-faq-answer{\r\n\r\n  grid-template-rows:1fr;\r\n\r\n}\r\n\r\n\r\n.bd-faq-answer[hidden]{\r\n\r\n  display:grid;\r\n\r\n}\r\n\r\n\r\n.bd-faq-answer-inner{\r\n\r\n  min-height:0;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    0 92px 0 78px;\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(-8px);\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .3s ease,\r\n    padding .3s ease;\r\n\r\n}\r\n\r\n\r\n.bd-faq-item.is-open\r\n.bd-faq-answer-inner{\r\n\r\n  padding:\r\n    0 92px 27px 78px;\r\n\r\n  opacity:1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER TEXT\r\n   ========================================================= *\/\r\n\r\n.bd-faq-answer-inner p{\r\n\r\n  margin:0;\r\n\r\n  padding-top:20px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.075);\r\n\r\n  color:\r\n    #d7cde4;\r\n\r\n  font-size:\r\n    clamp(13.5px,1.4vw,15px);\r\n\r\n  line-height:2.15;\r\n\r\n  text-align:justify;\r\n\r\n  text-justify:inter-word;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CTA\r\n   ========================================================= *\/\r\n\r\n.bd-faq-bottom{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    58px minmax(0,1fr) auto;\r\n\r\n  align-items:center;\r\n\r\n  gap:18px;\r\n\r\n  margin-top:35px;\r\n\r\n  padding:22px 24px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.20);\r\n\r\n  border-radius:23px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(37,99,235,.12),\r\n      rgba(124,58,237,.07)\r\n    );\r\n\r\n  box-shadow:\r\n    0 18px 55px rgba(0,0,0,.20);\r\n\r\n}\r\n\r\n\r\n.bd-faq-bottom-icon{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:58px;\r\n  height:58px;\r\n\r\n  border-radius:18px;\r\n\r\n  color:#bfdbfe;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--bd-blue),\r\n      var(--bd-purple)\r\n    );\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(37,99,235,.22);\r\n\r\n}\r\n\r\n\r\n.bd-faq-bottom-icon svg{\r\n\r\n  width:26px;\r\n  height:26px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.6;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n.bd-faq-bottom-content strong{\r\n\r\n  display:block;\r\n\r\n  margin-bottom:5px;\r\n\r\n  color:var(--bd-white);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n.bd-faq-bottom-content p{\r\n\r\n  margin:0;\r\n\r\n  color:var(--bd-muted);\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.8;\r\n\r\n  text-align:justify;\r\n\r\n}\r\n\r\n\r\n.bd-faq-cta{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  min-height:48px;\r\n\r\n  padding:0 20px;\r\n\r\n  border:\r\n    1px solid rgba(255,122,24,.30);\r\n\r\n  border-radius:14px;\r\n\r\n  color:#fff;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--bd-orange),\r\n      #ea580c\r\n    );\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n  text-decoration:none;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(255,122,24,.15);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n\r\n}\r\n\r\n\r\n.bd-faq-cta:hover{\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(255,122,24,.25);\r\n\r\n}\r\n\r\n\r\n.bd-faq-cta span{\r\n\r\n  font-size:18px;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.bd-faq-cta:hover span{\r\n\r\n  transform:\r\n    translateX(-4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.bd-faq-question:focus-visible{\r\n\r\n  outline:\r\n    3px solid rgba(96,165,250,.65);\r\n\r\n  outline-offset:\r\n    -3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n  .bd-widget-faq{\r\n\r\n    padding:\r\n      65px 18px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question{\r\n\r\n    grid-template-columns:\r\n      44px minmax(0,1fr) 38px;\r\n\r\n    gap:13px;\r\n\r\n    min-height:76px;\r\n\r\n    padding:\r\n      13px 16px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question-icon{\r\n\r\n    width:44px;\r\n    height:44px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-toggle{\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-answer-inner{\r\n\r\n    padding-left:60px;\r\n    padding-right:72px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-item.is-open\r\n  .bd-faq-answer-inner{\r\n\r\n    padding-left:60px;\r\n    padding-right:72px;\r\n    padding-bottom:24px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .bd-widget-faq{\r\n\r\n    padding:\r\n      52px 14px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-header{\r\n\r\n    margin-bottom:30px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-title{\r\n\r\n    font-size:27px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-subtitle{\r\n\r\n    font-size:13px;\r\n\r\n    line-height:2;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-list{\r\n\r\n    gap:10px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-item{\r\n\r\n    border-radius:17px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question{\r\n\r\n    grid-template-columns:\r\n      38px minmax(0,1fr) 34px;\r\n\r\n    gap:10px;\r\n\r\n    min-height:70px;\r\n\r\n    padding:\r\n      11px 12px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question-icon{\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    border-radius:11px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question-icon svg{\r\n\r\n    width:19px;\r\n    height:19px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question-text{\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.85;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-toggle{\r\n\r\n    width:34px;\r\n    height:34px;\r\n\r\n    border-radius:10px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-toggle svg{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-answer-inner,\r\n  .bd-faq-item.is-open\r\n  .bd-faq-answer-inner{\r\n\r\n    padding-left:16px;\r\n\r\n    padding-right:16px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-item.is-open\r\n  .bd-faq-answer-inner{\r\n\r\n    padding-bottom:20px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-answer-inner p{\r\n\r\n    padding-top:16px;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:2.1;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-bottom{\r\n\r\n    grid-template-columns:\r\n      48px minmax(0,1fr);\r\n\r\n    gap:13px;\r\n\r\n    padding:17px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-bottom-icon{\r\n\r\n    width:48px;\r\n    height:48px;\r\n\r\n    border-radius:14px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-bottom-content strong{\r\n\r\n    font-size:13px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-bottom-content p{\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-cta{\r\n\r\n    grid-column:1 \/ -1;\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n  .bd-faq-question{\r\n\r\n    grid-template-columns:\r\n      34px minmax(0,1fr) 30px;\r\n\r\n    gap:8px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question-icon{\r\n\r\n    width:34px;\r\n    height:34px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-toggle{\r\n\r\n    width:30px;\r\n    height:30px;\r\n\r\n  }\r\n\r\n\r\n  .bd-faq-question-text{\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .bd-widget-faq *,\r\n  .bd-widget-faq *::before,\r\n  .bd-widget-faq *::after{\r\n\r\n    animation-duration:.01ms !important;\r\n\r\n    animation-iteration-count:1 !important;\r\n\r\n    transition-duration:.01ms !important;\r\n\r\n    scroll-behavior:auto !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =======================================================\r\n     FAQ INITIALIZATION\r\n     ======================================================= *\/\r\n\r\n  function initBDFaq(){\r\n\r\n    const widgets =\r\n      document.querySelectorAll(\r\n        \".bd-widget-faq\"\r\n      );\r\n\r\n\r\n    widgets.forEach(function(widget){\r\n\r\n      const items =\r\n        widget.querySelectorAll(\r\n          \".bd-faq-item\"\r\n        );\r\n\r\n\r\n      if(!items.length){\r\n        return;\r\n      }\r\n\r\n\r\n      \/* =================================================\r\n         TOGGLE ITEM\r\n         ================================================= *\/\r\n\r\n      function toggleItem(item){\r\n\r\n        const button =\r\n          item.querySelector(\r\n            \".bd-faq-question\"\r\n          );\r\n\r\n        const answer =\r\n          item.querySelector(\r\n            \".bd-faq-answer\"\r\n          );\r\n\r\n\r\n        if(!button || !answer){\r\n          return;\r\n        }\r\n\r\n\r\n        const isOpen =\r\n          item.classList.contains(\r\n            \"is-open\"\r\n          );\r\n\r\n\r\n        if(isOpen){\r\n\r\n          item.classList.remove(\r\n            \"is-open\"\r\n          );\r\n\r\n          button.setAttribute(\r\n            \"aria-expanded\",\r\n            \"false\"\r\n          );\r\n\r\n          answer.hidden = true;\r\n\r\n        }else{\r\n\r\n          item.classList.add(\r\n            \"is-open\"\r\n          );\r\n\r\n          button.setAttribute(\r\n            \"aria-expanded\",\r\n            \"true\"\r\n          );\r\n\r\n          answer.hidden = false;\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =================================================\r\n         EVENTS\r\n         ================================================= *\/\r\n\r\n      items.forEach(function(item){\r\n\r\n        const button =\r\n          item.querySelector(\r\n            \".bd-faq-question\"\r\n          );\r\n\r\n\r\n        if(!button){\r\n          return;\r\n        }\r\n\r\n\r\n        button.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            toggleItem(item);\r\n\r\n          }\r\n        );\r\n\r\n\r\n        \/* ===============================================\r\n           KEYBOARD SUPPORT\r\n           =============================================== *\/\r\n\r\n        button.addEventListener(\r\n          \"keydown\",\r\n          function(event){\r\n\r\n            if(\r\n              event.key === \"Enter\" ||\r\n              event.key === \" \"\r\n            ){\r\n\r\n              event.preventDefault();\r\n\r\n              toggleItem(item);\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     LOAD\r\n     ======================================================= *\/\r\n\r\n  if(\r\n    document.readyState === \"loading\"\r\n  ){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initBDFaq\r\n    );\r\n\r\n  }else{\r\n\r\n    initBDFaq();\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d8cad elementor-widget elementor-widget-html\" data-id=\"d6d8cad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     WIDGET 04 \u2014 PRODUCT INFORMATION TABS\r\n     \u0627\u0644\u0645\u0646\u062a\u062c: \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n     \u0645\u0646\u0627\u0633\u0628 \u0644\u0640 Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n     <section class=\"bd-widget-04\" dir=\"rtl\">\r\n\r\n      <div class=\"bd-widget-04__container\">\r\n    \r\n        <!-- =====================================================\r\n             Header\r\n             ===================================================== -->\r\n        <div class=\"bd-widget-04__header\">\r\n    \r\n          <span class=\"bd-widget-04__eyebrow\">\r\n            \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n          <\/span>\r\n    \r\n          <h2 class=\"bd-widget-04__title\">\r\n            \u0643\u0644 \u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n          <\/h2>\r\n    \r\n          <p class=\"bd-widget-04__subtitle\">\r\n            \u0627\u0637\u0651\u0644\u0639\u0648\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0632\u0627\u064a\u0627\u060c \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062a\u062e\u0632\u064a\u0646\r\n            \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0641\u064a \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\r\n            \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629.\r\n          <\/p>\r\n    \r\n        <\/div>\r\n    \r\n    \r\n        <!-- =====================================================\r\n             Tabs Navigation\r\n             ===================================================== -->\r\n        <div class=\"bd-widget-04__tabs-wrapper\">\r\n    \r\n          <div\r\n            class=\"bd-widget-04__tabs\"\r\n            role=\"tablist\"\r\n            aria-label=\"\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\"\r\n          >\r\n    \r\n            <!-- TAB 01 -->\r\n            <button\r\n              class=\"bd-widget-04__tab is-active\"\r\n              id=\"bd-tab-description\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"true\"\r\n              aria-controls=\"bd-panel-description\"\r\n              tabindex=\"0\"\r\n              data-tab=\"description\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n                  <path d=\"M14 2v6h6\"\/>\r\n                  <path d=\"M8 13h8\"\/>\r\n                  <path d=\"M8 17h6\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>\u0648\u0635\u0641 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\r\n            <\/button>\r\n    \r\n    \r\n            <!-- TAB 02 -->\r\n            <button\r\n              class=\"bd-widget-04__tab\"\r\n              id=\"bd-tab-specs\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n              aria-controls=\"bd-panel-specs\"\r\n              tabindex=\"-1\"\r\n              data-tab=\"specs\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z\"\/>\r\n                  <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-1.7 1.7-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V20H10v-.2a1.7 1.7 0 0 0-1.03-1.56 1.7 1.7 0 0 0-1.88.34l-.06.06-1.7-1.7.06-.06A1.7 1.7 0 0 0 5.73 15a1.7 1.7 0 0 0-1.56-1.03H4v-2.4h.17A1.7 1.7 0 0 0 5.73 10a1.7 1.7 0 0 0-.34-1.88l-.06-.06 1.7-1.7.06.06a1.7 1.7 0 0 0 1.88.34A1.7 1.7 0 0 0 10 5.2V5h2.4v.2a1.7 1.7 0 0 0 1.03 1.56 1.7 1.7 0 0 0 1.88-.34l.06-.06 1.7 1.7-.06.06A1.7 1.7 0 0 0 16.67 10a1.7 1.7 0 0 0 1.56 1.03h.17v2.4h-.17A1.7 1.7 0 0 0 19.4 15Z\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/span>\r\n            <\/button>\r\n    \r\n    \r\n            <!-- TAB 03 -->\r\n            <button\r\n              class=\"bd-widget-04__tab\"\r\n              id=\"bd-tab-benefits\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n              aria-controls=\"bd-panel-benefits\"\r\n              tabindex=\"-1\"\r\n              data-tab=\"benefits\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"m12 3 1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5Z\"\/>\r\n                  <path d=\"m19 16 .7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7Z\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>\u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/span>\r\n            <\/button>\r\n    \r\n    \r\n            <!-- TAB 04 -->\r\n            <button\r\n              class=\"bd-widget-04__tab\"\r\n              id=\"bd-tab-storage\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n              aria-controls=\"bd-panel-storage\"\r\n              tabindex=\"-1\"\r\n              data-tab=\"storage\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"m21 8-9 5-9-5 9-5 9 5Z\"\/>\r\n                  <path d=\"M3 8v8l9 5 9-5V8\"\/>\r\n                  <path d=\"M12 13v8\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\r\n            <\/button>\r\n    \r\n          <\/div>\r\n    \r\n        <\/div>\r\n    \r\n    \r\n        <!-- =====================================================\r\n             Tab Content\r\n             ===================================================== -->\r\n        <div class=\"bd-widget-04__content\">\r\n    \r\n    \r\n          <!-- ===================================================\r\n               PANEL 01 \u2014 DESCRIPTION\r\n               =================================================== -->\r\n          <article\r\n            class=\"bd-widget-04__panel is-active\"\r\n            id=\"bd-panel-description\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"bd-tab-description\"\r\n            aria-hidden=\"false\"\r\n            data-panel=\"description\"\r\n          >\r\n    \r\n            <div class=\"bd-widget-04__panel-grid\">\r\n    \r\n              <div class=\"bd-widget-04__panel-number\">\r\n                01\r\n              <\/div>\r\n    \r\n              <div class=\"bd-widget-04__panel-main\">\r\n    \r\n                <div class=\"bd-widget-04__panel-heading\">\r\n                  <span class=\"bd-widget-04__mini-line\"><\/span>\r\n    \r\n                  <h3>\r\n                    \u0648\u0635\u0641 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0647\u0648 \u0646\u0638\u0627\u0645 \u0648\u0638\u064a\u0641\u064a \u0645\u062a\u062e\u0635\u0635 \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0641\u064a\r\n                  \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629 \u0648\u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629\r\n                  \u0639\u0644\u0649 \u062a\u0643\u0648\u064a\u0646 \u0628\u0646\u064a\u0629 \u0645\u062a\u062c\u0627\u0646\u0633\u0629 \u0648\u0645\u0633\u062a\u0642\u0631\u0629 \u0648\u0645\u0644\u0627\u0626\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u062c. \u0648\u064a\u0645\u0643\u0646 \u0644\u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645\r\n                  \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0633\u0644\u0648\u0643 \u0627\u0644\u0637\u0648\u0631 \u0627\u0644\u0645\u0627\u0626\u064a\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0642\u0648\u0627\u0645\r\n                  \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0637\u0648\u0627\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n                <\/p>\r\n    \r\n                <p>\r\n                  \u064a\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644 \u0628\u0647\u062f\u0641 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062b\u0628\u0627\u062a\r\n                  \u0627\u0644\u0646\u0638\u0627\u0645\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0645\u064a\u0644 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062a\u0631\u0633\u0628\u060c \u0648\u062a\u0643\u0648\u064a\u0646\r\n                  \u0625\u062d\u0633\u0627\u0633 \u0641\u0645\u0648\u064a \u0645\u0631\u063a\u0648\u0628. \u0648\u064a\u0645\u0643\u0646 \u0636\u0628\u0637 \u0623\u062f\u0627\u0626\u0647 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0646\u0648\u0639\r\n                  \u0627\u0644\u062d\u0644\u064a\u0628\u060c \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u062f\u0647\u0648\u0646\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629\u060c \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u0648\u0627\u0644\u0645\u062d\u0644\u064a\u060c \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646\r\n                  \u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629.\r\n                <\/p>\r\n    \r\n                <p>\r\n                  \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0644\u0645\u062b\u0628\u0651\u062a \u0639\u0644\u0649 \u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0646\u0648\u0639 \u0648\u0643\u0645\u064a\u0629\r\n                  \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645\u060c \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062e\u0644\u0637 \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c\r\n                  \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u0639\u0628\u0626\u0629\u060c \u0648\u0643\u0630\u0644\u0643 \u0638\u0631\u0648\u0641 \u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c.\r\n                <\/p>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n    \r\n          <!-- ===================================================\r\n               PANEL 02 \u2014 TECHNICAL SPECIFICATIONS\r\n               =================================================== -->\r\n          <article\r\n            class=\"bd-widget-04__panel\"\r\n            id=\"bd-panel-specs\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"bd-tab-specs\"\r\n            aria-hidden=\"true\"\r\n            data-panel=\"specs\"\r\n            hidden\r\n          >\r\n    \r\n            <div class=\"bd-widget-04__panel-grid\">\r\n    \r\n              <div class=\"bd-widget-04__panel-number\">\r\n                02\r\n              <\/div>\r\n    \r\n              <div class=\"bd-widget-04__panel-main\">\r\n    \r\n                <div class=\"bd-widget-04__panel-heading\">\r\n                  <span class=\"bd-widget-04__mini-line\"><\/span>\r\n    \r\n                  <h3>\r\n                    \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0647\u0648 \u0646\u0638\u0627\u0645 \u0645\u062a\u062e\u0635\u0635 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a\r\n                  \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629.\r\n                  \u0648\u064a\u0645\u0643\u0646 \u0636\u0628\u0637 \u0623\u062f\u0627\u0621 \u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0641\u0642\u064b\u0627 \u0644\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u062f\u0647\u0648\u0646\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629\u060c\r\n                  \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u062d\u0644\u064a\u060c \u0648\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0645\u0648\u0636\u0629 pH\u060c \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629\r\n                  \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629.\r\n                <\/p>\r\n    \r\n    \r\n                <div class=\"bd-widget-04__spec-grid\">\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\r\n                    <strong>\r\n                      \u0645\u062b\u0628\u0651\u062a \u0645\u062a\u062e\u0635\u0635 \u0644\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>\u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/span>\r\n                    <strong>\r\n                      \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/span>\r\n                    <strong>\r\n                      \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062b\u0628\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0648\u062a\u062d\u0633\u064a\u0646 \u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0631\u064a\u0648\u0644\u0648\u062c\u064a<\/span>\r\n                    <strong>\r\n                      \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u0636\u0628\u0637 \u0627\u0644\u0644\u0632\u0648\u062c\u0629 \u0648\u0633\u0644\u0648\u0643 \u062a\u062f\u0641\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\r\n                    <strong>\r\n                      \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u0637\u0648\u0627\u0631 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u062c\u0627\u0646\u0633 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062e\u0632\u064a\u0646\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>\u0645\u0646\u0627\u0633\u0628 \u0644\u0640<\/span>\r\n                    <strong>\r\n                      \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0644\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                <\/div>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n    \r\n          <!-- ===================================================\r\n               PANEL 03 \u2014 BENEFITS & APPLICATIONS\r\n               =================================================== -->\r\n          <article\r\n            class=\"bd-widget-04__panel\"\r\n            id=\"bd-panel-benefits\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"bd-tab-benefits\"\r\n            aria-hidden=\"true\"\r\n            data-panel=\"benefits\"\r\n            hidden\r\n          >\r\n    \r\n            <div class=\"bd-widget-04__panel-grid\">\r\n    \r\n              <div class=\"bd-widget-04__panel-number\">\r\n                03\r\n              <\/div>\r\n    \r\n              <div class=\"bd-widget-04__panel-main\">\r\n    \r\n                <div class=\"bd-widget-04__panel-heading\">\r\n                  <span class=\"bd-widget-04__mini-line\"><\/span>\r\n    \r\n                  <h3>\r\n                    \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n    \r\n                      <p>\r\n                        \u0661. \u0632\u064a\u0627\u062f\u0629 Suspension Stability \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a Particle Sedimentation\r\n\u064a\u0639\u0645\u0644 \u0627\u0644\u0645\u062b\u0628\u0651\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0633\u064a\u0646 Continuous Phase Rheology \u0648\u062a\u0643\u0648\u064a\u0646 Structured Viscosity \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0642\u062f\u0631\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u0644\u0651\u0642\u0629. \u0648\u062a\u0638\u0647\u0631 \u0623\u0647\u0645\u064a\u0629 \u0647\u0630\u0627 \u0627\u0644\u0623\u062f\u0627\u0621 \u0628\u0634\u0643\u0644 \u062e\u0627\u0635 \u0641\u064a \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 Cocoa Powder \u0648Chocolate Particles \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0635\u0644\u0628\u0629\u060c \u062d\u064a\u062b \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 Sedimentation Velocity \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633 \u0644\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0637\u0648\u0627\u0644 Shelf Life.\r\n\r\n\u0662. \u062a\u062d\u0633\u064a\u0646 Colloidal Stability \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a Protein Aggregation\r\n\u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u062f\u0627\u0631\u0629 Protein\u2013Hydrocolloid Interactions \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u063a\u0631\u0648\u0627\u0646\u064a\u0629\u060c \u064a\u062a\u0645 \u062a\u0642\u0644\u064a\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 Protein Flocculation \u0648Aggregation \u0648\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0628\u0646\u0649 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u062c\u0627\u0646\u0633\u0629. \u0648\u0646\u062a\u064a\u062c\u0629 \u0644\u0630\u0644\u0643\u060c \u064a\u062d\u0627\u0641\u0638 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u064a \u0644\u0644\u062d\u0644\u064a\u0628 \u0639\u0644\u0649 \u062b\u0628\u0627\u062a \u0623\u0643\u0628\u0631 \u0637\u0648\u0627\u0644 Processing \u0648Storage.\r\n\r\n\u0663. \u0632\u064a\u0627\u062f\u0629 Emulsion Stability \u0648\u0645\u0646\u0639 Fat Phase Separation\r\n\u0641\u064a \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u064a\u0645\u0643\u0646 \u0644\u0648\u062c\u0648\u062f \u0627\u0644\u062f\u0647\u0648\u0646 \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0646\u0643\u0647\u0629 \u0623\u0646 \u064a\u0624\u062b\u0631 \u0641\u064a \u062b\u0628\u0627\u062a Emulsion. \u0648\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062b\u0628\u0651\u062a\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a Fat Globule Interactions \u0648\u062a\u0642\u0644\u064a\u0644 Coalescence\u060c \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 Emulsion Stability \u0648\u0645\u0646\u0639 Creaming \u0648Phase Separation.\r\n\r\n\u0664. \u062a\u062d\u0633\u064a\u0646 Rheological Profile \u0648Sensory Mouthfeel\r\n\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u062f\u0642\u064a\u0642 \u0641\u064a Viscosity Profile \u0648Shear-Thinning Behavior \u0648Flow Properties \u0639\u0644\u0649 \u062a\u0643\u0648\u064a\u0646 \u0642\u0648\u0627\u0645 \u0645\u062a\u0648\u0627\u0632\u0646 \u0648\u0625\u062d\u0633\u0627\u0633 \u0641\u0645\u0648\u064a \u0645\u0631\u063a\u0648\u0628. \u0648\u064a\u062a\u064a\u062d \u0647\u0630\u0627 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 Body \u0648Smoothness \u0648Mouthfeel \u0645\u0646\u0627\u0633\u0628 \u062f\u0648\u0646 \u0627\u0644\u062a\u0633\u0628\u0628 \u0641\u064a \u0625\u062d\u0633\u0627\u0633 \u062b\u0642\u064a\u0644 \u0623\u0648 \u0647\u0644\u0627\u0645\u064a \u0628\u0634\u0643\u0644 \u0645\u0641\u0631\u0637.\r\n\r\n\u0665. \u0632\u064a\u0627\u062f\u0629 Thermal & Storage Stability \u0637\u0648\u0627\u0644 Shelf Life\r\n\u062a\u0633\u0627\u0639\u062f \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u062b\u0628\u0651\u062a\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u062b\u0644 Homogenization \u0648Pasteurization \u0648UHT Processing. \u0643\u0645\u0627 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0627\u0646\u0633 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u062c\u0648\u062f\u062a\u0647 \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0644\u064a\u0644 Microstructural Instability \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\r\n                      <\/p>\r\n    \r\n                    <\/div>\r\n    \r\n    \r\n                    <\/div>\r\n    \r\n                  <\/li>\r\n    \r\n                <\/ul>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n    \r\n          <!-- ===================================================\r\n               PANEL 04 \u2014 STORAGE\r\n               =================================================== -->\r\n          <article\r\n            class=\"bd-widget-04__panel\"\r\n            id=\"bd-panel-storage\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"bd-tab-storage\"\r\n            aria-hidden=\"true\"\r\n            data-panel=\"storage\"\r\n            hidden\r\n          >\r\n    \r\n            <div class=\"bd-widget-04__panel-grid\">\r\n    \r\n              <div class=\"bd-widget-04__panel-number\">\r\n                04\r\n              <\/div>\r\n    \r\n              <div class=\"bd-widget-04__panel-main\">\r\n    \r\n                <div class=\"bd-widget-04__panel-heading\">\r\n                  <span class=\"bd-widget-04__mini-line\"><\/span>\r\n    \r\n                  <h3>\r\n                    \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062a\u062e\u0632\u064a\u0646 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0648\u0623\u062f\u0627\u0621 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u064a\u062c\u0628 \u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\r\n                  \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0645\u0648\u0636\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0628\u0648\u0629 \u0648\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0635\u0646\u0651\u0639\u0629 \u0627\u0644\u0641\u0646\u064a\u0629.\r\n                  \u0648\u062a\u064f\u0639\u062f \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0646 \u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0648\u0627\u0644\u062a\u0644\u0648\u062b \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629\r\n                  \u0648\u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0623\u0645\u0631\u064b\u0627 \u0645\u0647\u0645\u064b\u0627 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0627\u0645.\r\n                <\/p>\r\n    \r\n    \r\n                <div class=\"bd-widget-04__storage-list\">\r\n    \r\n                  <!-- Storage 01 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 3v18\"\/>\r\n                        <path d=\"M7 8h10\"\/>\r\n                        <path d=\"M7 16h10\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n    \r\n                      <strong>\r\n                        \u0628\u064a\u0626\u0629 \u062c\u0627\u0641\u0629\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        \u064a\u062c\u0628 \u062a\u062e\u0632\u064a\u0646 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0641\u064a \u0628\u064a\u0626\u0629 \u062c\u0627\u0641\u0629 \u0648\u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0627\u0644\u062a\u0644\u0627\u0645\u0633 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\r\n                        \u0645\u0639 \u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u062a\u0647 \u0648\u0642\u0627\u0628\u0644\u064a\u062a\u0647 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\r\n                      <\/p>\r\n    \r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n    \r\n                  <!-- Storage 02 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                        <path d=\"M12 2v2\"\/>\r\n                        <path d=\"M12 20v2\"\/>\r\n                        <path d=\"m4.93 4.93 1.41 1.41\"\/>\r\n                        <path d=\"m17.66 17.66 1.41 1.41\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n    \r\n                      <strong>\r\n                        \u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0636\u0648\u0621 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        \u064a\u062c\u0628 \u062d\u0641\u0638 \u0627\u0644\u0645\u0646\u062a\u062c \u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0648\u0623\u0634\u0639\u0629 \u0627\u0644\u0636\u0648\u0621 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629\r\n                        \u0648\u062a\u0642\u0644\u0628\u0627\u062a \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0645\u0644\u0627\u0626\u0645\u0629.\r\n                      <\/p>\r\n    \r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n    \r\n                  <!-- Storage 03 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 4h16v16H4z\"\/>\r\n                        <path d=\"M8 8h8v8H8z\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n    \r\n                      <strong>\r\n                        \u0627\u0644\u0639\u0628\u0648\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        \u0628\u0639\u062f \u0641\u062a\u062d \u0627\u0644\u0639\u0628\u0648\u0629\u060c \u064a\u062c\u0628 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u062a\u062e\u0632\u064a\u0646\u0647 \u0628\u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0648\u0641\u0642\u064b\u0627\r\n                        \u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0635\u0646\u0651\u0639\u0629 \u0644\u0645\u0646\u0639 \u0627\u0645\u062a\u0635\u0627\u0635\r\n                        \u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0648\u0627\u0644\u062a\u0644\u0648\u062b.\r\n                      <\/p>\r\n    \r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n    \r\n                  <!-- Storage 04 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M6 3h12\"\/>\r\n                        <path d=\"M6 21h12\"\/>\r\n                        <path d=\"M7 3v5l5 4 5-4V3\"\/>\r\n                        <path d=\"M7 21v-5l5-4 5 4v5\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n    \r\n                      <strong>\r\n                        \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        \u0627\u062d\u0631\u0635\u0648\u0627 \u062f\u0627\u0626\u0645\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629\r\n                        \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0648\u0636\u062d\u0629 \u0639\u0644\u0649 \u0639\u0628\u0648\u0629 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647.\r\n                      <\/p>\r\n    \r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n                <\/div>\r\n    \r\n    \r\n                <div class=\"bd-widget-04__notice\">\r\n    \r\n                  <span class=\"bd-widget-04__notice-icon\">\r\n                    !\r\n                  <\/span>\r\n    \r\n                  <p>\r\n                    \u064a\u062c\u0628 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0638\u0631\u0648\u0641 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u062f\u0629 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0648\u0643\u0645\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628\r\n                    \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0648\u0636\u062d\u0629 \u0639\u0644\u0649 \u0639\u0628\u0648\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\r\n                    \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0635\u0646\u0651\u0639\u0629.\r\n                  <\/p>\r\n    \r\n                <\/div>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n        <\/div>\r\n    \r\n      <\/div>\r\n    \r\n    <\/section>\r\n    \r\n    \r\n    <style>\r\n    \r\n    \/* =========================================================\r\n       WIDGET 04 \u2014 ROOT VARIABLES\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04{\r\n      --bd-blue:#2563eb;\r\n      --bd-blue-light:#3b82f6;\r\n      --bd-blue-soft:#60a5fa;\r\n      --bd-blue-deep:#172554;\r\n    \r\n      --bd-purple:#7c3aed;\r\n      --bd-purple-deep:#12081f;\r\n    \r\n      --bd-orange:#ff7a18;\r\n      --bd-orange-light:#ff9a42;\r\n    \r\n      --bd-white:#ffffff;\r\n      --bd-text:#f7f3ff;\r\n      --bd-muted:#c9bddb;\r\n    \r\n      --bd-border:rgba(255,255,255,.12);\r\n      --bd-glass:rgba(255,255,255,.055);\r\n    \r\n      --bd-shadow:0 24px 70px rgba(0,0,0,.34);\r\n    \r\n      --bd-radius:28px;\r\n    \r\n      --bd-transition:\r\n        all .35s cubic-bezier(.22,.61,.36,1);\r\n    \r\n      position:relative;\r\n      width:100%;\r\n      padding:80px 20px;\r\n      overflow:hidden;\r\n      color:var(--bd-text);\r\n    \r\n      background:\r\n        radial-gradient(\r\n          circle at 10% 10%,\r\n          rgba(37,99,235,.17),\r\n          transparent 30%\r\n        ),\r\n        radial-gradient(\r\n          circle at 90% 80%,\r\n          rgba(124,58,237,.16),\r\n          transparent 30%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #12081f 0%,\r\n          #170d29 50%,\r\n          #0f0a19 100%\r\n        );\r\n    \r\n      font-family:\r\n        \"Shabnam\",\r\n        \"IRANSans\",\r\n        \"IRANSansX\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       CONTAINER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__container{\r\n      width:100%;\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__header{\r\n      max-width:850px;\r\n      margin:0 auto 42px;\r\n      text-align:center;\r\n    }\r\n    \r\n    .bd-widget-04__eyebrow{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      padding:8px 16px;\r\n      margin-bottom:16px;\r\n    \r\n      border:1px solid rgba(59,130,246,.30);\r\n      border-radius:999px;\r\n    \r\n      color:#93c5fd;\r\n      background:rgba(37,99,235,.10);\r\n    \r\n      font-size:13px;\r\n      font-weight:700;\r\n    \r\n      letter-spacing:.2px;\r\n    \r\n      box-shadow:\r\n        0 10px 30px rgba(37,99,235,.10);\r\n    }\r\n    \r\n    .bd-widget-04__title{\r\n      margin:0 0 14px;\r\n      color:var(--bd-white);\r\n    \r\n      font-size:\r\n        clamp(27px,3.5vw,42px);\r\n    \r\n      font-weight:900;\r\n      line-height:1.35;\r\n    }\r\n    \r\n    .bd-widget-04__subtitle{\r\n      max-width:760px;\r\n      margin:0 auto;\r\n    \r\n      color:var(--bd-muted);\r\n    \r\n      font-size:\r\n        clamp(14px,1.5vw,16px);\r\n    \r\n      line-height:2;\r\n    \r\n      text-align:justify;\r\n      text-justify:inter-word;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TABS WRAPPER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tabs-wrapper{\r\n      position:relative;\r\n    \r\n      padding:8px;\r\n      margin-bottom:20px;\r\n    \r\n      border:1px solid var(--bd-border);\r\n      border-radius:24px;\r\n    \r\n      background:rgba(255,255,255,.045);\r\n    \r\n      backdrop-filter:blur(18px);\r\n      -webkit-backdrop-filter:blur(18px);\r\n    \r\n      box-shadow:\r\n        0 18px 55px rgba(0,0,0,.20);\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TABS\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tabs{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(4,1fr);\r\n    \r\n      gap:8px;\r\n    \r\n      direction:rtl;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TAB BUTTON\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tab{\r\n      position:relative;\r\n    \r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      gap:10px;\r\n    \r\n      min-height:68px;\r\n    \r\n      padding:14px 18px;\r\n    \r\n      border:1px solid transparent;\r\n      border-radius:18px;\r\n    \r\n      color:#cbd5e1;\r\n    \r\n      background:\r\n        rgba(37,99,235,.09);\r\n    \r\n      cursor:pointer;\r\n    \r\n      font-family:inherit;\r\n      font-size:15px;\r\n      font-weight:800;\r\n      line-height:1.6;\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    \r\n    \/* Active top line *\/\r\n    \r\n    .bd-widget-04__tab::before{\r\n      content:\"\";\r\n    \r\n      position:absolute;\r\n    \r\n      top:0;\r\n      left:18%;\r\n      right:18%;\r\n    \r\n      height:3px;\r\n    \r\n      border-radius:\r\n        0 0 8px 8px;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--bd-blue),\r\n          var(--bd-blue-soft)\r\n        );\r\n    \r\n      opacity:0;\r\n    \r\n      transform:\r\n        scaleX(.4);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    \r\n    \/* Icon *\/\r\n    \r\n    .bd-widget-04__tab-icon{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:34px;\r\n      height:34px;\r\n    \r\n      flex:0 0 34px;\r\n    \r\n      border-radius:10px;\r\n    \r\n      background:\r\n        rgba(59,130,246,.14);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__tab-icon svg{\r\n      width:19px;\r\n      height:19px;\r\n    \r\n      fill:none;\r\n    \r\n      stroke:\r\n        currentColor;\r\n    \r\n      stroke-width:1.7;\r\n    \r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n    \r\n    \r\n    \/* Hover *\/\r\n    \r\n    .bd-widget-04__tab:hover{\r\n      color:var(--bd-white);\r\n    \r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255,122,24,.18),\r\n          rgba(255,122,24,.06)\r\n        );\r\n    \r\n      transform:\r\n        translateY(-2px);\r\n    \r\n      box-shadow:\r\n        0 12px 30px rgba(255,122,24,.10);\r\n    }\r\n    \r\n    .bd-widget-04__tab:hover\r\n    .bd-widget-04__tab-icon{\r\n      color:var(--bd-orange);\r\n    \r\n      background:\r\n        rgba(255,122,24,.14);\r\n    \r\n      transform:\r\n        rotate(-4deg) scale(1.05);\r\n    }\r\n    \r\n    \r\n    \/* Active *\/\r\n    \r\n    .bd-widget-04__tab.is-active{\r\n      color:var(--bd-white);\r\n    \r\n      border-color:\r\n        rgba(59,130,246,.42);\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(37,99,235,.32),\r\n          rgba(124,58,237,.20)\r\n        );\r\n    \r\n      box-shadow:\r\n        0 12px 35px rgba(37,99,235,.16);\r\n    }\r\n    \r\n    .bd-widget-04__tab.is-active::before{\r\n      opacity:1;\r\n    \r\n      transform:\r\n        scaleX(1);\r\n    }\r\n    \r\n    .bd-widget-04__tab.is-active\r\n    .bd-widget-04__tab-icon{\r\n      color:#fff;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          var(--bd-blue),\r\n          var(--bd-purple)\r\n        );\r\n    \r\n      box-shadow:\r\n        0 8px 20px rgba(37,99,235,.25);\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__content{\r\n      position:relative;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel{\r\n      position:relative;\r\n    \r\n      padding:42px;\r\n    \r\n      border:\r\n        1px solid var(--bd-border);\r\n    \r\n      border-radius:\r\n        var(--bd-radius);\r\n    \r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255,255,255,.075),\r\n          rgba(255,255,255,.035)\r\n        );\r\n    \r\n      box-shadow:\r\n        var(--bd-shadow);\r\n    \r\n      backdrop-filter:\r\n        blur(20px);\r\n    \r\n      -webkit-backdrop-filter:\r\n        blur(20px);\r\n    \r\n      animation:\r\n        bdWidget04FadeIn .45s\r\n        cubic-bezier(.22,.61,.36,1);\r\n    }\r\n    \r\n    .bd-widget-04__panel[hidden]{\r\n      display:none;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL GRID\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel-grid{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        82px minmax(0,1fr);\r\n    \r\n      gap:30px;\r\n    \r\n      align-items:start;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL NUMBER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel-number{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:82px;\r\n      height:82px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.32);\r\n    \r\n      border-radius:22px;\r\n    \r\n      color:#bfdbfe;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(37,99,235,.25),\r\n          rgba(124,58,237,.16)\r\n        );\r\n    \r\n      font-size:22px;\r\n      font-weight:900;\r\n    \r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.08),\r\n        0 15px 35px rgba(37,99,235,.10);\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL MAIN\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel-main{\r\n      min-width:0;\r\n    }\r\n    \r\n    .bd-widget-04__panel-heading{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n    \r\n      gap:12px;\r\n    \r\n      margin-bottom:22px;\r\n    }\r\n    \r\n    .bd-widget-04__mini-line{\r\n      width:38px;\r\n      height:4px;\r\n    \r\n      flex:0 0 38px;\r\n    \r\n      border-radius:999px;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--bd-orange),\r\n          var(--bd-blue)\r\n        );\r\n    }\r\n    \r\n    .bd-widget-04__panel-heading h3{\r\n      margin:0;\r\n    \r\n      color:var(--bd-white);\r\n    \r\n      font-size:\r\n        clamp(21px,2.4vw,29px);\r\n    \r\n      font-weight:900;\r\n      line-height:1.5;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       GENERAL TEXT\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel p{\r\n      margin:\r\n        0 0 18px;\r\n    \r\n      color:#d8cfe5;\r\n    \r\n      font-size:\r\n        clamp(14px,1.45vw,16px);\r\n    \r\n      line-height:2.15;\r\n    \r\n      text-align:justify;\r\n    \r\n      text-justify:inter-word;\r\n    }\r\n    \r\n    .bd-widget-04__panel p:last-child{\r\n      margin-bottom:0;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TECHNICAL SPECIFICATIONS\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__spec-grid{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(3,1fr);\r\n    \r\n      gap:14px;\r\n    \r\n      margin-top:28px;\r\n    }\r\n    \r\n    .bd-widget-04__spec-card{\r\n      padding:20px;\r\n    \r\n      min-height:115px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.16);\r\n    \r\n      border-radius:18px;\r\n    \r\n      background:\r\n        rgba(37,99,235,.075);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__spec-card:hover{\r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        rgba(255,122,24,.07);\r\n    \r\n      transform:\r\n        translateY(-4px);\r\n    }\r\n    \r\n    .bd-widget-04__spec-card span{\r\n      display:block;\r\n    \r\n      margin-bottom:9px;\r\n    \r\n      color:\r\n        var(--bd-muted);\r\n    \r\n      font-size:12px;\r\n      font-weight:700;\r\n    }\r\n    \r\n    .bd-widget-04__spec-card strong{\r\n      display:block;\r\n    \r\n      color:\r\n        var(--bd-white);\r\n    \r\n      font-size:14px;\r\n      line-height:1.8;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       BENEFITS\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__benefits{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(2,1fr);\r\n    \r\n      gap:14px;\r\n    \r\n      padding:0;\r\n    \r\n      margin:28px 0 0;\r\n    \r\n      list-style:none;\r\n    }\r\n    \r\n    .bd-widget-04__benefits li{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        42px minmax(0,1fr);\r\n    \r\n      gap:14px;\r\n    \r\n      padding:18px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.14);\r\n    \r\n      border-radius:18px;\r\n    \r\n      background:\r\n        rgba(37,99,235,.065);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__benefits li:hover{\r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        rgba(255,122,24,.06);\r\n    \r\n      transform:\r\n        translateY(-3px);\r\n    }\r\n    \r\n    .bd-widget-04__benefits li > span{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:42px;\r\n      height:42px;\r\n    \r\n      border-radius:13px;\r\n    \r\n      color:#bfdbfe;\r\n    \r\n      background:\r\n        rgba(37,99,235,.18);\r\n    \r\n      font-size:12px;\r\n      font-weight:900;\r\n    }\r\n    \r\n    .bd-widget-04__benefits strong{\r\n      display:block;\r\n    \r\n      margin-bottom:6px;\r\n    \r\n      color:var(--bd-white);\r\n    \r\n      font-size:14px;\r\n      line-height:1.7;\r\n    }\r\n    \r\n    .bd-widget-04__benefits p{\r\n      margin:0 !important;\r\n    \r\n      color:\r\n        var(--bd-muted) !important;\r\n    \r\n      font-size:13px !important;\r\n      line-height:1.9 !important;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       STORAGE\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__storage-list{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(2,1fr);\r\n    \r\n      gap:15px;\r\n    \r\n      margin-top:28px;\r\n    }\r\n    \r\n    .bd-widget-04__storage-item{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        52px minmax(0,1fr);\r\n    \r\n      gap:15px;\r\n    \r\n      padding:20px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.15);\r\n    \r\n      border-radius:19px;\r\n    \r\n      background:\r\n        rgba(37,99,235,.065);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__storage-item:hover{\r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        rgba(255,122,24,.055);\r\n    \r\n      transform:\r\n        translateY(-3px);\r\n    }\r\n    \r\n    .bd-widget-04__storage-icon{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:52px;\r\n      height:52px;\r\n    \r\n      border-radius:15px;\r\n    \r\n      color:#93c5fd;\r\n    \r\n      background:\r\n        rgba(37,99,235,.15);\r\n    }\r\n    \r\n    .bd-widget-04__storage-icon svg{\r\n      width:24px;\r\n      height:24px;\r\n    \r\n      fill:none;\r\n    \r\n      stroke:currentColor;\r\n    \r\n      stroke-width:1.7;\r\n    \r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n    \r\n    .bd-widget-04__storage-item strong{\r\n      display:block;\r\n    \r\n      margin:\r\n        0 0 7px;\r\n    \r\n      color:var(--bd-white);\r\n    \r\n      font-size:15px;\r\n      line-height:1.7;\r\n    }\r\n    \r\n    .bd-widget-04__storage-item p{\r\n      margin:0 !important;\r\n    \r\n      color:var(--bd-muted) !important;\r\n    \r\n      font-size:13px !important;\r\n      line-height:1.9 !important;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       NOTICE\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__notice{\r\n      display:flex;\r\n    \r\n      align-items:flex-start;\r\n    \r\n      gap:14px;\r\n    \r\n      margin-top:22px;\r\n    \r\n      padding:18px 20px;\r\n    \r\n      border:\r\n        1px solid rgba(255,122,24,.20);\r\n    \r\n      border-radius:18px;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255,122,24,.09),\r\n          rgba(255,255,255,.025)\r\n        );\r\n    }\r\n    \r\n    .bd-widget-04__notice-icon{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:30px;\r\n      height:30px;\r\n    \r\n      flex:0 0 30px;\r\n    \r\n      border-radius:50%;\r\n    \r\n      color:#fff;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          var(--bd-orange),\r\n          #ea580c\r\n        );\r\n    \r\n      font-size:15px;\r\n      font-weight:900;\r\n    }\r\n    \r\n    .bd-widget-04__notice p{\r\n      margin:0 !important;\r\n    \r\n      color:#eadfd4 !important;\r\n    \r\n      font-size:13px !important;\r\n      line-height:2 !important;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       ANIMATION\r\n       ========================================================= *\/\r\n    \r\n    @keyframes bdWidget04FadeIn{\r\n    \r\n      from{\r\n        opacity:0;\r\n    \r\n        transform:\r\n          translateY(12px);\r\n      }\r\n    \r\n      to{\r\n        opacity:1;\r\n    \r\n        transform:\r\n          translateY(0);\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       ACCESSIBILITY\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tab:focus-visible{\r\n      outline:\r\n        3px solid rgba(96,165,250,.65);\r\n    \r\n      outline-offset:\r\n        3px;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TABLET\r\n       ========================================================= *\/\r\n    \r\n    @media(max-width:1000px){\r\n    \r\n      .bd-widget-04{\r\n        padding:\r\n          65px 18px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs{\r\n        grid-template-columns:\r\n          repeat(2,1fr);\r\n      }\r\n    \r\n      .bd-widget-04__panel{\r\n        padding:32px;\r\n      }\r\n    \r\n      .bd-widget-04__spec-grid{\r\n        grid-template-columns:\r\n          repeat(2,1fr);\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n    \r\n    @media(max-width:700px){\r\n    \r\n      .bd-widget-04{\r\n        padding:\r\n          52px 14px;\r\n      }\r\n    \r\n      .bd-widget-04__header{\r\n        margin-bottom:28px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs-wrapper{\r\n        padding:6px;\r\n    \r\n        border-radius:20px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs{\r\n        display:flex;\r\n    \r\n        overflow-x:auto;\r\n    \r\n        scrollbar-width:none;\r\n    \r\n        scroll-snap-type:x proximity;\r\n    \r\n        padding-bottom:2px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs::-webkit-scrollbar{\r\n        display:none;\r\n      }\r\n    \r\n      .bd-widget-04__tab{\r\n        min-width:180px;\r\n    \r\n        flex:0 0 auto;\r\n    \r\n        min-height:62px;\r\n    \r\n        padding:12px 14px;\r\n    \r\n        border-radius:15px;\r\n    \r\n        scroll-snap-align:start;\r\n    \r\n        font-size:13px;\r\n      }\r\n    \r\n      .bd-widget-04__panel{\r\n        padding:25px 20px;\r\n    \r\n        border-radius:23px;\r\n      }\r\n    \r\n      .bd-widget-04__panel-grid{\r\n        grid-template-columns:1fr;\r\n    \r\n        gap:20px;\r\n      }\r\n    \r\n      .bd-widget-04__panel-number{\r\n        width:58px;\r\n        height:58px;\r\n    \r\n        border-radius:17px;\r\n    \r\n        font-size:17px;\r\n      }\r\n    \r\n      .bd-widget-04__spec-grid,\r\n      .bd-widget-04__benefits,\r\n      .bd-widget-04__storage-list{\r\n        grid-template-columns:1fr;\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       SMALL MOBILE\r\n       ========================================================= *\/\r\n    \r\n    @media(max-width:480px){\r\n    \r\n      .bd-widget-04__title{\r\n        font-size:26px;\r\n      }\r\n    \r\n      .bd-widget-04__subtitle{\r\n        font-size:13px;\r\n      }\r\n    \r\n      .bd-widget-04__panel{\r\n        padding:22px 16px;\r\n      }\r\n    \r\n      .bd-widget-04__panel-heading{\r\n        align-items:flex-start;\r\n      }\r\n    \r\n      .bd-widget-04__panel-heading h3{\r\n        font-size:20px;\r\n      }\r\n    \r\n      .bd-widget-04__tab{\r\n        min-width:165px;\r\n      }\r\n    \r\n      .bd-widget-04__tab-icon{\r\n        width:30px;\r\n        height:30px;\r\n    \r\n        flex-basis:30px;\r\n      }\r\n    \r\n      .bd-widget-04__benefits li{\r\n        grid-template-columns:\r\n          36px minmax(0,1fr);\r\n    \r\n        padding:15px;\r\n      }\r\n    \r\n      .bd-widget-04__benefits li > span{\r\n        width:36px;\r\n        height:36px;\r\n      }\r\n    \r\n      .bd-widget-04__storage-item{\r\n        padding:16px;\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n    \r\n    @media(prefers-reduced-motion:reduce){\r\n    \r\n      .bd-widget-04 *,\r\n      .bd-widget-04 *::before,\r\n      .bd-widget-04 *::after{\r\n    \r\n        animation-duration:.01ms !important;\r\n    \r\n        animation-iteration-count:1 !important;\r\n    \r\n        transition-duration:.01ms !important;\r\n    \r\n        scroll-behavior:auto !important;\r\n      }\r\n    \r\n    }\r\n    \r\n    <\/style>\r\n    \r\n    \r\n    <script>\r\n    \r\n    (function(){\r\n    \r\n      \"use strict\";\r\n    \r\n    \r\n      \/* =======================================================\r\n         WIDGET 04 \u2014 TAB SYSTEM\r\n         ======================================================= *\/\r\n    \r\n      function initBDWidget04(){\r\n    \r\n        const widgets =\r\n          document.querySelectorAll(\".bd-widget-04\");\r\n    \r\n    \r\n        widgets.forEach(function(widget){\r\n    \r\n          \/* \u0645\u0646\u0639 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u064a Elementor *\/\r\n          if(\r\n            widget.getAttribute(\r\n              \"data-bd-widget-04-ready\"\r\n            ) === \"true\"\r\n          ){\r\n            return;\r\n          }\r\n    \r\n    \r\n          const tabs =\r\n            widget.querySelectorAll(\r\n              \".bd-widget-04__tab\"\r\n            );\r\n    \r\n          const panels =\r\n            widget.querySelectorAll(\r\n              \".bd-widget-04__panel\"\r\n            );\r\n    \r\n    \r\n          if(!tabs.length || !panels.length){\r\n            return;\r\n          }\r\n    \r\n    \r\n          widget.setAttribute(\r\n            \"data-bd-widget-04-ready\",\r\n            \"true\"\r\n          );\r\n    \r\n    \r\n          \/* ---------------------------------------------------\r\n             Activate selected tab\r\n             --------------------------------------------------- *\/\r\n    \r\n          function activateTab(tab){\r\n    \r\n            const target =\r\n              tab.getAttribute(\"data-tab\");\r\n    \r\n            if(!target){\r\n              return;\r\n            }\r\n    \r\n    \r\n            \/* Update tabs *\/\r\n    \r\n            tabs.forEach(function(item){\r\n    \r\n              const isActive =\r\n                item === tab;\r\n    \r\n              item.classList.toggle(\r\n                \"is-active\",\r\n                isActive\r\n              );\r\n    \r\n              item.setAttribute(\r\n                \"aria-selected\",\r\n                isActive ? \"true\" : \"false\"\r\n              );\r\n    \r\n              item.setAttribute(\r\n                \"tabindex\",\r\n                isActive ? \"0\" : \"-1\"\r\n              );\r\n    \r\n            });\r\n    \r\n    \r\n            \/* Update panels *\/\r\n    \r\n            panels.forEach(function(panel){\r\n    \r\n              const isActive =\r\n                panel.getAttribute(\"data-panel\")\r\n                === target;\r\n    \r\n              panel.hidden =\r\n                !isActive;\r\n    \r\n              panel.classList.toggle(\r\n                \"is-active\",\r\n                isActive\r\n              );\r\n    \r\n              panel.setAttribute(\r\n                \"aria-hidden\",\r\n                isActive ? \"false\" : \"true\"\r\n              );\r\n    \r\n            });\r\n    \r\n    \r\n            \/* Mobile: bring active tab into view *\/\r\n    \r\n            if(\r\n              window.innerWidth <= 700\r\n            ){\r\n    \r\n              try{\r\n    \r\n                tab.scrollIntoView({\r\n                  behavior:\"smooth\",\r\n                  block:\"nearest\",\r\n                  inline:\"center\"\r\n                });\r\n    \r\n              }catch(error){}\r\n    \r\n            }\r\n    \r\n          }\r\n    \r\n    \r\n          \/* ---------------------------------------------------\r\n             Click\r\n             --------------------------------------------------- *\/\r\n    \r\n          tabs.forEach(function(tab){\r\n    \r\n            tab.addEventListener(\r\n              \"click\",\r\n              function(){\r\n    \r\n                activateTab(tab);\r\n    \r\n              }\r\n            );\r\n    \r\n    \r\n            \/* -------------------------------------------------\r\n               Keyboard navigation\r\n               ------------------------------------------------- *\/\r\n    \r\n            tab.addEventListener(\r\n              \"keydown\",\r\n              function(event){\r\n    \r\n                const key =\r\n                  event.key;\r\n    \r\n                let index =\r\n                  Array.prototype.indexOf.call(\r\n                    tabs,\r\n                    tab\r\n                  );\r\n    \r\n    \r\n                if(\r\n                  key === \"ArrowRight\" ||\r\n                  key === \"ArrowDown\"\r\n                ){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  index =\r\n                    (index + 1) %\r\n                    tabs.length;\r\n    \r\n                  tabs[index].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[index]\r\n                  );\r\n    \r\n                }\r\n    \r\n    \r\n                if(\r\n                  key === \"ArrowLeft\" ||\r\n                  key === \"ArrowUp\"\r\n                ){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  index =\r\n                    (index - 1 + tabs.length) %\r\n                    tabs.length;\r\n    \r\n                  tabs[index].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[index]\r\n                  );\r\n    \r\n                }\r\n    \r\n    \r\n                if(key === \"Home\"){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  tabs[0].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[0]\r\n                  );\r\n    \r\n                }\r\n    \r\n    \r\n                if(key === \"End\"){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  tabs[tabs.length - 1].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[tabs.length - 1]\r\n                  );\r\n    \r\n                }\r\n    \r\n              }\r\n            );\r\n    \r\n          });\r\n    \r\n        });\r\n    \r\n      }\r\n    \r\n    \r\n      \/* =======================================================\r\n         NORMAL LOAD\r\n         ======================================================= *\/\r\n    \r\n      if(\r\n        document.readyState === \"loading\"\r\n      ){\r\n    \r\n        document.addEventListener(\r\n          \"DOMContentLoaded\",\r\n          initBDWidget04\r\n        );\r\n    \r\n      }else{\r\n    \r\n        initBDWidget04();\r\n    \r\n      }\r\n    \r\n    \r\n      \/* =======================================================\r\n         ELEMENTOR FRONTEND\r\n         ======================================================= *\/\r\n    \r\n      if(\r\n        window.jQuery\r\n      ){\r\n    \r\n        jQuery(window).on(\r\n          \"elementor\/frontend\/init\",\r\n          function(){\r\n    \r\n            if(\r\n              window.elementorFrontend &&\r\n              elementorFrontend.hooks\r\n            ){\r\n    \r\n              elementorFrontend.hooks.addAction(\r\n                \"frontend\/element_ready\/html.default\",\r\n                function(){\r\n    \r\n                  initBDWidget04();\r\n    \r\n                }\r\n              );\r\n    \r\n            }\r\n    \r\n          }\r\n        );\r\n    \r\n      }\r\n    \r\n    })();\r\n    \r\n    <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2731934 elementor-widget elementor-widget-html\" data-id=\"2731934\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"br-review-wrap\"> \r\n    <div class=\"br-review-card\"> \r\n   \r\n      <div class=\"br-review-head\"> \r\n        <span class=\"br-review-badge\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span> \r\n        <h2>\u0634\u0627\u0631\u0643 \u062a\u062c\u0631\u0628\u062a\u0643 \u0645\u0639 <span class=\"br-product-name\">\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c<\/span><\/h2> \r\n        <p>\u0633\u064a\u062a\u0645 \u0639\u0631\u0636 \u0631\u0623\u064a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u062a\u0647 \u0645\u0646 \u0642\u0628\u0644 \u0641\u0631\u064a\u0642 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062a\u062c\u0631\u0628\u062a\u0643 \u062d\u0648\u0644 \u0623\u062f\u0627\u0621 <span class=\"br-product-name\">\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\u060c \u0648\u062b\u0628\u0627\u062a \u0627\u0644\u0642\u0648\u0627\u0645\u060c \u0648\u0627\u0644\u062a\u0645\u0627\u0633\u0643\u060c \u0648\u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0645\u0627\u0621\u060c \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0637\u064a\u0639 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0641\u064a\u062f\u0629 \u0644\u0644\u0645\u0646\u062a\u062c\u064a\u0646.<\/p> \r\n      <\/div> \r\n   \r\n      <form id=\"brReviewForm\"> \r\n        <div class=\"br-review-grid\"> \r\n   \r\n          <div class=\"br-field\"> \r\n            <label for=\"brName\">\u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628 <span>*<\/span><\/label> \r\n            <input type=\"text\" id=\"brName\" name=\"name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628\" required> \r\n          <\/div> \r\n   \r\n          <div class=\"br-field\"> \r\n            <label for=\"brCompany\">\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0645\u0624\u0633\u0633\u0629<\/label> \r\n            <input type=\"text\" id=\"brCompany\" name=\"company\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0623\u0648 \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\"> \r\n          <\/div> \r\n   \r\n        <\/div> \r\n   \r\n        <div class=\"br-field\"> \r\n          <label>\u062a\u0642\u064a\u064a\u0645\u0643 <span>*<\/span><\/label> \r\n   \r\n          <div class=\"br-stars\"> \r\n            <input type=\"radio\" id=\"brStar5\" name=\"rating\" value=\"5\"><label for=\"brStar5\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar4\" name=\"rating\" value=\"4\"><label for=\"brStar4\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar3\" name=\"rating\" value=\"3\"><label for=\"brStar3\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar2\" name=\"rating\" value=\"2\"><label for=\"brStar2\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar1\" name=\"rating\" value=\"1\"><label for=\"brStar1\">\u2605<\/label> \r\n          <\/div> \r\n   \r\n          <div class=\"br-rating-text\" id=\"brRatingText\">\u0627\u062e\u062a\u0631 \u062a\u0642\u064a\u064a\u0645\u0643<\/div> \r\n        <\/div> \r\n   \r\n        <div class=\"br-field\"> \r\n          <label for=\"brMessage\">\u0631\u0623\u064a\u0643 <span>*<\/span><\/label> \r\n          <textarea id=\"brMessage\" name=\"message\" rows=\"5\" maxlength=\"1000\" placeholder=\"\u0634\u0627\u0631\u0643\u0646\u0627 \u062a\u062c\u0631\u0628\u062a\u0643 \u062d\u0648\u0644 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0623\u062f\u0627\u0626\u0647 \u0641\u064a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a...\"><\/textarea> \r\n          <div class=\"br-count\"><span id=\"brCount\">0<\/span> \/ 1000<\/div> \r\n        <\/div> \r\n   \r\n        <button type=\"submit\" class=\"br-submit\" id=\"brSubmit\"> \r\n          <span class=\"br-submit-text\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/span> \r\n          <span class=\"br-submit-loading\">\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644...<\/span> \r\n        <\/button> \r\n   \r\n        <div class=\"br-review-message\" id=\"brReviewMessage\"><\/div> \r\n      <\/form> \r\n   \r\n    <\/div> \r\n  <\/div> \r\n   \r\n  <style> \r\n  .br-review-wrap{--br-blue:#2563eb;--br-blue-light:#3b82f6;--br-purple:#7c3aed;--br-orange:#ff7a18;--br-white:#fff;--br-muted:#c9bddb;--br-border:rgba(255,255,255,.12);--br-transition:all .35s cubic-bezier(.22,.61,.36,1);position:relative;width:100%;direction:rtl;padding:75px 20px;overflow:hidden;font-family:\"Shabnam\",\"IRANSans\",\"IRANSansX\",Tahoma,Arial,sans-serif;background:radial-gradient(circle at 10% 15%,rgba(37,99,235,.16),transparent 30%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.15),transparent 32%),linear-gradient(135deg,#12081f,#170d29 50%,#0f0a19)} \r\n  .br-review-card{position:relative;width:100%;max-width:850px;margin:auto;padding:38px;border:1px solid var(--br-border);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} \r\n  .br-review-card:before,.br-review-card:after{content:\"\";position:absolute;border-radius:50%;pointer-events:none} \r\n  .br-review-card:before{top:-100px;left:-100px;width:230px;height:230px;background:radial-gradient(circle,rgba(37,99,235,.15),transparent 70%)} \r\n  .br-review-card:after{right:-90px;bottom:-110px;width:240px;height:240px;background:radial-gradient(circle,rgba(124,58,237,.13),transparent 70%)} \r\n  .br-review-head{position:relative;z-index:1;text-align:center;margin-bottom:32px} \r\n  .br-review-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 17px;margin-bottom:14px;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#93c5fd;background:rgba(37,99,235,.1);font-size:13px;font-weight:800;box-shadow:0 10px 30px rgba(37,99,235,.1)} \r\n  .br-review-head h2{margin:0 0 12px;color:var(--br-white);font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.5} \r\n  .br-review-head p{max-width:680px;margin:auto;color:var(--br-muted);font-size:clamp(13px,1.5vw,15px);line-height:2;text-align:justify;text-justify:inter-word} \r\n  .br-review-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:18px} \r\n  .br-field{position:relative;z-index:1;margin-bottom:23px} \r\n  .br-field label{display:block;margin-bottom:9px;color:#e8e0f0;font-size:14px;font-weight:800;line-height:1.8} \r\n  .br-field label span{color:var(--br-orange)} \r\n  .br-field input,.br-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.045);color:var(--br-white);font-family:inherit;font-size:14px;outline:0;transition:var(--br-transition)} \r\n  .br-field input{height:54px;padding:0 17px} \r\n  .br-field textarea{min-height:150px;padding:15px 17px;resize:vertical;line-height:2;text-align:justify;text-justify:inter-word} \r\n  .br-field input::placeholder,.br-field textarea::placeholder{color:rgba(201,189,219,.6)} \r\n  .br-field input:hover,.br-field textarea:hover{border-color:rgba(59,130,246,.3);background:rgba(255,255,255,.06)} \r\n  .br-field input:focus,.br-field textarea:focus{border-color:var(--br-blue-light);background:rgba(37,99,235,.065);box-shadow:0 0 0 4px rgba(59,130,246,.12),0 10px 30px rgba(37,99,235,.08)} \r\n  .br-stars{direction:rtl;display:flex;justify-content:flex-start;align-items:center;gap:4px} \r\n  .br-stars input{display:none} \r\n  .br-stars label{cursor:pointer;margin:0;padding:2px;color:rgba(255,255,255,.18);font-size:36px;line-height:1;transition:var(--br-transition)} \r\n  .br-stars label:hover,.br-stars label:hover~label,.br-stars input:checked~label{color:var(--br-orange);transform:scale(1.08);text-shadow:0 5px 20px rgba(255,122,24,.25)} \r\n  .br-rating-text{margin-top:9px;color:var(--br-muted);font-size:13px;line-height:1.8} \r\n  .br-count{position:absolute;left:4px;bottom:-21px;color:rgba(201,189,219,.6);font-size:11px} \r\n  .br-submit{position:relative;z-index:1;width:100%;height:56px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--br-blue),var(--br-purple));color:#fff;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(37,99,235,.22);transition:var(--br-transition)} \r\n  .br-submit:hover{background:linear-gradient(135deg,var(--br-orange),#ea580c);transform:translateY(-3px);box-shadow:0 16px 35px rgba(255,122,24,.24)} \r\n  .br-submit:focus-visible{outline:3px solid rgba(96,165,250,.65);outline-offset:3px} \r\n  .br-submit:disabled{opacity:.65;cursor:not-allowed;transform:none} \r\n  .br-submit-loading{display:none} \r\n  .br-submit.is-loading .br-submit-text{display:none} \r\n  .br-submit.is-loading .br-submit-loading{display:inline} \r\n  .br-review-message{display:none;position:relative;z-index:1;margin-top:18px;padding:15px 18px;border-radius:14px;font-size:13px;line-height:2;text-align:justify;text-justify:inter-word} \r\n  .br-review-message.success{display:block;color:#bfdbfe;background:rgba(37,99,235,.1);border:1px solid rgba(59,130,246,.25)} \r\n  .br-review-message.error{display:block;color:#fed7aa;background:rgba(255,122,24,.08);border:1px solid rgba(255,122,24,.25)} \r\n  @media(max-width:700px){.br-review-wrap{padding:60px 15px}.br-review-card{padding:27px 19px;border-radius:23px}.br-review-grid{grid-template-columns:1fr;gap:0}.br-review-head{margin-bottom:27px}.br-review-head h2{font-size:22px;line-height:1.65}.br-review-head p{font-size:13px;line-height:2}.br-field input{height:51px}.br-field textarea{min-height:140px}.br-stars label{font-size:32px}} \r\n  @media(max-width:380px){.br-review-wrap{padding:48px 12px}.br-review-card{padding:22px 14px;border-radius:20px}.br-review-head h2{font-size:20px}.br-review-head p{font-size:12px}.br-stars label{font-size:29px}.br-submit{height:53px;font-size:14px}} \r\n  @media(prefers-reduced-motion:reduce){.br-review-wrap *,.br-review-wrap *:before,.br-review-wrap *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} \r\n  <\/style> \r\n   \r\n  <script> \r\n  document.addEventListener('DOMContentLoaded',()=>{ \r\n   \r\n  const $=id=>document.getElementById(id); \r\n  const wrap=document.querySelector('.br-review-wrap'); \r\n  const form=$('brReviewForm'); \r\n   \r\n  if(!wrap||!form)return; \r\n   \r\n  const name=$('brName'), \r\n        company=$('brCompany'), \r\n        input=$('brMessage'), \r\n        count=$('brCount'), \r\n        ratingText=$('brRatingText'), \r\n        submit=$('brSubmit'), \r\n        msg=$('brReviewMessage'); \r\n   \r\n  let product='\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c'; \r\n  const wooTitle=document.querySelector('.product_title'); \r\n  const pageTitle=document.querySelector('h1'); \r\n   \r\n  if(wooTitle?.textContent.trim())product=wooTitle.textContent.trim(); \r\n  else if(pageTitle?.textContent.trim())product=pageTitle.textContent.trim(); \r\n  else product=document.title.replace(\/\\s*[|\u2013-]\\s*.*$\/,'').trim(); \r\n   \r\n  document.querySelectorAll('.br-product-name').forEach(el=>el.textContent=product); \r\n   \r\n  const ratings={1:'\u0627\u0644\u062a\u0642\u064a\u064a\u0645 1 \u0645\u0646 5',2:'\u0627\u0644\u062a\u0642\u064a\u064a\u0645 2 \u0645\u0646 5',3:'\u0627\u0644\u062a\u0642\u064a\u064a\u0645 3 \u0645\u0646 5',4:'\u0627\u0644\u062a\u0642\u064a\u064a\u0645 4 \u0645\u0646 5',5:'\u0627\u0644\u062a\u0642\u064a\u064a\u0645 5 \u0645\u0646 5'}; \r\n   \r\n  document.querySelectorAll('input[name=\"rating\"]').forEach(el=>{ \r\n    el.addEventListener('change',()=>ratingText.textContent=ratings[el.value]); \r\n  }); \r\n   \r\n  input.addEventListener('input',()=>count.textContent=input.value.length); \r\n   \r\n  form.addEventListener('submit',async e=>{ \r\n   \r\n    e.preventDefault(); \r\n   \r\n    msg.className='br-review-message'; \r\n    msg.textContent=''; \r\n   \r\n    const rating=document.querySelector('input[name=\"rating\"]:checked'); \r\n   \r\n    if(!rating)return show('\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u0642\u064a\u064a\u0645\u0643.','error'); \r\n    if(!name.value.trim())return show('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0644\u0642\u0628.','error',name); \r\n    if(!input.value.trim())return show('\u064a\u0631\u062c\u0649 \u0643\u062a\u0627\u0628\u0629 \u0631\u0623\u064a\u0643.','error',input); \r\n   \r\n    submit.disabled=true; \r\n    submit.classList.add('is-loading'); \r\n   \r\n    try{ \r\n   \r\n      const response=await fetch('\/wp-json\/berandil\/v1\/reviews',{ \r\n        method:'POST', \r\n        headers:{'Content-Type':'application\/json'}, \r\n        body:JSON.stringify({ \r\n          name:name.value.trim(), \r\n          company:company.value.trim(), \r\n          product:product, \r\n          rating:Number(rating.value), \r\n          message:input.value.trim() \r\n        }) \r\n      }); \r\n   \r\n      const data=await response.json(); \r\n   \r\n      if(!response.ok)throw new Error(data.message||'\u062a\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645.'); \r\n   \r\n      form.reset(); \r\n      count.textContent='0'; \r\n      ratingText.textContent='\u0627\u062e\u062a\u0631 \u062a\u0642\u064a\u064a\u0645\u0643'; \r\n   \r\n      show('\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0623\u064a\u0643 \u0628\u0646\u062c\u0627\u062d\u060c \u0648\u0633\u064a\u062a\u0645 \u0639\u0631\u0636\u0647 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0639\u062f \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629.','success'); \r\n   \r\n    }catch(error){ \r\n   \r\n      show(error.message||'\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0631\u0623\u064a\u0643. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.','error'); \r\n   \r\n    }finally{ \r\n   \r\n      submit.disabled=false; \r\n      submit.classList.remove('is-loading'); \r\n   \r\n    } \r\n   \r\n  }); \r\n   \r\n  function show(text,type,focus){ \r\n   \r\n    msg.className='br-review-message '+type; \r\n    msg.textContent=text; \r\n   \r\n    if(focus)focus.focus(); \r\n   \r\n  } \r\n   \r\n  }); \r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3128e3df elementor-widget elementor-widget-html\" data-id=\"3128e3df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =====================================================\r\n RESET\r\n===================================================== *\/\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n  direction: rtl;\r\n\r\n  font-family:\r\n      Tahoma,\r\n      Arial,\r\n      sans-serif;\r\n\r\n  background: #f4f6f5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n VARIABLES\r\n===================================================== *\/\r\n\r\n:root {\r\n\r\n  --footer-bg: #12251f;\r\n\r\n  --footer-card: #19332b;\r\n\r\n  --footer-card-hover: #1d3a31;\r\n\r\n  --green: #2ca879;\r\n\r\n  --green-light: #4bc995;\r\n\r\n  --text: #f3f8f6;\r\n\r\n  --text-light: #b9cbc5;\r\n\r\n  --text-muted: #849b94;\r\n\r\n  --border: rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n FOOTER\r\n===================================================== *\/\r\n\r\n.site-footer {\r\n\r\n  position: relative;\r\n\r\n  background: var(--footer-bg);\r\n\r\n  color: var(--text);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n CONTAINER\r\n===================================================== *\/\r\n\r\n.footer-container {\r\n\r\n  width: min(1400px, 94%);\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 20px 0 16px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n      1.15fr\r\n      1fr\r\n      1fr\r\n      1fr\r\n      .9fr;\r\n\r\n  gap: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n COLUMNS\r\n===================================================== *\/\r\n\r\n.footer-column {\r\n\r\n  min-width: 0;\r\n\r\n  padding: 14px;\r\n\r\n  background: var(--footer-card);\r\n\r\n  border:\r\n      1px solid var(--border);\r\n\r\n  border-radius: 13px;\r\n\r\n  transition:\r\n      background .25s ease;\r\n\r\n}\r\n\r\n.footer-column:hover {\r\n\r\n  background:\r\n      var(--footer-card-hover);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n TITLE\r\n===================================================== *\/\r\n\r\n.footer-title {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color: var(--text);\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n.footer-title i {\r\n\r\n  color: var(--green-light);\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n MAP\r\n===================================================== *\/\r\n\r\n.map-box {\r\n\r\n  height: 165px;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 9px;\r\n\r\n  border:\r\n      1px solid rgba(255,255,255,.08);\r\n\r\n  background: #10211c;\r\n\r\n}\r\n\r\n.map-box iframe {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  border: 0;\r\n\r\n  display: block;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n ADDRESS\r\n===================================================== *\/\r\n\r\n.address-box {\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 9px;\r\n\r\n  margin-bottom: 11px;\r\n\r\n}\r\n\r\n.address-icon {\r\n\r\n  flex: 0 0 32px;\r\n\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: var(--green-light);\r\n\r\n  background:\r\n      rgba(44,168,121,.12);\r\n\r\n}\r\n\r\n.address-box p {\r\n\r\n  color: var(--text-light);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 2;\r\n\r\n}\r\n\r\n\r\n.phone-list {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 6px;\r\n\r\n}\r\n\r\n.phone-item {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  min-height: 31px;\r\n\r\n  padding: 5px 8px;\r\n\r\n  border-radius: 7px;\r\n\r\n  color: var(--text-light);\r\n\r\n  background:\r\n      rgba(255,255,255,.035);\r\n\r\n  font-size: 11px;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n.phone-item i {\r\n\r\n  color: var(--green-light);\r\n\r\n  font-size: 11px;\r\n\r\n}\r\n\r\n.phone-item:hover {\r\n\r\n  color: white;\r\n\r\n  background:\r\n      rgba(44,168,121,.12);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n MENU\r\n===================================================== *\/\r\n\r\n.footer-menu {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 2px;\r\n\r\n}\r\n\r\n\r\n.menu-link,\r\n.submenu-toggle {\r\n\r\n  width: 100%;\r\n\r\n  min-height: 30px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  padding: 5px 7px;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: transparent;\r\n\r\n  color: var(--text-light);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 11px;\r\n\r\n  text-decoration: none;\r\n\r\n  text-align: right;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.menu-link span,\r\n.submenu-toggle span {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n}\r\n\r\n\r\n.menu-link i,\r\n.submenu-toggle i {\r\n\r\n  color: var(--green-light);\r\n\r\n  font-size: 10px;\r\n\r\n}\r\n\r\n\r\n.menu-link:hover,\r\n.submenu-toggle:hover {\r\n\r\n  color: white;\r\n\r\n  background:\r\n      rgba(44,168,121,.10);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n SUBMENU\r\n===================================================== *\/\r\n\r\n.has-submenu {\r\n\r\n  position: relative;\r\n\r\n}\r\n\r\n\r\n.submenu {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 100;\r\n\r\n  top: calc(100% - 1px);\r\n\r\n  right: 0;\r\n\r\n  width: 225px;\r\n\r\n  padding: 6px;\r\n\r\n  background: #18342c;\r\n\r\n  border:\r\n      1px solid rgba(255,255,255,.10);\r\n\r\n  border-radius: 9px;\r\n\r\n  box-shadow:\r\n      0 15px 35px rgba(0,0,0,.25);\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  transform:\r\n      translateY(6px);\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.has-submenu:hover .submenu {\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  transform:\r\n      translateY(0);\r\n\r\n}\r\n\r\n\r\n.submenu a {\r\n\r\n  display: block;\r\n\r\n  padding: 6px 8px;\r\n\r\n  border-radius: 6px;\r\n\r\n  color: var(--text-light);\r\n\r\n  font-size: 10px;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.submenu a:hover {\r\n\r\n  color: white;\r\n\r\n  background:\r\n      rgba(44,168,121,.12);\r\n\r\n  padding-right: 12px;\r\n\r\n}\r\n\r\n\r\n.arrow {\r\n\r\n  transition:\r\n      transform .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n CATEGORY - \u062a\u06a9 \u0633\u062a\u0648\u0646\u0647\r\n===================================================== *\/\r\n\r\n.category-list {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 2px;\r\n\r\n}\r\n\r\n\r\n.category-list a {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  min-height: 25px;\r\n\r\n  padding: 3px 7px;\r\n\r\n  border-radius: 5px;\r\n\r\n  color: var(--text-light);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.5;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.category-list a::before {\r\n\r\n  content: \"\";\r\n\r\n  width: 4px;\r\n  height: 4px;\r\n\r\n  flex: 0 0 4px;\r\n\r\n  margin-left: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n      var(--green);\r\n\r\n}\r\n\r\n\r\n.category-list a:hover {\r\n\r\n  color: white;\r\n\r\n  background:\r\n      rgba(44,168,121,.09);\r\n\r\n}\r\n\r\n\r\n.all-products {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin-top: 7px;\r\n\r\n  padding: 6px 8px;\r\n\r\n  border-radius: 6px;\r\n\r\n  color: var(--green-light);\r\n\r\n  background:\r\n      rgba(44,168,121,.08);\r\n\r\n  font-size: 10px;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.all-products:hover {\r\n\r\n  color: white;\r\n\r\n  background:\r\n      rgba(44,168,121,.15);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n BRAND\r\n===================================================== *\/\r\n\r\n.brand-image {\r\n\r\n  width: 100%;\r\n\r\n  height: 120px;\r\n\r\n  overflow: hidden;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: #dbdbdb;\r\n\r\n}\r\n\r\n\r\n.brand-image img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n.brand-description {\r\n\r\n  color: var(--text-light);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.8;\r\n\r\n  margin-bottom: 8px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n SOCIAL\r\n===================================================== *\/\r\n\r\n.social-section h4 {\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color: white;\r\n\r\n  font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.social-links {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n SOCIAL LINK\r\n===================================================== *\/\r\n\r\n.social-link {\r\n\r\n  position: relative;\r\n\r\n  width: 35px;\r\n  height: 35px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 9px;\r\n\r\n  border:\r\n      1px solid rgba(255,255,255,.10);\r\n\r\n  background:\r\n      rgba(255,255,255,.055);\r\n\r\n  color: var(--text-light);\r\n\r\n  font-size: 15px;\r\n\r\n  text-decoration: none;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n      transform .25s ease,\r\n      background .25s ease,\r\n      color .25s ease,\r\n      border-color .25s ease,\r\n      box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n TOOLTIP\r\n===================================================== *\/\r\n\r\n.social-link::after {\r\n\r\n  content: attr(data-tooltip);\r\n\r\n  position: absolute;\r\n\r\n  right: 50%;\r\n\r\n  bottom: calc(100% + 8px);\r\n\r\n  transform:\r\n      translateX(50%)\r\n      translateY(5px);\r\n\r\n  padding: 5px 9px;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: #0d211c;\r\n\r\n  color: white;\r\n\r\n  font-size: 10px;\r\n\r\n  white-space: nowrap;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: 200;\r\n\r\n  box-shadow:\r\n      0 6px 18px rgba(0,0,0,.25);\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0633\u0647\u0645 *\/\r\n\r\n.social-link::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: 50%;\r\n\r\n  bottom: calc(100% + 2px);\r\n\r\n  transform:\r\n      translateX(50%);\r\n\r\n  border:\r\n      5px solid transparent;\r\n\r\n  border-top-color:\r\n      #0d211c;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  z-index: 200;\r\n\r\n  transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n\/* \u0625\u0638\u0647\u0627\u0631 Tooltip *\/\r\n\r\n.social-link:hover::after {\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  transform:\r\n      translateX(50%)\r\n      translateY(0);\r\n\r\n}\r\n\r\n\r\n.social-link:hover::before {\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n HOVER SOCIAL\r\n===================================================== *\/\r\n\r\n.social-link:hover {\r\n\r\n  color: white;\r\n\r\n  transform:\r\n      translateY(-3px);\r\n\r\n  box-shadow:\r\n      0 7px 16px rgba(0,0,0,.20);\r\n\r\n}\r\n\r\n\r\n\/* \u0625\u064a\u062a\u0627 *\/\r\n\r\n.social-link.eitaa:hover {\r\n\r\n  background: #1f9d75;\r\n\r\n  border-color: #1f9d75;\r\n\r\n}\r\n\r\n\r\n\/* \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645 *\/\r\n\r\n.social-link.telegram:hover {\r\n\r\n  background: #229ed9;\r\n\r\n  border-color: #229ed9;\r\n\r\n}\r\n\r\n\r\n\/* \u0631\u0648\u0628\u064a\u0643\u0627 *\/\r\n\r\n.social-link.rubika:hover {\r\n\r\n  background: #7b3ff2;\r\n\r\n  border-color: #7b3ff2;\r\n\r\n}\r\n\r\n\r\n\/* \u0628\u0644\u0647 *\/\r\n\r\n.social-link.bale:hover {\r\n\r\n  background: #168de2;\r\n\r\n  border-color: #168de2;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n FOOTER BOTTOM\r\n===================================================== *\/\r\n\r\n.footer-bottom {\r\n\r\n  border-top:\r\n      1px solid rgba(255,255,255,.08);\r\n\r\n  background:\r\n      #0e1f1a;\r\n\r\n}\r\n\r\n\r\n.footer-bottom-inner {\r\n\r\n  width: min(1400px, 94%);\r\n\r\n  min-height: 43px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 15px;\r\n\r\n  color: var(--text-muted);\r\n\r\n  font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n LOGO BRANDIL\r\n===================================================== *\/\r\n\r\n.brand-logo-upload {\r\n\r\n  position: relative;\r\n\r\n  width: 44px;\r\n  height: 30px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 6px;\r\n\r\n  background:\r\n      rgba(255,255,255,.045);\r\n\r\n  border:\r\n      1px solid rgba(255,255,255,.09);\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n.brand-logo-upload input {\r\n\r\n  display: none;\r\n\r\n}\r\n\r\n\r\n.brand-logo-placeholder {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--text-muted);\r\n\r\n  font-size: 10px;\r\n\r\n}\r\n\r\n\r\n.brand-logo-upload:hover {\r\n\r\n  border-color:\r\n      var(--green);\r\n\r\n  background:\r\n      rgba(44,168,121,.10);\r\n\r\n  transform:\r\n      translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.brand-logo-upload:hover\r\n.brand-logo-placeholder {\r\n\r\n  color:\r\n      var(--green-light);\r\n\r\n}\r\n\r\n\r\n.brand-logo-placeholder img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n\r\n  padding: 3px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n DOMAIN\r\n===================================================== *\/\r\n\r\n.footer-domain {\r\n\r\n  direction: ltr;\r\n\r\n  color:\r\n      var(--green-light);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n BACK TO TOP\r\n===================================================== *\/\r\n\r\n.back-to-top {\r\n\r\n  position: fixed;\r\n\r\n  left: 18px;\r\n\r\n  bottom: 18px;\r\n\r\n  width: 39px;\r\n  height: 39px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n      var(--green);\r\n\r\n  color: white;\r\n\r\n  cursor: pointer;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  transform:\r\n      translateY(10px);\r\n\r\n  z-index: 500;\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n.back-to-top.show {\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  transform:\r\n      translateY(0);\r\n\r\n}\r\n\r\n\r\n.back-to-top:hover {\r\n\r\n  background:\r\n      var(--green-light);\r\n\r\n  transform:\r\n      translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .footer-container {\r\n\r\n      grid-template-columns:\r\n          repeat(3, 1fr);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n MOBILE MENU\r\n===================================================== *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n  .footer-container {\r\n\r\n      grid-template-columns:\r\n          repeat(2, 1fr);\r\n\r\n      gap: 9px;\r\n\r\n      padding-top: 12px;\r\n\r\n  }\r\n\r\n\r\n  .submenu {\r\n\r\n      position: static;\r\n\r\n      display: none;\r\n\r\n      width: 100%;\r\n\r\n      margin-top: 2px;\r\n\r\n      padding: 4px;\r\n\r\n      opacity: 1;\r\n\r\n      visibility: visible;\r\n\r\n      transform: none;\r\n\r\n      box-shadow: none;\r\n\r\n      background:\r\n          rgba(0,0,0,.10);\r\n\r\n  }\r\n\r\n\r\n  .has-submenu.open .submenu {\r\n\r\n      display: block;\r\n\r\n  }\r\n\r\n\r\n  .has-submenu.open .arrow {\r\n\r\n      transform:\r\n          rotate(180deg);\r\n\r\n  }\r\n\r\n\r\n  .has-submenu:hover .submenu {\r\n\r\n      display: none;\r\n\r\n  }\r\n\r\n\r\n  .has-submenu.open:hover .submenu {\r\n\r\n      display: block;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n  .footer-container {\r\n\r\n      width: 92%;\r\n\r\n      grid-template-columns: 1fr;\r\n\r\n      gap: 7px;\r\n\r\n      padding: 9px 0;\r\n\r\n  }\r\n\r\n\r\n  .footer-column {\r\n\r\n      padding: 11px;\r\n\r\n      border-radius: 11px;\r\n\r\n  }\r\n\r\n\r\n  .footer-title {\r\n\r\n      margin-bottom: 8px;\r\n\r\n      font-size: 12px;\r\n\r\n  }\r\n\r\n\r\n  .map-box {\r\n\r\n      height: 125px;\r\n\r\n  }\r\n\r\n\r\n  .brand-image {\r\n\r\n      height: 82px;\r\n\r\n  }\r\n\r\n\r\n  .footer-bottom-inner {\r\n\r\n      width: 92%;\r\n\r\n      min-height: 40px;\r\n\r\n      gap: 8px;\r\n\r\n      padding: 5px 0;\r\n\r\n  }\r\n\r\n\r\n  .brand-logo-upload {\r\n\r\n      width: 38px;\r\n\r\n      height: 27px;\r\n\r\n  }\r\n\r\n\r\n  .back-to-top {\r\n\r\n      width: 35px;\r\n      height: 35px;\r\n\r\n      left: 11px;\r\n      bottom: 11px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n VERY SMALL\r\n===================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .footer-bottom-inner {\r\n\r\n      font-size: 8px;\r\n\r\n  }\r\n\r\n\r\n  .social-link {\r\n\r\n      width: 33px;\r\n      height: 33px;\r\n\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n  <title>\u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644<\/title>\r\n\r\n  <!-- Font Awesome -->\r\n  <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n  >\r\n\r\n  <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n<footer class=\"site-footer\">\r\n\r\n  <div class=\"footer-container\">\r\n\r\n      <div class=\"footer-column map-column\">\r\n\r\n          <h3 class=\"footer-title\">\r\n              <i class=\"fa-solid fa-location-dot\"><\/i>\r\n              \u0645\u0648\u0642\u0639\u0646\u0627\r\n          <\/h3>\r\n\r\n          <div class=\"map-box\">\r\n\r\n              <iframe\r\n                  src=\"https:\/\/www.google.com\/maps?q=\u06a9\u0645\u0627\u0644\u0634\u0647\u0631%20\u06a9\u0631\u062c&output=embed\"\r\n                  loading=\"lazy\"\r\n                  referrerpolicy=\"no-referrer-when-downgrade\">\r\n              <\/iframe>\r\n\r\n          <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"footer-column address-column\">\r\n\r\n          <h3 class=\"footer-title\">\r\n              <i class=\"fa-solid fa-building\"><\/i>\r\n              \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u0635\u0646\u0639\r\n          <\/h3>\r\n\r\n          <div class=\"address-box\">\r\n\r\n              <div class=\"address-icon\">\r\n                  <i class=\"fa-solid fa-location-crosshairs\"><\/i>\r\n              <\/div>\r\n\r\n              <p>\r\n                  \u0643\u0631\u062c\u060c \u0643\u0645\u0627\u0644\u0634\u0647\u0631\u060c \u0628\u062c\u0627\u0646\u0628 \u0645\u0631\u0643\u0632 \u0634\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642\u060c\r\n                  \u0634\u0627\u0631\u0639 \u0639\u0637\u0627\u060c \u0631\u0642\u0645 \u06f7\r\n                  <br>\r\n                  \u0648\u0631\u0634\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\r\n              <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"phone-list\">\r\n\r\n              <a\r\n                  href=\"tel:02634721245\"\r\n                  class=\"phone-item\">\r\n\r\n                  <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n                  <span>\r\n                      \u06f0\u06f2\u06f6-\u06f3\u06f4\u06f7\u06f2\u06f1\u06f2\u06f4\u06f5\r\n                  <\/span>\r\n\r\n              <\/a>\r\n\r\n              <a\r\n                  href=\"tel:09122050682\"\r\n                  class=\"phone-item\">\r\n\r\n                  <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n\r\n                  <span>\r\n                      \u06f0\u06f9\u06f1\u06f2\u06f2\u06f0\u06f5\u06f0\u06f6\u06f8\u06f2\r\n                  <\/span>\r\n\r\n              <\/a>\r\n\r\n              <a\r\n              href=\"tel:09122050682\"\r\n              class=\"phone-item\">\r\n\r\n              <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n\r\n              <span>\r\n                  \u06f0\u06f9\u06f1\u06f2\u06f6\u06f3\u06f0\u06f6\u06f1\u06f5\u06f0\r\n              <\/span>\r\n\r\n          <\/a>\r\n\r\n          <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"footer-column menu-column\">\r\n\r\n          <h3 class=\"footer-title\">\r\n              <i class=\"fa-solid fa-bars\"><\/i>\r\n              \u0627\u0644\u0642\u0627\u0626\u0645\u0629\r\n          <\/h3>\r\n\r\n          <nav class=\"footer-menu\">\r\n\r\n              <a\r\n                  href=\"https:\/\/berandil.ir\/ar\/\"\r\n                  class=\"menu-link\">\r\n\r\n                  <span>\r\n                      <i class=\"fa-solid fa-house\"><\/i>\r\n                      \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n                  <\/span>\r\n\r\n              <\/a>\r\n\r\n              <div class=\"menu-item has-submenu\">\r\n\r\n                  <button\r\n                      type=\"button\"\r\n                      class=\"submenu-toggle\"\r\n                      aria-expanded=\"false\">\r\n\r\n                      <span>\r\n                          <i class=\"fa-solid fa-box-open\"><\/i>\r\n                          \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n                      <\/span>\r\n\r\n                      <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n\r\n                  <\/button>\r\n\r\n                  <div class=\"submenu\">\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%8f%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%b2%d8%a8%d8%a7%d8%af%d9%8a-%d8%a7%d9%84%d9%85%d8%ae%d9%81%d9%88%d9%82\/\">\r\n                          \u0645\u062b\u0628\u062a \u0627\u0644\u0632\u0628\u0627\u062f\u064a \u0627\u0644\u0645\u062e\u0641\u0648\u0642\r\n                      <\/a>\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%8f%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d9%84%d8%a8%d9%86\/\">\r\n                          \u0645\u062b\u0628\u062a \u0627\u0644\u062f\u0648\u063a\r\n                      <\/a>\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ac%d8%a8%d9%86\/\">\r\n                          \u0645\u062b\u0628\u062a \u0627\u0644\u062c\u0628\u0646\r\n                      <\/a>\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d9%83%d8%b1%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%8a%d8%a7%d8%aa\/\">\r\n                          \u0645\u062b\u0628\u062a \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u062d\u0644\u0648\u064a\u0627\u062a\r\n                      <\/a>\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%8f%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%a2%d9%8a%d8%b3-%d9%83%d8%b1%d9%8a%d9%85\/\">\r\n                          \u0645\u062b\u0628\u062a \u0627\u0644\u0622\u064a\u0633 \u0643\u0631\u064a\u0645\r\n                      <\/a>\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d9%83%d8%b1%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%a5%d9%81%d8%b7%d8%a7%d8%b1\/\">\r\n                          \u0645\u062b\u0628\u062a \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u0625\u0641\u0637\u0627\u0631\r\n                      <\/a>\r\n\r\n                      <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ad%d9%84%d9%8a%d8%a8-%d8%a7%d9%84%d9%85%d9%86%d9%83%d9%91%d9%87\/\">\r\n                          \u0645\u062b\u0628\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n                      <\/a>\r\n\r\n                  <\/div>\r\n\r\n              <\/div>\r\n\r\n<div class=\"menu-item has-submenu\">\r\n\r\n  <button\r\n      type=\"button\"\r\n      class=\"submenu-toggle\"\r\n      aria-expanded=\"false\">\r\n\r\n      <span>\r\n          <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n          \u0639\u0645\u0644\u0627\u0621 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\r\n      <\/span>\r\n\r\n      <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n\r\n  <\/button>\r\n\r\n  <div class=\"submenu\">\r\n\r\n      <a href=\"https:\/\/berandil.ir\/%d9%85%d8%b4%d8%aa%d8%b1%db%8c%d8%a7%d9%86-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d8%a8%d8%b1%d9%86%d8%af%db%8c%d9%84\/\">\r\n          <i class=\"fa-solid fa-building\"><\/i>\r\n          \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u0644\u064a\u0648\u0646\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/berandil.ir\/%d9%85%d8%b4%d8%aa%d8%b1%db%8c%d8%a7%d9%86-%d8%a8%d8%b1%d9%86%d8%af%db%8c%d9%84\/\">\r\n          <i class=\"fa-solid fa-globe\"><\/i>\r\n          \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062f\u0648\u0644\u064a\u0648\u0646\r\n      <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa\/\" class=\"menu-link\">\r\n\r\n                  <span>\r\n                      <i class=\"fa-solid fa-newspaper\"><\/i>\r\n                      \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\r\n                  <\/span>\r\n\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d8%b9%d9%86-%d8%a8%d8%b1%d8%a7%d9%86%d8%af%d9%8a%d9%84\/\" class=\"menu-link\">\r\n\r\n                  <span>\r\n                      <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                      \u0639\u0646 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\r\n                  <\/span>\r\n\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9-%d8%a8%d8%b1%d9%86%d8%af%d9%8a%d9%84\/\" class=\"menu-link\">\r\n\r\n                  <span>\r\n                      <i class=\"fa-solid fa-envelope\"><\/i>\r\n                      \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n                  <\/span>\r\n\r\n              <\/a>\r\n\r\n          <\/nav>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"footer-column category-column\">\r\n\r\n          <h3 class=\"footer-title\">\r\n\r\n              <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n              \u0641\u0626\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0627\u062a\r\n\r\n          <\/h3>\r\n\r\n          <div class=\"category-list\">\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%8f%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%b2%d8%a8%d8%a7%d8%af%d9%8a-%d8%a7%d9%84%d9%85%d8%ae%d9%81%d9%88%d9%82\/\">\r\n                  \u0645\u062b\u0628\u062a \u0627\u0644\u0632\u0628\u0627\u062f\u064a \u0627\u0644\u0645\u062e\u0641\u0648\u0642\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%8f%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d9%84%d8%a8%d9%86\/\">\r\n                  \u0645\u062b\u0628\u062a \u0627\u0644\u062f\u0648\u063a\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ac%d8%a8%d9%86\/\">\r\n                  \u0645\u062b\u0628\u062a \u0627\u0644\u062c\u0628\u0646\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d9%83%d8%b1%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%8a%d8%a7%d8%aa\/\">\r\n                  \u0645\u062b\u0628\u062a \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u062d\u0644\u0648\u064a\u0627\u062a\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d9%8f%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%a2%d9%8a%d8%b3-%d9%83%d8%b1%d9%8a%d9%85\/\">\r\n                  \u0645\u062b\u0628\u062a \u0627\u0644\u0622\u064a\u0633 \u0643\u0631\u064a\u0645\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d9%83%d8%b1%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%a5%d9%81%d8%b7%d8%a7%d8%b1\/\">\r\n                  \u0645\u062b\u0628\u062a \u0643\u0631\u064a\u0645\u0629 \u0627\u0644\u0625\u0641\u0637\u0627\u0631\r\n              <\/a>\r\n\r\n              <a href=\"https:\/\/berandil.ir\/ar\/%d9%85%d8%ab%d8%a8%d9%91%d8%aa-%d8%a7%d9%84%d8%ad%d9%84%d9%8a%d8%a8-%d8%a7%d9%84%d9%85%d9%86%d9%83%d9%91%d9%87\/\">\r\n                  \u0645\u062b\u0628\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\r\n              <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n              href=\"https:\/\/berandil.ir\/ar\/product-category\/%d9%85%d8%ab%d8%a8%d8%aa%d8%a7%d8%aa-%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d9%84%d8%a8%d8%a7%d9%86\/\"\r\n              class=\"all-products\">\r\n\r\n              <span>\r\n                  \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062b\u0628\u062a\u0627\u062a\r\n              <\/span>\r\n\r\n              <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n\r\n          <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"footer-column brand-column\">\r\n\r\n          <div class=\"brand-image\">\r\n\r\n              <img decoding=\"async\"\r\n                  src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/08\/berandil-1.png\"\r\n                  alt=\"\u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\">\r\n\r\n          <\/div>\r\n\r\n          <p class=\"brand-description\">\r\n\r\n              \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u060c \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0625\u0646\u062a\u0627\u062c\r\n              \u0645\u062b\u0628\u062a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\r\n              \u0641\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0623\u0644\u0628\u0627\u0646.\r\n\r\n          <\/p>\r\n\r\n          <div class=\"social-section\">\r\n\r\n              <h4>\r\n                  \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\r\n              <\/h4>\r\n\r\n              <div class=\"social-links\">\r\n\r\n                  <a\r\n                      href=\"https:\/\/eitaa.com\/berandil_food_factory\" target=\"_blank\"\r\n                      class=\"social-link eitaa\"\r\n                      data-tooltip=\"\u0625\u064a\u062a\u0627\"\r\n                      aria-label=\"\u0625\u064a\u062a\u0627\">\r\n\r\n                      <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n\r\n                  <\/a>\r\n\r\n                  <a\r\n                      href=\"https:\/\/t.me\/berandil_food_factory\" target=\"_blank\"\r\n                      class=\"social-link telegram\"\r\n                      data-tooltip=\"\u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645\"\r\n                      aria-label=\"\u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645\">\r\n\r\n                      <i class=\"fa-brands fa-telegram\"><\/i>\r\n\r\n                  <\/a>\r\n\r\n                  <a\r\n                      href=\"https:\/\/rubika.ir\/berandil_food_factory\" target=\"_blank\"\r\n                      class=\"social-link rubika\"\r\n                      data-tooltip=\"\u0631\u0648\u0628\u064a\u0643\u0627\"\r\n                      aria-label=\"\u0631\u0648\u0628\u064a\u0643\u0627\">\r\n\r\n                      <i class=\"fa-solid fa-comment-dots\"><\/i>\r\n\r\n                  <\/a>\r\n\r\n                  <a\r\n                      href=\"https:\/\/ble.ir\/berandil_food_factory\" target=\"_blank\"\r\n                      class=\"social-link bale\"\r\n                      data-tooltip=\"\u0628\u0644\u0647\"\r\n                      aria-label=\"\u0628\u0644\u0647\">\r\n\r\n                      <i class=\"fa-solid fa-comments\"><\/i>\r\n\r\n                  <\/a>\r\n\r\n              <\/div>\r\n\r\n          <\/div>\r\n\r\n      <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n\r\n      <div class=\"footer-bottom-inner\">\r\n\r\n          <span class=\"copyright-text\">\r\n\r\n              \u00a9\r\n              <span id=\"currentYear\"><\/span>\r\n\r\n              \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u0644\u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644.\r\n\r\n          <\/span>\r\n\r\n      <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<button\r\n  type=\"button\"\r\n  id=\"backToTop\"\r\n  class=\"back-to-top\"\r\n  aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0623\u0639\u0644\u0649\">\r\n\r\n  <i class=\"fa-solid fa-arrow-up\"><\/i>\r\n\r\n<\/button>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\nconst currentYear =\r\n  document.getElementById(\"currentYear\");\r\n\r\nif (currentYear) {\r\n\r\n  currentYear.textContent =\r\n      new Date().getFullYear();\r\n\r\n}\r\n\r\nconst submenuParents =\r\n  document.querySelectorAll(\".has-submenu\");\r\n\r\nsubmenuParents.forEach(function (parent) {\r\n\r\n  const toggle =\r\n      parent.querySelector(\".submenu-toggle\");\r\n\r\n  if (!toggle) return;\r\n\r\n  toggle.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n\r\n          event.preventDefault();\r\n\r\n          const isOpen =\r\n              parent.classList.toggle(\"open\");\r\n\r\n          toggle.setAttribute(\r\n              \"aria-expanded\",\r\n              isOpen ? \"true\" : \"false\"\r\n          );\r\n\r\n      }\r\n  );\r\n\r\n});\r\n\r\ndocument.addEventListener(\r\n  \"click\",\r\n  function (event) {\r\n\r\n      submenuParents.forEach(function (parent) {\r\n\r\n          if (!parent.contains(event.target)) {\r\n\r\n              parent.classList.remove(\"open\");\r\n\r\n              const toggle =\r\n                  parent.querySelector(\".submenu-toggle\");\r\n\r\n              if (toggle) {\r\n\r\n                  toggle.setAttribute(\r\n                      \"aria-expanded\",\r\n                      \"false\"\r\n                  );\r\n\r\n              }\r\n\r\n          }\r\n\r\n      });\r\n\r\n  }\r\n);\r\n\r\nconst brandLogoInput =\r\n  document.getElementById(\r\n      \"brandLogoInput\"\r\n  );\r\n\r\nconst brandLogoPlaceholder =\r\n  document.getElementById(\r\n      \"brandLogoPlaceholder\"\r\n  );\r\n\r\nif (\r\n  brandLogoInput &&\r\n  brandLogoPlaceholder\r\n) {\r\n\r\n  brandLogoInput.addEventListener(\r\n      \"change\",\r\n      function (event) {\r\n\r\n          const file =\r\n              event.target.files[0];\r\n\r\n          if (!file) return;\r\n\r\n          if (!file.type.startsWith(\"image\/\")) {\r\n\r\n              alert(\r\n                  \"\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0644\u0641 \u0635\u0648\u0631\u0629.\"\r\n              );\r\n\r\n              brandLogoInput.value = \"\";\r\n\r\n              return;\r\n\r\n          }\r\n\r\n          const reader =\r\n              new FileReader();\r\n\r\n          reader.onload =\r\n              function (e) {\r\n\r\n                  brandLogoPlaceholder.innerHTML = \"\";\r\n\r\n                  const image =\r\n                      document.createElement(\"img\");\r\n\r\n                  image.src =\r\n                      e.target.result;\r\n\r\n                  image.alt =\r\n                      \"\u0634\u0639\u0627\u0631 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\";\r\n\r\n                  brandLogoPlaceholder.appendChild(\r\n                      image\r\n                  );\r\n\r\n              };\r\n\r\n          reader.readAsDataURL(file);\r\n\r\n      }\r\n  );\r\n\r\n}\r\n\r\nconst backToTop =\r\n  document.getElementById(\r\n      \"backToTop\"\r\n  );\r\n\r\nif (backToTop) {\r\n\r\n  window.addEventListener(\r\n      \"scroll\",\r\n      function () {\r\n\r\n          if (window.scrollY > 350) {\r\n\r\n              backToTop.classList.add(\"show\");\r\n\r\n          } else {\r\n\r\n              backToTop.classList.remove(\"show\");\r\n\r\n          }\r\n\r\n      }\r\n  );\r\n\r\n  backToTop.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n          window.scrollTo({\r\n\r\n              top: 0,\r\n\r\n              behavior: \"smooth\"\r\n\r\n          });\r\n\r\n      }\r\n  );\r\n\r\n}\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \/ \u062d\u0644\u0648\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0623\u0644\u0628\u0627\u0646 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u2726 \u0645\u0646\u062a\u062c \u0645\u062a\u062e\u0635\u0635 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644 \u0645\u062b\u0628\u0651\u062a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647 \u0645\u0646 \u0628\u0631\u0646\u062f\u064a\u0644 \u0647\u0648 \u062d\u0644 \u0645\u062a\u062e\u0635\u0635 \u0648\u0645\u062a\u0642\u062f\u0645 \u0644\u0625\u0646\u062a\u0627\u062c \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u0629 \u0628\u0642\u0648\u0627\u0645 \u0645\u062a\u062c\u0627\u0646\u0633 \u0648\u0645\u0633\u062a\u0642\u0631 \u0648\u062c\u0648\u062f\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629. \u0648\u0642\u062f \u062a\u0645 \u062a\u0637\u0648\u064a\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u062a\u0639\u0642\u064a\u062f \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0645\u0646\u0643\u0651\u0647\u060c \u0644\u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062c \u0648\u062a\u062b\u0628\u064a\u062a\u0647\u0627&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2261,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3236","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/pages\/3236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/comments?post=3236"}],"version-history":[{"count":2,"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/pages\/3236\/revisions"}],"predecessor-version":[{"id":3807,"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/pages\/3236\/revisions\/3807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/media\/2261"}],"wp:attachment":[{"href":"https:\/\/berandil.ir\/ar\/wp-json\/wp\/v2\/media?parent=3236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}