{"id":2835,"date":"2026-09-20T12:13:02","date_gmt":"2026-09-20T08:43:02","guid":{"rendered":"https:\/\/berandil.ir\/cheese-stabilizer\/"},"modified":"2026-09-25T09:59:58","modified_gmt":"2026-09-25T06:29:58","slug":"cheese-stabilizer","status":"publish","type":"page","link":"https:\/\/berandil.ir\/en\/cheese-stabilizer\/","title":{"rendered":"Cheese Stabilizer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2835\" class=\"elementor elementor-2835\" 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-47dd610d e-con e-atomic-element e-flexbox-base e-default-div e-47dd610d-08d8ee6 \" data-id=\"47dd610d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"47dd610d\" data-e-type=\"e-flexbox\" data-id=\"47dd610d\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-6f217f3f e-con e-atomic-element e-flexbox-base e-default-div e-6f217f3f-2d48b42 \" data-id=\"6f217f3f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f217f3f\" data-e-type=\"e-flexbox\" data-id=\"6f217f3f\">\n    \t\t<div class=\"elementor-element elementor-element-3a578dbd elementor-widget elementor-widget-html\" data-id=\"3a578dbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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\nfont-family:\"Shabnam\",\"IRANSans\",\"IRANSansX\",Tahoma,Arial,sans-serif;\r\ncolor:var(--bd-text);\r\nposition:relative;\r\noverflow:hidden;\r\nbackground:\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\npadding:80px 0 90px;\r\nisolation:isolate;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-container {\r\nwidth:min(1240px,calc(100% - 40px));\r\nmargin:0 auto;\r\nposition:relative;\r\nz-index:2;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero {\r\nposition:relative;\r\nmin-height:680px;\r\ndisplay:flex;\r\nalign-items:center;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-grid {\r\nwidth:100%;\r\ndisplay:grid;\r\ngrid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\r\ngap:70px;\r\nalign-items:center;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-content {\r\nposition:relative;\r\nz-index:5;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-brand-line {\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:9px;\r\nmargin-bottom:22px;\r\ncolor:var(--bd-muted);\r\nfont-size:14px;\r\nfont-weight:600;\r\nletter-spacing:.1px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-brand-dot {\r\nwidth:8px;\r\nheight:8px;\r\nborder-radius:50%;\r\nbackground:linear-gradient(135deg,var(--bd-orange),var(--bd-orange-light));\r\nbox-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\ncolor:rgba(255,255,255,.28);\r\nmargin:0 3px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-title {\r\nmargin:0;\r\nmax-width:720px;\r\ncolor:var(--bd-white);\r\nfont-size:clamp(48px,6vw,82px);\r\nline-height:1.02;\r\nfont-weight:900;\r\nletter-spacing:-2px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-title span {\r\ndisplay:block;\r\nmargin-top:8px;\r\nbackground:linear-gradient(90deg,#ffffff 0%,#c084fc 45%,#ff9a3d 100%);\r\n-webkit-background-clip:text;\r\nbackground-clip:text;\r\ncolor:transparent;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-tag {\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:8px;\r\nmargin-top:24px;\r\npadding:9px 15px;\r\nborder-radius:999px;\r\nborder:1px solid rgba(168,85,247,.28);\r\nbackground:rgba(124,58,237,.10);\r\ncolor:#e9d5ff;\r\nfont-size:13px;\r\nfont-weight:700;\r\nbox-shadow:inset 0 1px 0 rgba(255,255,255,.06);\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-tag-icon {\r\ncolor:var(--bd-orange);\r\nfont-size:15px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-description {\r\nmargin-top:26px;\r\nmax-width:760px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-description p {\r\nmargin:0 0 15px;\r\ncolor:var(--bd-muted);\r\nfont-size:15.5px;\r\nline-height:2.05;\r\ntext-align:justify;\r\ntext-justify:inter-word;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-description p:last-child {\r\nmargin-bottom:0;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-trust {\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:13px;\r\nmargin-top:27px;\r\nmax-width:580px;\r\npadding-top:20px;\r\nborder-top:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-trust-icon {\r\nflex:0 0 auto;\r\nwidth:35px;\r\nheight:35px;\r\ndisplay:grid;\r\nplace-items:center;\r\nborder-radius:50%;\r\ncolor:#fff;\r\nbackground:linear-gradient(135deg,var(--bd-orange),#ff9e42);\r\nbox-shadow:0 8px 22px rgba(255,122,24,.18);\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-trust strong {\r\ndisplay:block;\r\nmargin-bottom:4px;\r\ncolor:#fff;\r\nfont-size:13px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-trust span {\r\ndisplay:block;\r\ncolor:var(--bd-muted);\r\nfont-size:12px;\r\nline-height:1.8;\r\ntext-align:justify;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-hero-visual {\r\nmin-height:650px;\r\nposition:relative;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-visual-glow {\r\nposition:absolute;\r\nwidth:430px;\r\nheight:430px;\r\nborder-radius:50%;\r\nbackground:radial-gradient(circle,rgba(124,58,237,.28),rgba(124,58,237,.08) 45%,transparent 72%);\r\nfilter:blur(8px);\r\nanimation:bdGlow 5s ease-in-out infinite;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-ring {\r\nposition:absolute;\r\nborder-radius:50%;\r\nborder:1px solid rgba(168,85,247,.18);\r\npointer-events:none;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-ring-1 {\r\nwidth:490px;\r\nheight:490px;\r\nanimation:bdRingRotate 24s linear infinite;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-ring-2 {\r\nwidth:570px;\r\nheight:570px;\r\nborder-color:rgba(255,122,24,.09);\r\nanimation:bdRingRotateReverse 32s linear infinite;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-ring-3 {\r\nwidth:650px;\r\nheight:650px;\r\nborder-style:dashed;\r\nborder-color:rgba(255,255,255,.055);\r\nanimation:bdRingRotate 42s linear infinite;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-badge {\r\nposition:absolute;\r\ntop:5%;\r\nright:7%;\r\nz-index:5;\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:10px;\r\npadding:12px 15px;\r\nborder-radius:17px;\r\nborder:1px solid rgba(255,255,255,.13);\r\nbackground:rgba(18,8,31,.72);\r\nbackdrop-filter:blur(16px);\r\n-webkit-backdrop-filter:blur(16px);\r\nbox-shadow:0 18px 45px rgba(0,0,0,.22);\r\n}\r\n\r\n.bd-widget-01 .bd-badge-star {\r\nwidth:31px;\r\nheight:31px;\r\ndisplay:grid;\r\nplace-items:center;\r\nborder-radius:10px;\r\nbackground:rgba(255,122,24,.12);\r\ncolor:var(--bd-orange);\r\nfont-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\ndisplay:block;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-badge small {\r\ncolor:var(--bd-muted);\r\nfont-size:8px;\r\nletter-spacing:2px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-badge strong {\r\ncolor:#fff;\r\nfont-size:12px;\r\nletter-spacing:1px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-frame {\r\nposition:relative;\r\nz-index:3;\r\nwidth:min(380px,68%);\r\npadding:13px;\r\nborder-radius:34px;\r\nbackground:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.025));\r\nborder:1px solid rgba(255,255,255,.14);\r\nbox-shadow:0 35px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);\r\ntransform:rotate(-3deg);\r\ntransition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-frame:hover {\r\ntransform:rotate(0deg) translateY(-8px);\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-product-frame-inner {\r\nposition:relative;\r\noverflow:hidden;\r\nmin-height:510px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nborder-radius:25px;\r\nbackground: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\ndisplay:block;\r\nwidth:100%;\r\nheight:auto;\r\nmax-height:540px;\r\nobject-fit:contain;\r\nposition:relative;\r\nz-index:2;\r\nfilter:drop-shadow(0 30px 35px rgba(0,0,0,.38));\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-image-shine {\r\nposition:absolute;\r\ntop:-30%;\r\nleft:-70%;\r\nwidth:55%;\r\nheight:160%;\r\ntransform:rotate(20deg);\r\nbackground:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);\r\nanimation:bdShine 5s ease-in-out infinite;\r\npointer-events:none;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-floating-card {\r\nposition:absolute;\r\nz-index:6;\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:10px;\r\npadding:12px 14px;\r\nmin-width:185px;\r\nborder-radius:17px;\r\nborder:1px solid rgba(255,255,255,.13);\r\nbackground:rgba(19,9,31,.76);\r\nbackdrop-filter:blur(15px);\r\n-webkit-backdrop-filter:blur(15px);\r\nbox-shadow:0 20px 45px rgba(0,0,0,.25);\r\nanimation:bdFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.bd-widget-01 .bd-floating-card-1 {\r\nright:-2%;\r\nbottom:17%;\r\n}\r\n\r\n.bd-widget-01 .bd-floating-card-2 {\r\nleft:-4%;\r\nbottom:29%;\r\nanimation-delay:-2.2s;\r\n}\r\n\r\n.bd-widget-01 .bd-floating-icon {\r\nwidth:36px;\r\nheight:36px;\r\nflex:0 0 36px;\r\ndisplay:grid;\r\nplace-items:center;\r\nborder-radius:11px;\r\ncolor:#d8b4fe;\r\nbackground:rgba(124,58,237,.14);\r\nborder:1px solid rgba(168,85,247,.18);\r\n}\r\n\r\n.bd-widget-01 .bd-floating-icon-orange {\r\ncolor:var(--bd-orange);\r\nbackground:rgba(255,122,24,.10);\r\nborder-color:rgba(255,122,24,.17);\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-floating-card strong {\r\ndisplay:block;\r\ncolor:#fff;\r\nfont-size:12px;\r\nmargin-bottom:3px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-floating-card span {\r\ndisplay:block;\r\ncolor:var(--bd-muted);\r\nfont-size:10px;\r\n}\r\n\r\n.bd-widget-01 .bd-doogh-particle {\r\nposition:absolute;\r\nwidth:5px;\r\nheight:5px;\r\nborder-radius:50%;\r\nbackground:var(--bd-orange);\r\nbox-shadow:0 0 16px rgba(255,122,24,.55);\r\nanimation:bdParticle 5s ease-in-out infinite;\r\n}\r\n\r\n.bd-widget-01 .bd-particle-1 {\r\ntop:15%;\r\nleft:19%;\r\n}\r\n\r\n.bd-widget-01 .bd-particle-2 {\r\ntop:34%;\r\nright:12%;\r\nanimation-delay:-1s;\r\n}\r\n\r\n.bd-widget-01 .bd-particle-3 {\r\nbottom:18%;\r\nright:18%;\r\nanimation-delay:-2s;\r\n}\r\n\r\n.bd-widget-01 .bd-particle-4 {\r\nbottom:12%;\r\nleft:28%;\r\nanimation-delay:-3s;\r\n}\r\n\r\n.bd-widget-01 .bd-particle-5 {\r\ntop:24%;\r\nleft:8%;\r\nwidth:3px;\r\nheight:3px;\r\nbackground:var(--bd-purple-soft);\r\nanimation-delay:-1.5s;\r\n}\r\n\r\n.bd-widget-01 .bd-particle-6 {\r\ntop:65%;\r\nright:5%;\r\nwidth:3px;\r\nheight:3px;\r\nbackground:var(--bd-purple-soft);\r\nanimation-delay:-3.5s;\r\n}\r\n\r\n@keyframes bdGlow {\r\n0%,100% {\r\n  transform:scale(1);\r\n  opacity:.8;\r\n}\r\n50% {\r\n  transform:scale(1.08);\r\n  opacity:1;\r\n}\r\n}\r\n\r\n@keyframes bdRingRotate {\r\nfrom {\r\n  transform:rotate(0deg);\r\n}\r\nto {\r\n  transform:rotate(360deg);\r\n}\r\n}\r\n\r\n@keyframes bdRingRotateReverse {\r\nfrom {\r\n  transform:rotate(360deg);\r\n}\r\nto {\r\n  transform:rotate(0deg);\r\n}\r\n}\r\n\r\n@keyframes bdFloat {\r\n0%,100% {\r\n  transform:translateY(0);\r\n}\r\n50% {\r\n  transform:translateY(-9px);\r\n}\r\n}\r\n\r\n@keyframes bdParticle {\r\n0%,100% {\r\n  transform:translateY(0);\r\n  opacity:.45;\r\n}\r\n50% {\r\n  transform:translateY(-18px);\r\n  opacity:1;\r\n}\r\n}\r\n\r\n@keyframes bdShine {\r\n0% {\r\n  left:-70%;\r\n}\r\n45%,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\noutline:2px solid var(--bd-orange);\r\noutline-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>\u0631\u0627\u0647\u06a9\u0627\u0631 \u062a\u062e\u0635\u0635\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0644\u0628\u0646\u06cc<\/span>\r\n          <\/div>\r\n\r\n          <h1 class=\"bd-doogh-hero-title\">\r\n            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\r\n            <span>\u067e\u0646\u06cc\u0631<\/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\u062d\u0635\u0648\u0644 \u062a\u062e\u0635\u0635\u06cc \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\r\n            \r\n          <\/div>\r\n\r\n          <div class=\"bd-doogh-hero-description\">\r\n\r\n            <p>\r\n              \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u060c \u062a\u0631\u06a9\u06cc\u0628\u06cc \u062a\u062e\u0635\u0635\u06cc \u0648 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\r\n              \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0628\u0627 \u0628\u0627\u0641\u062a\u06cc \u0646\u0631\u0645\u060c \u06a9\u0631\u0645\u06cc\u060c \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u0633\u062a.\r\n              \u0627\u06cc\u0646 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u06cc \u062f\u0642\u06cc\u0642 \u0648\r\n              \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0648\r\n              \u0627\u0631\u062a\u0642\u0627\u06cc \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n            <\/p>\r\n\r\n            <p>\r\n              \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u0628\u0627 \u0647\u062f\u0641 \u0628\u0647\u0628\u0648\u062f\r\n              \u0642\u0648\u0627\u0645\u060c \u0627\u0641\u0632\u0627\u06cc\u0634 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0628\u0627\u0641\u062a \u0648 \u0627\u06cc\u062c\u0627\u062f \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0645\u0637\u0644\u0648\u0628 \u0637\u0631\u0627\u062d\u06cc\r\n              \u0634\u062f\u0647 \u0627\u0633\u062a. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u06cc\u0646 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0628\u0627 \u06a9\u0645\u06a9 \u0628\u0647\r\n              \u06a9\u0646\u062a\u0631\u0644 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u06cc\u0633\u062a\u0645\u060c \u0628\u0647 \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a\r\n              \u0638\u0627\u0647\u0631\u06cc\u060c \u0628\u0627\u0641\u062a\u06cc \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u062f\u0631 \u0637\u0648\u0644 \u062f\u0648\u0631\u0647 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n            <\/p>\r\n\r\n            <p>\r\n              \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u060c \u0631\u0627\u0647\u06a9\u0627\u0631\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc\r\n              \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\r\n              \u0628\u0627 \u0628\u0627\u0641\u062a\u06cc \u06a9\u0631\u0645\u06cc\u060c \u0642\u0648\u0627\u0645 \u0645\u0637\u0644\u0648\u0628 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0647\u0633\u062a\u0646\u062f. \u0637\u0631\u0627\u062d\u06cc\r\n              \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0627\u06cc\u0646 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u06cc\u0633\u062a\u0645\u060c\r\n              \u0628\u0647 \u062d\u0641\u0638 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0637\u0644\u0648\u0628 \u0645\u062d\u0635\u0648\u0644 \u062f\u0631 \u0637\u0648\u0644 \u062f\u0648\u0631\u0647 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n            <\/p>\r\n\r\n            <p>\r\n              \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646\u06cc\r\n              \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0645\u062d\u0635\u0648\u0644\u06cc \u0628\u0627 \u0628\u0627\u0641\u062a \u06a9\u0631\u0645\u06cc \u0645\u0645\u062a\u0627\u0632\u060c\r\n              \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0644\u0627\u060c \u0642\u0648\u0627\u0645 \u0645\u0637\u0644\u0648\u0628 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0647\u0633\u062a\u0646\u062f\u061b \u0631\u0627\u0647\u06a9\u0627\u0631\u06cc\r\n              \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\r\n              \u0648 \u06a9\u06cc\u0641\u06cc\u062a\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0631\u0642\u0627\u0628\u062a\u06cc \u062f\u0627\u062e\u0644\u06cc \u0648 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc.\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>\u0631\u0627\u0647\u06a9\u0627\u0631 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc<\/strong>\r\n\r\n              <span>\r\n                \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0628\u0627\u0641\u062a \u06a9\u0631\u0645\u06cc\u060c \u0642\u0648\u0627\u0645 \u0645\u0637\u0644\u0648\u0628 \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0645\u062d\u0635\u0648\u0644\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>CHEESE<\/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\/08\/\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u067e\u0646\u06cc\u0631-\u0628\u0631\u0646\u062f\u06cc\u0644.png\"\r\n                alt=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0628\u0631\u0646\u062f\u06cc\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\u0627\u0641\u062a \u06a9\u0631\u0645\u06cc \u0648 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a<\/strong>\r\n              <span>\u0628\u0647\u0628\u0648\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0642\u0648\u0627\u0645 \u0645\u062d\u0635\u0648\u0644<\/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>\u06a9\u0646\u062a\u0631\u0644 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc<\/strong>\r\n              <span>\u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u06cc\u0633\u062a\u0645<\/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-74508df9 elementor-widget elementor-widget-html\" data-id=\"74508df9\" 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 = \"\u062f\u0631 \u062d\u0627\u0644 \u0627\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                \"\u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\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                        \"\u0627\u0631\u0633\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0627 \u062e\u0637\u0627 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f.\"\r\n                    );\r\n                }\r\n    \r\n                if (result.success === false) {\r\n                    throw new Error(\r\n                        result.message ||\r\n                        \"\u0627\u0631\u0633\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0627 \u062e\u0637\u0627 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f.\"\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                    \"\u062e\u0637\u0627\u06cc\u06cc \u062f\u0631 \u0627\u0631\u0633\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u062e \u062f\u0627\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.\",\r\n                    \"error\"\r\n                );\r\n    \r\n            } finally {\r\n    \r\n                setButtonLoading(\r\n                    submitButton,\r\n                    false,\r\n                    \"\u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\"\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                    \"\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0641\u0627\u0631\u0634 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0631\u0633\u0627\u0644 \u0634\u062f.\"\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                    \"\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0631\u0633\u0627\u0644 \u0634\u062f.\"\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       \u0641\u0642\u0637 \u0627\u0633\u062a\u0627\u06cc\u0644 \u2014 \u0633\u0627\u062e\u062a\u0627\u0631 HTML \/ ID \/ JS \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\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       THEME VARIABLES\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       ACTION BUTTONS\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       MAIN BUTTON\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       BUTTON LIGHT EFFECT\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       ORDER BUTTON\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       CONSULTATION BUTTON\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       ICON\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       TEXT\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       HOVER\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       FOCUS\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       POPUP\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       OVERLAY\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       MODAL\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       MODAL TOP GLOW\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       HEADER\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       ORDER HEADER\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       CONSULTATION HEADER\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       TITLE BOX\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       TITLE ICON\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       ORDER ICON\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       CONSULTATION ICON\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       HEADER TEXT\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       CLOSE\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       BODY\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       FORM\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       FIELD\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       FULL FIELD\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       LABEL\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       PLACEHOLDER\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       SELECT OPTION\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       FOCUS - ORDER\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       FOCUS - CONSULTATION\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       QUANTITY\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       STATUS\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       SUCCESS\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       ERROR\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       SUBMIT\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       ORDER SUBMIT\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       CONSULTATION SUBMIT\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       SUBMIT HOVER\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       DISABLED\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       LOADING\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       MODAL ANIMATION\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       BODY LOCK\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       TABLET\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       MOBILE\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       VERY SMALL MOBILE\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       REDUCED MOTION\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 - BUTTON SECTION BACKGROUND\r\n       \u0641\u0642\u0637 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u067e\u0634\u062a \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\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    \/* \u0644\u0627\u06cc\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0638\u0631\u06cc\u0641 \u0646\u0648\u0631 \u0631\u0648\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\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    \/* \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0627\u0641\u06a9\u062a \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0627\u0634\u0646\u062f *\/\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    \/* \u0645\u0648\u0628\u0627\u06cc\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    <!-- =========================================================\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                \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\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                \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\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                            \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\r\n                        <\/h2>\r\n    \r\n                        <p>\r\n                            \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0633\u0641\u0627\u0631\u0634 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\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=\"\u0628\u0633\u062a\u0646\">\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 \u0645\u062d\u0635\u0648\u0644\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\u0646\u062a\u062e\u0627\u0628 \u0645\u062d\u0635\u0648\u0644\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\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u0627\u0633\u062a \u0647\u0645\u0632\u062f\u0647 \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                                \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \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                                \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0635\u0628\u062d\u0627\u0646\u0647 \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                                \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0642\u0646\u0627\u062f\u06cc \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\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \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\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0633\u062a\u0646\u06cc \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\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0634\u06cc\u0631 \u0637\u0639\u0645\u200c\u062f\u0627\u0631 \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                            \u0645\u0642\u062f\u0627\u0631 \u0633\u0641\u0627\u0631\u0634\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                                \u06a9\u06cc\u0644\u0648\u06af\u0631\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                            \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\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=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\"\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                            \u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \/ \u0645\u062c\u0645\u0648\u0639\u0647\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=\"\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \u06cc\u0627 \u0645\u062c\u0645\u0648\u0639\u0647\">\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                            \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\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\u06cc\u0645\u06cc\u0644\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\u0648\u0636\u06cc\u062d\u0627\u062a \u0633\u0641\u0627\u0631\u0634\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=\"\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06cc\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062e\u0627\u0635 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f...\"><\/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                            \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\r\n                        <\/span>\r\n    \r\n                        <span class=\"br-loading\">\r\n                            \u062f\u0631 \u062d\u0627\u0644 \u0627\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                    \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\r\n                <\/h2>\r\n\r\n                <p>\r\n                    \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0647\u0633\u062a\u0646\u062f\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=\"\u0628\u0633\u062a\u0646\">\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                    \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\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=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\"\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                    \u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \/ \u0645\u062c\u0645\u0648\u0639\u0647\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=\"\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \u06cc\u0627 \u0645\u062c\u0645\u0648\u0639\u0647\">\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                    \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\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\u06cc\u0645\u06cc\u0644\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                    \u0632\u0645\u06cc\u0646\u0647 \u0645\u0634\u0627\u0648\u0631\u0647\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\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\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\u0646\u062a\u062e\u0627\u0628 \u0645\u062d\u0635\u0648\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                        \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u062a\u0648\u0644\u06cc\u062f\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                        \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u062a\u0648\u0644\u06cc\u062f\">\r\n                        \u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u062a\u0648\u0644\u06cc\u062f\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                        \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0631\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f\">\r\n                        \u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f\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                    \u0645\u062d\u0635\u0648\u0644 \u0645\u0648\u0631\u062f \u0646\u0638\u0631\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\u0646\u062a\u062e\u0627\u0628 \u0645\u062d\u0635\u0648\u0644\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\u0627\u0633\u062a \u0647\u0645\u0632\u062f\u0647\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                        \u062e\u0627\u0645\u0647 \u0635\u0628\u062d\u0627\u0646\u0647\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                        \u062e\u0627\u0645\u0647 \u0642\u0646\u0627\u062f\u06cc\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                        \u067e\u0646\u06cc\u0631\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                        \u0628\u0633\u062a\u0646\u06cc\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                        \u0634\u06cc\u0631 \u0637\u0639\u0645\u200c\u062f\u0627\u0631\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0633\u0627\u06cc\u0631\">\r\n                        \u0633\u0627\u06cc\u0631\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                    \u0631\u0648\u0634 \u062a\u0631\u062c\u06cc\u062d\u06cc \u062a\u0645\u0627\u0633\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\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\r\n                    <\/option>\r\n\r\n                    <option value=\"\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc\">\r\n                        \u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\r\n                        \u0648\u0627\u062a\u0633\u0627\u067e\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0628\u0644\u0647\">\r\n                        \u0628\u0644\u0647\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0627\u06cc\u0645\u06cc\u0644\">\r\n                        \u0627\u06cc\u0645\u06cc\u0644\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                    \u0632\u0645\u0627\u0646 \u0645\u0646\u0627\u0633\u0628 \u062a\u0645\u0627\u0633\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\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0635\u0628\u062d\">\r\n                        \u0635\u0628\u062d\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0638\u0647\u0631\">\r\n                        \u0638\u0647\u0631\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0639\u0635\u0631\">\r\n                        \u0639\u0635\u0631\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0641\u0631\u0642\u06cc \u0646\u062f\u0627\u0631\u062f\">\r\n                        \u0641\u0631\u0642\u06cc \u0646\u062f\u0627\u0631\u062f\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                    \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0648 \u0634\u0631\u062d \u062f\u0631\u062e\u0648\u0627\u0633\u062a\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=\"\u0644\u0637\u0641\u0627\u064b \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06cc\u0627 \u0645\u0634\u06a9\u0644 \u062e\u0648\u062f \u0631\u0627 \u062a\u0648\u0636\u06cc\u062d \u062f\u0647\u06cc\u062f...\"><\/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                    \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\r\n                <\/span>\r\n\r\n                <span class=\"br-loading\">\r\n                    \u062f\u0631 \u062d\u0627\u0644 \u0627\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           GET VALUES\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                \"\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0642\u0627\u0628\u0644 \u067e\u0631\u062f\u0627\u0632\u0634 \u0646\u06cc\u0633\u062a.\",\r\n                \"error\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------\r\n           PRODUCT\r\n           ----------------------------------------- *\/\r\n\r\n        if (!product) {\r\n\r\n            showStatus(\r\n                orderStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.\",\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           QUANTITY\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                \"\u0644\u0637\u0641\u0627\u064b \u0645\u0642\u062f\u0627\u0631 \u0633\u0641\u0627\u0631\u0634 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           NAME\r\n           ----------------------------------------- *\/\r\n\r\n        if (!name) {\r\n\r\n            showStatus(\r\n                orderStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           PHONE\r\n           ----------------------------------------- *\/\r\n\r\n        if (!phone) {\r\n\r\n            showStatus(\r\n                orderStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           EMAIL\r\n           ----------------------------------------- *\/\r\n\r\n        if (!validEmail(email)) {\r\n\r\n            showStatus(\r\n                orderStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0645\u0639\u062a\u0628\u0631 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           LOADING\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           DATA\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           SEND ORDER\r\n           IMPORTANT:\r\n           \u0627\u06cc\u0646 \u0647\u0645\u0627\u0646 endpoint \u0633\u0641\u0627\u0631\u0634 \u0627\u0633\u062a\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               SUCCESS\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                    \"\u0627\u0631\u0633\u0627\u0644 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u0646\u062f \u06af\u0631\u0641\u062a.\",\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                    \"\u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0627 \u062e\u0637\u0627 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.\",\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                \"\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.\",\r\n\r\n                \"error\"\r\n\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------\r\n           STOP LOADING\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   CONSULTATION FORM\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           GET VALUES\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                \"\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0642\u0627\u0628\u0644 \u067e\u0631\u062f\u0627\u0632\u0634 \u0646\u06cc\u0633\u062a.\",\r\n                \"error\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------\r\n           NAME\r\n           ----------------------------------------- *\/\r\n\r\n        if (!name) {\r\n\r\n            showStatus(\r\n                consultationStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           PHONE\r\n           ----------------------------------------- *\/\r\n\r\n        if (!phone) {\r\n\r\n            showStatus(\r\n                consultationStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           TOPIC\r\n           ----------------------------------------- *\/\r\n\r\n        if (!topic) {\r\n\r\n            showStatus(\r\n                consultationStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u0632\u0645\u06cc\u0646\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.\",\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           EMAIL\r\n           ----------------------------------------- *\/\r\n\r\n        if (!validEmail(email)) {\r\n\r\n            showStatus(\r\n                consultationStatus,\r\n                \"\u0644\u0637\u0641\u0627\u064b \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0645\u0639\u062a\u0628\u0631 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\",\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           LOADING\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           DATA\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           SEND CONSULTATION\r\n           IMPORTANT:\r\n           \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\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               SUCCESS\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                    \"\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u062f\u0631 \u0627\u0648\u0644\u06cc\u0646 \u0641\u0631\u0635\u062a \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u0646\u062f \u06af\u0631\u0641\u062a.\",\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                    \"\u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0627 \u062e\u0637\u0627 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.\",\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                \"\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.\",\r\n\r\n                \"error\"\r\n\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------\r\n           STOP LOADING\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-565b14b elementor-widget elementor-widget-html\" data-id=\"565b14b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WIDGET 02 \u2014 TRUST \/ SERVICE BENEFITS\r\n     \u0686\u0647\u0627\u0631 \u06a9\u0627\u0631\u062a \u062e\u062f\u0645\u0627\u062a\u06cc\r\n     \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc 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\u0650\u0631\u064e\u0646\u062f\u06cc\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\u0647\u200c\u0627\u06cc \u0645\u0637\u0645\u0626\u0646 \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u062d\u0635\u0648\u0644\r\n        <\/h2>\r\n  \r\n        <p>\r\n          \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0644\u0628\u0646\u06cc\u060c \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u062f\r\n          \u0641\u0631\u0622\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f \u0631\u0627 \u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u0645\u0637\u0645\u0626\u0646\u060c \u06a9\u06cc\u0641\u06cc\u062a \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\r\n          \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u062f\u0647 \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u06a9\u0646\u062f.\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\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\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\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u0627\u0631\u0633\u0627\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631 \u0628\u0627 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc\r\n              \u062a\u062d\u0648\u06cc\u0644 \u0645\u0637\u0645\u0626\u0646 \u0648 \u0633\u0631\u06cc\u0639 \u0633\u0641\u0627\u0631\u0634\u200c\u0647\u0627.\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\u062a \u06a9\u06cc\u0641\u06cc\u062a\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\u062a \u06a9\u06cc\u0641\u06cc\u062a\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u062a\u0646\u0627\u0633\u0628\r\n              \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0635\u0646\u0627\u06cc\u0639 \u0644\u0628\u0646\u06cc.\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 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u062e\u0635\u0635\u06cc\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              \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u062e\u0635\u0635\u06cc\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u067e\u06cc\u0634 \u0627\u0632 \u062e\u0631\u06cc\u062f \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062d\u0635\u0648\u0644\r\n              \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u0648 \u0646\u06cc\u0627\u0632 \u0641\u0646\u06cc \u0634\u0645\u0627.\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\u0647 \u062e\u0631\u06cc\u062f \u0645\u0637\u0645\u0626\u0646\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\u0647 \u062e\u0631\u06cc\u062f \u0645\u0637\u0645\u0626\u0646\r\n            <\/h3>\r\n  \r\n            <p>\r\n              \u0641\u0631\u0622\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f \u0634\u0641\u0627\u0641 \u0648 \u0645\u0637\u0645\u0626\u0646 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0633\u0641\u0627\u0631\u0634 \u062e\u0648\u062f \u0631\u0627\r\n              \u0628\u0627 \u0622\u0633\u0648\u062f\u06af\u06cc \u0648 \u0628\u062f\u0648\u0646 \u062f\u063a\u062f\u063a\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.\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>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e333dea elementor-widget elementor-widget-html\" data-id=\"7e333dea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BERANDIL \u2014 CHEESE STABILIZER TABLE\r\n   SAME STRUCTURE & STYLE AS DOOGH TABLE\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table-section {\r\n    direction: rtl;\r\n    width: 100%;\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    padding: 50px 20px;\r\n    margin: 0;\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   Glow \u0647\u0627\u06cc \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table-section::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.bd-doogh-table-section::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   \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 94%;\r\n    max-width: 1150px;\r\n\r\n    margin: 0 auto;\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: 28px;\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    overflow: hidden;\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0647\u062f\u0631\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table-title {\r\n    position: relative;\r\n\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-bottom:\r\n        1px solid rgba(255,255,255,.10);\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\/* \u062e\u0637 \u0631\u0646\u06af\u06cc \u0632\u06cc\u0631 \u0639\u0646\u0648\u0627\u0646 *\/\r\n\r\n.bd-doogh-table-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   Table Wrapper\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table-scroll {\r\n    width: 100%;\r\n\r\n    overflow-x: auto;\r\n\r\n    background:\r\n        rgba(10,5,20,.38);\r\n\r\n    scrollbar-width: thin;\r\n\r\n    scrollbar-color:\r\n        #7c3aed\r\n        rgba(255,255,255,.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u062c\u062f\u0648\u0644\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table {\r\n    width: 100%;\r\n\r\n    min-width: 760px;\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    background:\r\n        #12081f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Header \u062c\u062f\u0648\u0644\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-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\/* \u0646\u0648\u0627\u0631 \u0646\u0627\u0631\u0646\u062c\u06cc \u0628\u0627\u0644\u0627\u06cc Header *\/\r\n\r\n.bd-doogh-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\/* Hover Header *\/\r\n\r\n.bd-doogh-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   \u0633\u0644\u0648\u0644\u200c\u0647\u0627\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-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\/* Hover Row *\/\r\n\r\n.bd-doogh-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   \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table .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   \u06a9\u062f\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table .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: Arial, 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   \u062f\u0648\u0632\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table .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: Arial, 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   \u062e\u0635\u0648\u0635\u06cc\u0627\u062a\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table .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\/* \u0644\u06cc\u0633\u062a *\/\r\n\r\n.bd-doogh-table .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\/* \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 *\/\r\n\r\n.bd-doogh-table .stab-features li {\r\n    margin: 2px 0;\r\n\r\n    padding: 0;\r\n}\r\n\r\n\r\n\/* Bullet \u0646\u0627\u0631\u0646\u062c\u06cc *\/\r\n\r\n.bd-doogh-table .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.bd-doogh-table-bottom {\r\n    width: 100%;\r\n\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\r\n\r\n\/* =========================================================\r\n   \u062a\u0648\u0636\u06cc\u062d \u067e\u0627\u06cc\u06cc\u0646\r\n   ========================================================= *\/\r\n\r\n.bd-doogh-table-note {\r\n    padding: 14px 20px;\r\n\r\n    color: #c9bddb;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.8;\r\n\r\n    text-align: justify;\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\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    .bd-doogh-table-section {\r\n        padding: 35px 12px;\r\n    }\r\n\r\n    .bd-doogh-table-container {\r\n        width: 96%;\r\n    }\r\n\r\n    .bd-doogh-table-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .bd-doogh-table th {\r\n        font-size: 13px;\r\n        padding: 10px 5px;\r\n    }\r\n\r\n    .bd-doogh-table td {\r\n        padding: 8px 5px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-type {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-code {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-dose {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-features {\r\n        font-size: 10px;\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    .bd-doogh-table-section {\r\n        padding: 24px 5px;\r\n    }\r\n\r\n    .bd-doogh-table-container {\r\n        width: 100%;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .bd-doogh-table-title {\r\n        padding: 15px 8px;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    .bd-doogh-table-title::after {\r\n        width: 65px;\r\n        height: 2px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .bd-doogh-table {\r\n        min-width: 610px;\r\n\r\n        border-spacing: 1px;\r\n    }\r\n\r\n    .bd-doogh-table th {\r\n        font-size: 9px;\r\n\r\n        padding: 7px 3px;\r\n    }\r\n\r\n    .bd-doogh-table td {\r\n        padding: 6px 3px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-type {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-code {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-dose {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-features {\r\n        font-size: 7.5px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .bd-doogh-table .stab-features ul {\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .bd-doogh-table-note {\r\n        padding: 10px 12px;\r\n\r\n        font-size: 9px;\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    .bd-doogh-table-section {\r\n        padding: 18px 3px;\r\n    }\r\n\r\n    .bd-doogh-table-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .bd-doogh-table {\r\n        min-width: 570px;\r\n    }\r\n\r\n    .bd-doogh-table th {\r\n        font-size: 8px;\r\n        padding: 6px 2px;\r\n    }\r\n\r\n    .bd-doogh-table td {\r\n        padding: 5px 2px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-type {\r\n        font-size: 8.5px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-code {\r\n        font-size: 7.5px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-dose {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .bd-doogh-table .stab-features {\r\n        font-size: 7px;\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-doogh-table *,\r\n    .bd-doogh-table *::before,\r\n    .bd-doogh-table *::after {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"bd-doogh-table-section\">\r\n\r\n    <div class=\"bd-doogh-table-container\">\r\n\r\n        <!-- \u0639\u0646\u0648\u0627\u0646 -->\r\n        <div class=\"bd-doogh-table-title\">\r\n            \u062c\u062f\u0648\u0644 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n        <\/div>\r\n\r\n\r\n        <!-- \u062c\u062f\u0648\u0644 -->\r\n        <div class=\"bd-doogh-table-scroll\">\r\n\r\n            <table class=\"bd-doogh-table\">\r\n\r\n                <thead>\r\n\r\n                    <tr>\r\n\r\n                        <th style=\"width:25%;\">\r\n                            \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\r\n                        <\/th>\r\n\r\n                        <th style=\"width:15%;\">\r\n                            \u06a9\u062f\r\n                        <\/th>\r\n\r\n                        <th style=\"width:15%;\">\r\n                            \u062f\u0648\u0632 \u0645\u0635\u0631\u0641\r\n                        <\/th>\r\n\r\n                        <th style=\"width:45%;\">\r\n                            \u062e\u0635\u0648\u0635\u06cc\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\r\n                    <!-- BCC - 001 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BCC - 001\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.25%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    \u0627\u06cc\u062c\u0627\u062f \u0628\u0627\u0641\u062a \u0646\u0631\u0645\u060c \u0644\u0637\u06cc\u0641 \u0648 \u06a9\u0631\u0645\u06cc \u0628\u0627 \u0642\u0648\u0627\u0645 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0627\u0645\u0648\u0644\u0633\u06cc\u0648\u0646 \u0648 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062c\u062f\u0627\u0634\u062f\u0646 \u0622\u0628 \u0648 \u0686\u0631\u0628\u06cc\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0628\u0647\u0628\u0648\u062f \u0642\u0627\u0628\u0644\u06cc\u062a \u067e\u062e\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u062d\u0641\u0638 \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0646\u06cc\u0631 \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0628\u0647\u0628\u0648\u062f \u0627\u062d\u0633\u0627\u0633 \u062f\u0647\u0627\u0646\u06cc \u0648 \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u0627\u0641\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0641\u062a\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BCC - 002 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            \u067e\u0646\u06cc\u0631 \u0642\u0627\u0644\u0628\u06cc\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BCC - 002\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.2%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    \u0627\u06cc\u062c\u0627\u062f \u0628\u0627\u0641\u062a \u0645\u0646\u0633\u062c\u0645 \u0648 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0628\u0627 \u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u0645\u0646\u0627\u0633\u0628\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0628\u0647\u0628\u0648\u062f \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u062d\u0641\u0638 \u0634\u06a9\u0644 \u067e\u0646\u06cc\u0631 \u067e\u0633 \u0627\u0632 \u0628\u0631\u0634\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u06a9\u0645\u06a9 \u0628\u0647 \u062d\u0641\u0638 \u0631\u0637\u0648\u0628\u062a \u0645\u062a\u0639\u0627\u062f\u0644 \u062f\u0631 \u0628\u0627\u0641\u062a\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0646\u06cc\u0631 \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BCC - 003 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            \u067e\u0646\u06cc\u0631 \u0644\u0627\u06a9\u062a\u06cc\u06a9\u06cc\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BCC - 003\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.2%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    \u0627\u06cc\u062c\u0627\u062f \u0628\u0627\u0641\u062a \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u0645\u0646\u0633\u062c\u0645 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0646\u06cc\u0631 \u0644\u0627\u06a9\u062a\u06cc\u06a9\u06cc\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u06a9\u0645\u06a9 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u062d\u0641\u0638 \u0631\u0637\u0648\u0628\u062a \u0645\u0646\u0627\u0633\u0628 \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0628\u0647\u0628\u0648\u062f \u0642\u0648\u0627\u0645\u060c \u0627\u0646\u0633\u062c\u0627\u0645 \u0628\u0627\u0641\u062a \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc \u0645\u062d\u0635\u0648\u0644\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0641\u062a \u0648 \u06a9\u0627\u0647\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0646\u0627\u0645\u0637\u0644\u0648\u0628 \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BCC - 004 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BCC - 004\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.2%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    \u0627\u06cc\u062c\u0627\u062f \u0628\u0627\u0641\u062a \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u060c \u06a9\u0631\u0645\u06cc \u0648 \u0642\u0627\u0628\u0644\u200c\u06a9\u0646\u062a\u0631\u0644 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631\u062f \u0645\u062d\u0635\u0648\u0644\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0628\u0647\u0628\u0648\u062f \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0627\u0645\u0648\u0644\u0633\u06cc\u0648\u0646 \u0648 \u06a9\u0645\u06a9 \u0628\u0647 \u062a\u0648\u0632\u06cc\u0639 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0686\u0631\u0628\u06cc \u0648 \u0622\u0628\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u0627\u0641\u0632\u0627\u06cc\u0634 \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634\u060c \u0630\u0648\u0628 \u0648 \u067e\u062e\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc \u0628\u0627 \u062d\u0641\u0638 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0637\u0644\u0648\u0628\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    \u06a9\u0627\u0647\u0634 \u062c\u062f\u0627\u0634\u062f\u06af\u06cc \u0641\u0627\u0632\u0647\u0627 \u0648 \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0641\u062a \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                <\/tbody>\r\n\r\n            <\/table>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0646\u0648\u0627\u0631 \u067e\u0627\u06cc\u06cc\u0646 -->\r\n        <div class=\"bd-doogh-table-bottom\"><\/div>\r\n\r\n\r\n        <!-- \u062a\u0648\u0636\u06cc\u062d -->\r\n        <div class=\"bd-doogh-table-note\">\r\n            \u062f\u0648\u0632 \u0645\u0635\u0631\u0641 \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u062f \u0645\u062d\u0635\u0648\u0644 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u0648\u0639 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c\r\n            \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f\u0646\u0638\u0631 \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0634\u0648\u062f.\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71c7cef5 elementor-widget elementor-widget-html\" data-id=\"71c7cef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WIDGET 03 \u2014 CHEESE STABILIZER APPLICATION STEPS\r\n     \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f\r\n\r\n     8 \u0645\u0631\u062d\u0644\u0647\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    <!-- =====================================================\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        \u0641\u0631\u0622\u06cc\u0646\u062f \u06a9\u0627\u0631\u0628\u0631\u062f \u0645\u062d\u0635\u0648\u0644\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2 id=\"bd-widget-03-title\">\r\n\r\n        \u0645\u0631\u0627\u062d\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n        <span>\u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f<\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n\r\n        \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0633\u06cc\u0631 \u06a9\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062f\u0631\r\n        \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f\u061b \u0627\u0632 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0648 \u062a\u0648\u0632\u06cc\u0646 \u062f\u0642\u06cc\u0642 \u062a\u0627\r\n        \u0627\u062e\u062a\u0644\u0627\u0637\u060c \u06a9\u0646\u062a\u0631\u0644 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f\u060c \u0628\u0631\u0631\u0633\u06cc \u0628\u0627\u0641\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0648\r\n        \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u06a9\u06cc\u0641\u06cc\u062a \u067e\u0646\u06cc\u0631 \u0646\u0647\u0627\u06cc\u06cc.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\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      <!-- ===================================================\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\u06cc\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631\r\n\r\n        <\/div>\r\n\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      <!-- ===================================================\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              <!-- \u062a\u0635\u0648\u06cc\u0631 01 -->\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/1-4.png\"\r\n                alt=\"\u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u0628\u0627 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\"\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                \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633\r\n                \u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u060c \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n                \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0632\u0645\u06cc\u0646\u0647 \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u062e\u062a\u0644\u0627\u0637 \u0645\u0646\u0627\u0633\u0628 \u0648 \u0627\u06cc\u062c\u0627\u062f\r\n                \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u067e\u0646\u06cc\u0631 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_000000006bb481f4b3d6ad938256ce91.png\"\r\n                alt=\"\u062a\u0648\u0632\u06cc\u0646 \u062f\u0642\u06cc\u0642 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0645\u062d\u0635\u0648\u0644\"\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                \u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u062a\u0648\u0632\u06cc\u0646 \u062f\u0642\u06cc\u0642 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0645\u0642\u062f\u0627\u0631 \u0645\u0635\u0631\u0641 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\u060c\r\n                \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f\r\n                \u062a\u0639\u06cc\u06cc\u0646 \u0634\u062f\u0647 \u0648 \u0628\u0627 \u062f\u0642\u062a \u0645\u0646\u0627\u0633\u0628 \u062a\u0648\u0632\u06cc\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f\r\n                \u0633\u06cc\u0633\u062a\u0645 \u062a\u062b\u0628\u06cc\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \u0642\u0627\u0628\u0644 \u06a9\u0646\u062a\u0631\u0644 \u0628\u0627\u0634\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_00000000375881f994d1339a0eb2f767.png\"\r\n                alt=\"\u0627\u062e\u062a\u0644\u0627\u0637 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631\"\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                \u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0627\u062e\u062a\u0644\u0627\u0637 \u0627\u0648\u0644\u06cc\u0647\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u0645\u0646\u0627\u0633\u0628 \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0647 \u0648\r\n                \u0627\u062e\u062a\u0644\u0627\u0637 \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627 \u0647\u062f\u0641 \u062a\u0648\u0632\u06cc\u0639 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0627\u062c\u0632\u0627\u06cc \u062a\u062b\u0628\u06cc\u062a\u200c\u06a9\u0646\u0646\u062f\u0647\r\n                \u062f\u0631 \u0645\u062e\u0644\u0648\u0637 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0628\u0647 \u0634\u06a9\u0644\u200c\u06af\u06cc\u0631\u06cc \u0628\u0627\u0641\u062a\r\n                \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0646\u0627\u0633\u0628 \u0633\u06cc\u0633\u062a\u0645 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_00000000d65c81f482d3a66dcceb9593.png\"\r\n                alt=\"\u0647\u0645\u06af\u0646\u200c\u0633\u0627\u0632\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0648 \u062a\u0648\u0632\u06cc\u0639 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631\"\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                \u0645\u0631\u062d\u0644\u0647 \u0686\u0647\u0627\u0631\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0647\u0645\u06af\u0646\u200c\u0633\u0627\u0632\u06cc \u0633\u06cc\u0633\u062a\u0645\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u067e\u0633 \u0627\u0632 \u0627\u062e\u062a\u0644\u0627\u0637\u060c \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\r\n                \u06a9\u0647 \u0633\u06cc\u0633\u062a\u0645 \u062a\u062b\u0628\u06cc\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \u0628\u0647 \u0634\u06a9\u0644 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u062f\u0631 \u0645\u062d\u0635\u0648\u0644 \u062a\u0648\u0632\u06cc\u0639\r\n                \u0634\u062f\u0647 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u200c\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0642\u0648\u0627\u0645\u060c \u0627\u0646\u0633\u062c\u0627\u0645 \u0648\r\n                \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0641\u062a \u067e\u0646\u06cc\u0631 \u0634\u06a9\u0644 \u0628\u06af\u06cc\u0631\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_00000000cf3c822fbd415a661159c50b.png\"\r\n                alt=\"\u06a9\u0646\u062a\u0631\u0644 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\"\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                \u0645\u0631\u062d\u0644\u0647 \u067e\u0646\u062c\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u06a9\u0646\u062a\u0631\u0644 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0632 \u062c\u0645\u0644\u0647 \u0632\u0645\u0627\u0646\u060c \u062f\u0645\u0627\u060c \u0634\u062f\u062a \u0627\u062e\u062a\u0644\u0627\u0637 \u0648\r\n                \u0634\u0631\u0627\u06cc\u0637 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc\r\n                \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u062a\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0648 \u0634\u06a9\u0644\u200c\u06af\u06cc\u0631\u06cc\r\n                \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0637\u0644\u0648\u0628 \u0645\u062d\u0635\u0648\u0644 \u0628\u0627 \u062f\u0642\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_000000009c8c81f4af9153eeb16ad31b.png\"\r\n                alt=\"\u0628\u0631\u0631\u0633\u06cc \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645 \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u067e\u0646\u06cc\u0631 \u067e\u0633 \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\"\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                \u0645\u0631\u062d\u0644\u0647 \u0634\u0634\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0628\u0631\u0631\u0633\u06cc \u0628\u0627\u0641\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u062d\u0635\u0648\u0644\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u067e\u0646\u06cc\u0631\u060c \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645\u060c \u0645\u06cc\u0632\u0627\u0646\r\n                \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u062d\u0635\u0648\u0644 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f\r\n                \u0633\u06cc\u0633\u062a\u0645 \u062a\u062b\u0628\u06cc\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \u0648 \u062a\u0646\u0627\u0633\u0628 \u0622\u0646 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f\u0646\u0638\u0631\r\n                \u067e\u0646\u06cc\u0631 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0634\u0648\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_00000000a56081f4a8fc9ef06b90d4b7.png\"\r\n                alt=\"\u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u067e\u0646\u06cc\u0631 \u0627\u0632 \u0646\u0638\u0631 \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645 \u0648 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc\"\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                \u0645\u0631\u062d\u0644\u0647 \u0647\u0641\u062a\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0627\u0632 \u0646\u0638\u0631 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc\u060c \u0638\u0627\u0647\u0631\u060c \u0642\u0648\u0627\u0645\u060c \u0628\u0627\u0641\u062a\u060c\r\n                \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0648 \u0645\u06cc\u0632\u0627\u0646 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f\r\n                \u062a\u0627 \u067e\u0646\u06cc\u0631 \u062a\u0648\u0644\u06cc\u062f\u0634\u062f\u0647 \u0628\u0627 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f\r\n                \u0627\u0646\u062a\u0638\u0627\u0631 \u0645\u062d\u0635\u0648\u0644 \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\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\/08\/file_000000002aec81f5bda262c47abb61c7.png\"\r\n                alt=\"\u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u067e\u0646\u06cc\u0631 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\"\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                \u0645\u0631\u062d\u0644\u0647 \u0647\u0634\u062a\u0645\r\n              <\/span>\r\n\r\n              <h3>\r\n                \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc\r\n              <\/h3>\r\n\r\n              <p>\r\n                \u067e\u0633 \u0627\u0632 \u062a\u0623\u06cc\u06cc\u062f \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u062d\u0635\u0648\u0644\u060c \u067e\u0646\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0627\u062f\u0627\u0645\u0647 \u0641\u0631\u0622\u06cc\u0646\u062f\u060c\r\n                \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u060c \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u062a\u0648\u0632\u06cc\u0639 \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646\r\n                \u0645\u0631\u062d\u0644\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0645\u0648\u0631\u062f \u062a\u0648\u062c\u0647\r\n                \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.\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      <!-- ===================================================\r\n           NAVIGATION\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-navigation\">\r\n\r\n\r\n        <!-- Progress -->\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        <!-- Dots -->\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=\"\u0645\u0631\u062d\u0644\u0647 \u06f1\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"2\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f2\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"3\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f3\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"4\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f4\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"5\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f5\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"6\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f6\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"7\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f7\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"8\"\r\n            aria-label=\"\u0645\u0631\u062d\u0644\u0647 \u06f8\"\r\n          ><\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Arrows -->\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=\"\u0645\u0631\u062d\u0644\u0647 \u0642\u0628\u0644\u06cc\"\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=\"\u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u06cc\"\r\n          >\r\n            \u2190\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\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 03 \u2014 VARIABLES\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\/* =========================================================\r\n   BACKGROUND\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\/* =========================================================\r\n   CONTAINER\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\/* =========================================================\r\n   HEADER\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\/* =========================================================\r\n   SLIDER\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\/* =========================================================\r\n   TOP BAR\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\/* =========================================================\r\n   VIEWPORT\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\/* =========================================================\r\n   TRACK\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\/* =========================================================\r\n   SLIDE\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\/* =========================================================\r\n   IMAGE\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\/* Image Overlay *\/\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\/* Orange edge *\/\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\/* Step number *\/\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\/* =========================================================\r\n   CONTENT\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\/* Decorative line *\/\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\/* =========================================================\r\n   NAVIGATION\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\/* Progress *\/\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\/* =========================================================\r\n   DOTS\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\/* =========================================================\r\n   ARROWS\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\/* =========================================================\r\n   RESPONSIVE \u2014 1000\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\/* =========================================================\r\n   RESPONSIVE \u2014 750\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\/* =========================================================\r\n   RESPONSIVE \u2014 480\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\/* =========================================================\r\n   ACCESSIBILITY\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\/* =========================================================\r\n   REDUCED MOTION\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<script>\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =======================================================\r\n     FIND WIDGET\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  \/* =======================================================\r\n     UPDATE SLIDER\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    \/* Active slide *\/\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    \/* Current counter *\/\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    \/* Progress *\/\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 *\/\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  \/* =======================================================\r\n     NEXT\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  \/* =======================================================\r\n     PREVIOUS\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  \/* =======================================================\r\n     BUTTON EVENTS\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  \/* =======================================================\r\n     DOT EVENTS\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  \/* =======================================================\r\n     AUTOPLAY\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  \/* =======================================================\r\n     PAUSE ON HOVER\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  \/* =======================================================\r\n     TOUCH \/ SWIPE\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        \/*\r\n          \u0686\u0648\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 LTR \u062f\u0627\u062e\u0644\u06cc \u0627\u0633\u062a\u060c\r\n          Swipe \u0686\u067e = \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\r\n        *\/\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  \/* =======================================================\r\n     MOUSE DRAG\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  \/* =======================================================\r\n     KEYBOARD\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      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  \/* =======================================================\r\n     INITIALIZE\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<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a26d4d4 elementor-widget elementor-widget-html\" data-id=\"7a26d4d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WIDGET 04 \u2014 PRODUCT INFORMATION TABS\r\n     \u0645\u062d\u0635\u0648\u0644: \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n     \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc 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\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n            <\/span>\r\n      \r\n            <h2 class=\"bd-widget-04__title\">\r\n              \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n            <\/h2>\r\n      \r\n            <p class=\"bd-widget-04__subtitle\">\r\n              \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u062d\u0635\u0648\u0644\u060c \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc\u060c \u0645\u0632\u0627\u06cc\u0627\u060c \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627 \u0648 \u0646\u06a9\u0627\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\r\n              \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631\r\n              \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.\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\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\"\r\n            >\r\n      \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                  <!-- File 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>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u062d\u0635\u0648\u0644<\/span>\r\n              <\/button>\r\n      \r\n      \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                  <!-- Settings 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>\u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc<\/span>\r\n              <\/button>\r\n      \r\n      \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                  <!-- Sparkles 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>\u0645\u0632\u0627\u06cc\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f<\/span>\r\n              <\/button>\r\n      \r\n      \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                  <!-- Box 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>\u0645\u0648\u0627\u0631\u062f \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0645\u062d\u0635\u0648\u0644<\/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              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                      \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n                    <\/h3>\r\n                  <\/div>\r\n      \r\n                  <p>\r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\r\n                    \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645\u060c \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647\r\n                    \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\u060c \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f\r\n                    \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0637\u0644\u0648\u0628 \u0645\u062d\u0635\u0648\u0644 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647\r\n                    \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f.\r\n                  <\/p>\r\n      \r\n                  <p>\r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0631\u0646\u062f\u06cc\u0644 \u0628\u0627 \u0647\u062f\u0641 \u06a9\u0645\u06a9 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u060c\r\n                    \u0628\u0647\u0628\u0648\u062f \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0641\u062a\u060c \u0627\u0641\u0632\u0627\u06cc\u0634 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0631\u0641\u062a\u0627\u0631\r\n                    \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0645\u062d\u0635\u0648\u0644 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n                    \u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631 \u0627\u0632 \u062c\u0645\u0644\u0647\r\n                    \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\u060c \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633\u060c \u067e\u0646\u06cc\u0631 \u0642\u0627\u0644\u0628\u06cc \u0648 \u067e\u0646\u06cc\u0631 \u0644\u0627\u06a9\u062a\u06cc\u06a9\u06cc\u060c\r\n                    \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f.\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              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                      \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n                    <\/h3>\r\n                  <\/div>\r\n      \r\n                  <p>\r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631\r\n                    \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc \u0627\u0633\u062a. \u0639\u0645\u0644\u06a9\u0631\u062f\r\n                    \u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631\u060c\r\n                    \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0646\u0647\u0627\u06cc\u06cc\r\n                    \u0645\u062d\u0635\u0648\u0644 \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645 \u0648 \u0637\u0631\u0627\u062d\u06cc \u0627\u0633\u062a.\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 \u0645\u062d\u0635\u0648\u0644<\/span>\r\n                      <strong>\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062a\u062e\u0635\u0635\u06cc \u067e\u0646\u06cc\u0631<\/strong>\r\n                    <\/div>\r\n      \r\n                    <div class=\"bd-widget-04__spec-card\">\r\n                      <span>\u06a9\u0627\u0631\u0628\u0631\u062f<\/span>\r\n                      <strong>\u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc<\/strong>\r\n                    <\/div>\r\n      \r\n                    <div class=\"bd-widget-04__spec-card\">\r\n                      <span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0635\u0644\u06cc<\/span>\r\n                      <strong>\u0628\u0647\u0628\u0648\u062f \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645 \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u062d\u0635\u0648\u0644<\/strong>\r\n                    <\/div>\r\n      \r\n                    <div class=\"bd-widget-04__spec-card\">\r\n                      <span>\u0641\u0631\u0645 \u0645\u0635\u0631\u0641<\/span>\r\n                      <strong>\u0645\u0637\u0627\u0628\u0642 \u062f\u0633\u062a\u0648\u0631 \u0645\u0635\u0631\u0641 \u0648 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0645\u062d\u0635\u0648\u0644<\/strong>\r\n                    <\/div>\r\n      \r\n                    <div class=\"bd-widget-04__spec-card\">\r\n                      <span>\u0634\u0631\u0627\u06cc\u0637 \u0645\u0635\u0631\u0641<\/span>\r\n                      <strong>\u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f<\/strong>\r\n                    <\/div>\r\n      \r\n                    <div class=\"bd-widget-04__spec-card\">\r\n                      <span>\u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc<\/span>\r\n                      <strong>\u062a\u0648\u0644\u06cc\u062f \u0635\u0646\u0639\u062a\u06cc \u067e\u0646\u06cc\u0631 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc<\/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              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                      \u0645\u0632\u0627\u06cc\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n                    <\/h3>\r\n                  <\/div>\r\n      \r\n                  <p>\r\n                    \u06f1. \u0628\u0647\u0628\u0648\u062f Moisture Management \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 Water-Holding Capacity\r\n\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0627 \u06a9\u0646\u062a\u0631\u0644 \u062a\u0648\u0632\u06cc\u0639 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0628 \u062f\u0631 \u0645\u0627\u062a\u0631\u06cc\u0633 \u0645\u062d\u0635\u0648\u0644\u060c \u0628\u0647 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc Moisture Distribution \u06a9\u0645\u06a9 \u06a9\u0631\u062f\u0647 \u0648 \u0645\u06cc\u0632\u0627\u0646 Free Water Migration \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0627\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0646\u0642\u0634 \u0645\u0647\u0645\u06cc \u062f\u0631 \u06a9\u0646\u062a\u0631\u0644 Syneresis \u0648 \u062d\u0641\u0638 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631 \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a Cheese-Based \u062f\u0627\u0631\u062f.\r\n\r\n\u06f2. \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc Protein Matrix \u0648 Structural Integrity\r\n\u0628\u0627 \u062a\u0642\u0648\u06cc\u062a \u0648 \u06a9\u0646\u062a\u0631\u0644 \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u06cc\u0627\u0646 Protein\u2013Hydrocolloid Network\u060c \u0628\u0647 \u0627\u0641\u0632\u0627\u06cc\u0634 \u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc (Structural Integrity) \u0645\u062d\u0635\u0648\u0644 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u0646\u06cc\u0631\u06cc \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 Structural Breakdown\u060c \u062a\u063a\u06cc\u06cc\u0631 \u0634\u06a9\u0644 \u0648 \u0627\u0641\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0641\u062a\u06cc \u0631\u0627 \u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0628\u0647\u0628\u0648\u062f \u062f\u0647\u062f.\r\n\r\n\u06f3. \u06a9\u0646\u062a\u0631\u0644 Rheological Properties \u0648 \u0628\u0647\u0628\u0648\u062f Texture Profile\r\n\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645 Viscosity\u060c Yield Stress \u0648 Viscoelastic Behavior\u060c \u0627\u0645\u06a9\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 Rheological Profile \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0646\u062a\u06cc\u062c\u0647 \u0627\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u0627\u06cc\u062c\u0627\u062f \u0628\u0627\u0641\u062a\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u060c \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 Firm \u062a\u0627 Creamy \u0648 Spreadable\u060c \u0627\u0633\u062a.\r\n\r\n\u06f4. \u0627\u0641\u0632\u0627\u06cc\u0634 Emulsion Stability \u0648 \u06a9\u0646\u062a\u0631\u0644 Fat Separation\r\n\u062f\u0631 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0646\u06cc\u0631\u06cc \u062f\u0627\u0631\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0686\u0631\u0628\u06cc \u0648 \u067e\u0631\u0648\u062a\u0626\u06cc\u0646\u060c \u06a9\u0646\u062a\u0631\u0644 Fat\u2013Protein Interactions \u0627\u0647\u0645\u06cc\u062a \u0628\u0627\u0644\u0627\u06cc\u06cc \u062f\u0627\u0631\u062f. \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0627 \u0628\u0647\u0628\u0648\u062f Emulsion Stability \u0648 \u06a9\u0627\u0647\u0634 \u0627\u062d\u062a\u0645\u0627\u0644 Fat Coalescence \u0648 Oil Separation\u060c \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f Microstructure \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u200c\u062a\u0631 \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0645\u062d\u0635\u0648\u0644 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n\r\n\u06f5. \u0628\u0647\u0628\u0648\u062f Functional Performance \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 Processing Stability\r\n\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062a\u062b\u0628\u06cc\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062d\u0635\u0648\u0644 \u0631\u0627 \u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0645\u062e\u062a\u0644\u0641 Processing\u060c Heating\u060c Cooling \u0648 Storage \u0628\u0647\u0628\u0648\u062f \u062f\u0647\u062f. \u0627\u0641\u0632\u0627\u06cc\u0634 Processing Stability\u060c \u062d\u0641\u0638 Texture Consistency\u060c \u0628\u0647\u0628\u0648\u062f Sensory Attributes \u0648 \u0627\u06cc\u062c\u0627\u062f \u06a9\u06cc\u0641\u06cc\u062a \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u062f\u0631 \u0637\u0648\u0644 Shelf Life\u060c \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0631 \u0637\u06cc\u0641 \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 Cheese & Cheese-Derived Products \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f.\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 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              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                      \u0645\u0648\u0627\u0631\u062f \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n                    <\/h3>\r\n                  <\/div>\r\n      \r\n                  <p>\r\n                    \u0628\u0631\u0627\u06cc \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\u060c\r\n                    \u0645\u062d\u0635\u0648\u0644 \u0628\u0627\u06cc\u062f \u0645\u0637\u0627\u0628\u0642 \u0634\u0631\u0627\u06cc\u0637 \u062f\u0631\u062c\u200c\u0634\u062f\u0647 \u0631\u0648\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648\r\n                    \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0641\u0646\u06cc \u0633\u0627\u0632\u0646\u062f\u0647 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0634\u0648\u062f. \u0631\u0639\u0627\u06cc\u062a \u0634\u0631\u0627\u06cc\u0637 \u0645\u0646\u0627\u0633\u0628\r\n                    \u0627\u0646\u0628\u0627\u0631\u0634 \u0627\u0632 \u062c\u0645\u0644\u0647 \u0645\u062d\u0627\u0641\u0638\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0631\u0637\u0648\u0628\u062a\u060c \u0622\u0644\u0648\u062f\u06af\u06cc \u0648 \u0634\u0631\u0627\u06cc\u0637\r\n                    \u0646\u0627\u0645\u0646\u0627\u0633\u0628 \u0645\u062d\u06cc\u0637\u06cc\u060c \u062f\u0631 \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0627\u062f\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f.\r\n                  <\/p>\r\n      \r\n      \r\n                  <div class=\"bd-widget-04__storage-list\">\r\n      \r\n                    <div class=\"bd-widget-04__storage-item\">\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                        <strong>\u0645\u062d\u06cc\u0637 \u062e\u0634\u06a9<\/strong>\r\n                        <p>\r\n                          \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u062e\u0634\u06a9 \u0648 \u062f\u0648\u0631 \u0627\u0632 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645\r\n                          \u0628\u0627 \u0631\u0637\u0648\u0628\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0634\u0648\u062f.\r\n                        <\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n      \r\n      \r\n                    <div class=\"bd-widget-04__storage-item\">\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                        <strong>\u062f\u0648\u0631 \u0627\u0632 \u0634\u0631\u0627\u06cc\u0637 \u0646\u0627\u0645\u0646\u0627\u0633\u0628 \u0645\u062d\u06cc\u0637\u06cc<\/strong>\r\n                        <p>\r\n                          \u0627\u0632 \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062d\u0635\u0648\u0644 \u062f\u0631 \u0645\u0639\u0631\u0636 \u0634\u0631\u0627\u06cc\u0637 \u0645\u062d\u06cc\u0637\u06cc \u0646\u0627\u0645\u0646\u0627\u0633\u0628\r\n                          \u0648 \u0646\u0648\u0633\u0627\u0646\u0627\u062a \u0634\u062f\u06cc\u062f \u062f\u0645\u0627 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f.\r\n                        <\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n      \r\n      \r\n                    <div class=\"bd-widget-04__storage-item\">\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                        <strong>\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0646\u0627\u0633\u0628<\/strong>\r\n                        <p>\r\n                          \u067e\u0633 \u0627\u0632 \u0628\u0627\u0632 \u0634\u062f\u0646 \u0628\u0633\u062a\u0647\u060c \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0631\u0627 \u0628\u0647 \u0634\u06a9\u0644 \u0645\u0646\u0627\u0633\u0628\r\n                          \u0648 \u0645\u0637\u0627\u0628\u0642 \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0633\u0627\u0632\u0646\u062f\u0647 \u0645\u062d\u0627\u0641\u0638\u062a \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.\r\n                        <\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n      \r\n      \r\n                    <div class=\"bd-widget-04__storage-item\">\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                        <strong>\u0631\u0639\u0627\u06cc\u062a \u062a\u0627\u0631\u06cc\u062e \u0645\u0635\u0631\u0641<\/strong>\r\n                        <p>\r\n                          \u062a\u0627\u0631\u06cc\u062e \u062a\u0648\u0644\u06cc\u062f\u060c \u062a\u0627\u0631\u06cc\u062e \u0645\u0635\u0631\u0641 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u062f\u0631\u062c\u200c\u0634\u062f\u0647 \u0631\u0648\u06cc\r\n                          \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0631\u0627 \u0647\u0645\u0648\u0627\u0631\u0647 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.\r\n                        <\/p>\r\n                      <\/div>\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                      \u0634\u0631\u0627\u06cc\u0637 \u062f\u0642\u06cc\u0642 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u060c \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0648 \u0645\u06cc\u0632\u0627\u0646 \u0645\u0635\u0631\u0641 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n                      \u0628\u0627\u06cc\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0631\u062c\u200c\u0634\u062f\u0647 \u0631\u0648\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u0648\r\n                      \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0641\u0646\u06cc \u0633\u0627\u0632\u0646\u062f\u0647 \u0631\u0639\u0627\u06cc\u062a \u0634\u0648\u062f.\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      \r\n        width:100%;\r\n      \r\n        padding:\r\n          80px 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% 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      \r\n        align-items:center;\r\n        justify-content:center;\r\n      \r\n        padding:8px 16px;\r\n      \r\n        margin-bottom:16px;\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        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      \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      \r\n        line-height:1.35;\r\n      }\r\n      \r\n      .bd-widget-04__subtitle{\r\n        max-width:760px;\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;\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      \r\n        margin-bottom:20px;\r\n      \r\n        border:\r\n          1px solid var(--bd-border);\r\n      \r\n        border-radius:\r\n          24px;\r\n      \r\n        background:\r\n          rgba(255,255,255,.045);\r\n      \r\n        backdrop-filter:\r\n          blur(18px);\r\n      \r\n        -webkit-backdrop-filter:\r\n          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      \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      \r\n        font-size:15px;\r\n      \r\n        font-weight:800;\r\n      \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      \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      \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      \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      \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      \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      \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      \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      \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      \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      \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      \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          animation-duration:.01ms !important;\r\n          animation-iteration-count:1 !important;\r\n          transition-duration:.01ms !important;\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           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          widgets.forEach(function(widget){\r\n      \r\n            const tabs =\r\n              widget.querySelectorAll(\".bd-widget-04__tab\");\r\n      \r\n            const panels =\r\n              widget.querySelectorAll(\".bd-widget-04__panel\");\r\n      \r\n      \r\n            if(!tabs.length || !panels.length){\r\n              return;\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\") === 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              });\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                  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           ELEMENTOR \/ 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      \r\n      <\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1477c404 elementor-widget elementor-widget-html\" data-id=\"1477c404\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= \r\n     WIDGET FAQ \u2014 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \r\n     \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc Elementor HTML Widget \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              \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \r\n            <\/span> \r\n       \r\n            <h2 class=\"bd-faq-title\"> \r\n              \u067e\u0627\u0633\u062e \u0628\u0647 \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \r\n            <\/h2> \r\n       \r\n            <p class=\"bd-faq-subtitle\"> \r\n              \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634\u060c \u0628\u0647 \u0633\u0648\u0627\u0644\u0627\u062a \u067e\u0631\u062a\u06a9\u0631\u0627\u0631 \u0648 \u0641\u0646\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\u060c \r\n              \u06a9\u0627\u0631\u0628\u0631\u062f \u0622\u0646 \u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631\u060c \u06a9\u0646\u062a\u0631\u0644 \u0628\u0627\u0641\u062a \u0648 \u0642\u0648\u0627\u0645\u060c \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u060c \r\n              \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0627\u0645\u0648\u0644\u0633\u06cc\u0648\u0646 \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631 \u067e\u0627\u0633\u062e \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u0645. \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                  \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0686\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u062f\u0627\u0631\u062f\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                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0648 \u0628\u0647\u0628\u0648\u062f \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \r\n                    \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u067e\u0646\u06cc\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644 \u0648 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \r\n                    \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u0628\u0627\u0641\u062a \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u060c \u0642\u0648\u0627\u0645 \u0645\u0646\u0627\u0633\u0628\u060c \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u060c \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \r\n                    \u0648 \u0628\u0647\u0628\u0648\u062f \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0645\u062d\u0635\u0648\u0644 \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \u062f\u0631 \u067e\u0646\u06cc\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0627\u0646\u0646\u062f \r\n                    \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\u060c \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633\u060c \u067e\u0646\u06cc\u0631 \u0642\u0627\u0644\u0628\u06cc \u0648 \u067e\u0646\u06cc\u0631 \u0644\u0627\u06a9\u062a\u06cc\u06a9\u06cc\u060c \u0646\u06cc\u0627\u0632 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0633\u062a \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628 \u0628\u0627\u06cc\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\u060c \r\n                    \u0645\u06cc\u0632\u0627\u0646 \u0631\u0637\u0648\u0628\u062a\u060c \u062a\u0631\u06a9\u06cc\u0628 \u0641\u0627\u0632 \u0686\u0631\u0628\u06cc \u0648 \u0622\u0628 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f. \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\u06cc\u0632\u0627\u0646 \u0645\u0635\u0631\u0641 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0686\u0642\u062f\u0631 \u0627\u0633\u062a\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                    \u0645\u06cc\u0632\u0627\u0646 \u0645\u0635\u0631\u0641 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u06cc\u06a9 \u0639\u062f\u062f \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0646\u06cc\u0633\u062a \r\n                    \u0648 \u0628\u0647 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\u060c \u0645\u06cc\u0632\u0627\u0646 \u0631\u0637\u0648\u0628\u062a\u060c \u062a\u0631\u06a9\u06cc\u0628 \u0686\u0631\u0628\u06cc \u0648 \u067e\u0631\u0648\u062a\u0626\u06cc\u0646\u060c \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0627\u0641\u062a\u06cc \r\n                    \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f. \u0628\u0631\u0627\u06cc \u0646\u0645\u0648\u0646\u0647\u060c \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \r\n                    \u0645\u062e\u062a\u0644\u0641 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\u060c \u067e\u0646\u06cc\u0631 \u0642\u0627\u0644\u0628\u06cc\u060c \u067e\u0646\u06cc\u0631 \u0644\u0627\u06a9\u062a\u06cc\u06a9\u06cc \u0648 \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \r\n                    \u0633\u0637\u062d \u0645\u0635\u0631\u0641 \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0627\u0634\u062f. \u062a\u0639\u06cc\u06cc\u0646 \u062f\u0648\u0632 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0628\u0627 \u0622\u0632\u0645\u0648\u0646 \r\n                    \u0622\u0632\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc \u0648 \u062a\u0633\u062a \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u0648\u0627\u0642\u0639\u06cc \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f \u062a\u0627 \u062a\u0639\u0627\u062f\u0644 \u0645\u0646\u0627\u0633\u0628\u06cc \r\n                    \u0645\u06cc\u0627\u0646 \u0642\u0648\u0627\u0645\u060c \u0628\u0627\u0641\u062a\u060c \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0641\u0631\u0622\u06cc\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u0627\u06cc\u062c\u0627\u062f \u0634\u0648\u062f. \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                  \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0686\u06af\u0648\u0646\u0647 \u0631\u0648\u06cc \u0628\u0627\u0641\u062a \u0648 \u0642\u0648\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f\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                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \r\n                    \u0628\u0631 \u062a\u0648\u0632\u06cc\u0639 \u0622\u0628\u060c \u0631\u0641\u062a\u0627\u0631 \u0641\u0627\u0632\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0631\u0626\u0648\u0644\u0648\u0698\u06cc\u06a9\u06cc \u0645\u062d\u0635\u0648\u0644 \r\n                    \u0627\u062b\u0631 \u0628\u06af\u0630\u0627\u0631\u062f. \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \r\n                    \u0628\u0627\u0641\u062a \u0646\u0631\u0645 \u0648 \u06a9\u0631\u0645\u06cc \u062f\u0631 \u067e\u0646\u06cc\u0631\u0647\u0627\u06cc \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u06cc\u0627 \u0627\u06cc\u062c\u0627\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0646\u0633\u062c\u0645\u200c\u062a\u0631 \r\n                    \u0648 \u0642\u0627\u0628\u0644\u200c\u06a9\u0646\u062a\u0631\u0644 \u062f\u0631 \u0628\u0631\u062e\u06cc \u067e\u0646\u06cc\u0631\u0647\u0627\u06cc \u0642\u0627\u0644\u0628\u06cc \u0648 \u067e\u0631\u0648\u0633\u0633 \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \u0646\u0648\u0639 \u0648 \u0645\u0642\u062f\u0627\u0631 \r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0627\u06cc\u062f \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0628\u0627\u0641\u062a \u0647\u062f\u0641 \u062a\u0639\u06cc\u06cc\u0646 \u0634\u0648\u062f \u062a\u0627 \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \r\n                    \u0627\u0632 \u0646\u0638\u0631 \u0642\u0648\u0627\u0645\u060c \u0627\u0646\u0633\u062c\u0627\u0645 \u0648 \u0627\u062d\u0633\u0627\u0633 \u062f\u0647\u0627\u0646\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0644\u0648\u0628\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \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                  \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\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                    \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0646\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062a\u062d\u062a \u062a\u0623\u062b\u06cc\u0631 \u0639\u0648\u0627\u0645\u0644\u06cc \u0645\u0627\u0646\u0646\u062f \u062a\u0631\u06a9\u06cc\u0628 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \r\n                    \u0645\u06cc\u0632\u0627\u0646 \u0631\u0637\u0648\u0628\u062a\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0631\u0648\u062a\u0626\u06cc\u0646\u06cc\u060c \u0634\u0631\u0627\u06cc\u0637 \u0641\u0631\u0622\u06cc\u0646\u062f \u0648 \u0646\u062d\u0648\u0647 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f. \r\n                    \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u06a9\u0645\u06a9 \u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0622\u0628 \u062f\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 \r\n                    \u0645\u062d\u0635\u0648\u0644 \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u0646\u06cc\u0631\u060c \u062a\u0645\u0627\u06cc\u0644 \u0628\u0647 \u062e\u0631\u0648\u062c \u0622\u0628 \u0622\u0632\u0627\u062f \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f. \r\n                    \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u06a9\u0646\u062a\u0631\u0644 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u062a\u0646\u0647\u0627 \u0628\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0648\u0627\u0628\u0633\u062a\u0647 \u0646\u06cc\u0633\u062a \u0648 \u0628\u0627\u06cc\u062f \r\n                    \u0647\u0645\u0632\u0645\u0627\u0646 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u062d\u0631\u0627\u0631\u062a\u06cc\u060c \u0627\u062e\u062a\u0644\u0627\u0637\u060c \u0647\u0645\u06af\u0646\u200c\u0633\u0627\u0632\u06cc \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \r\n                    \u0646\u06cc\u0632 \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f. \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                  \u0622\u06cc\u0627 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0635\u0646\u0639\u062a\u06cc \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\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                    \u0628\u0644\u0647\u060c \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc \r\n                    \u0637\u0631\u0627\u062d\u06cc \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u0648\u0646\u062f\u060c \u0627\u0645\u0627 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0648\u0627\u062d\u062f \u0627\u0644\u0632\u0627\u0645\u0627\u064b \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \r\n                    \u0627\u0646\u0648\u0627\u0639 \u067e\u0646\u06cc\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u06cc\u06a9\u0633\u0627\u0646\u06cc \u0646\u062f\u0627\u0631\u062f. \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u0635\u0646\u0639\u062a\u06cc \u067e\u0646\u06cc\u0631\u060c \u0639\u0648\u0627\u0645\u0644\u06cc \u0645\u0627\u0646\u0646\u062f \r\n                    \u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u060c \u0638\u0631\u0641\u06cc\u062a \u062e\u0637 \u062a\u0648\u0644\u06cc\u062f\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0627\u062e\u062a\u0644\u0627\u0637 \u0648 \u0641\u0631\u0622\u0648\u0631\u06cc\u060c \u0645\u06cc\u0632\u0627\u0646 \u0631\u0637\u0648\u0628\u062a\u060c \r\n                    \u062f\u0631\u0635\u062f \u0686\u0631\u0628\u06cc\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0634\u0648\u0646\u062f. \u0637\u0631\u0627\u062d\u06cc \u0635\u062d\u06cc\u062d \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \r\n                    \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0628\u0627\u0641\u062a \u0648 \u062b\u0628\u0627\u062a \u06a9\u06cc\u0641\u06cc\u062a \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u0635\u0646\u0639\u062a\u06cc \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \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                  \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u0646\u0627\u0633\u0628 \u067e\u0646\u06cc\u0631 \u0686\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0641\u0646\u06cc \u0644\u0627\u0632\u0645 \u0627\u0633\u062a\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                    \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0642\u06cc\u0642 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631 \r\n                    \u0634\u0627\u0645\u0644 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\u060c \u067e\u0631\u0648\u0633\u0633\u060c \u0642\u0627\u0644\u0628\u06cc \u06cc\u0627 \u0644\u0627\u06a9\u062a\u06cc\u06a9\u06cc\u060c \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u067e\u0627\u06cc\u0647\u060c \r\n                    \u062f\u0631\u0635\u062f \u0686\u0631\u0628\u06cc \u0648 \u0631\u0637\u0648\u0628\u062a\u060c \u0645\u06cc\u0632\u0627\u0646 \u067e\u0631\u0648\u062a\u0626\u06cc\u0646\u060c pH\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u062d\u0631\u0627\u0631\u062a\u06cc\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \r\n                    \u0627\u062e\u062a\u0644\u0627\u0637 \u0648 \u0647\u0645\u06af\u0646\u200c\u0633\u0627\u0632\u06cc\u060c \u062f\u0645\u0627\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f\u060c \u0631\u0648\u0634 \u067e\u0631\u06a9\u0646\u06cc \u0648 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u0634\u0631\u0627\u06cc\u0637 \r\n                    \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0645\u0634\u062e\u0635 \u0628\u0627\u0634\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627\u06cc\u062f \u0645\u0634\u06a9\u0644 \u0627\u0635\u0644\u06cc \u0645\u062d\u0635\u0648\u0644 \u0645\u0627\u0646\u0646\u062f \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u060c \r\n                    \u0627\u0641\u062a \u0642\u0648\u0627\u0645\u060c \u0634\u06a9\u0633\u062a \u0628\u0627\u0641\u062a\u060c \u06a9\u0627\u0647\u0634 \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634\u060c \u062c\u062f\u0627\u0634\u062f\u06af\u06cc \u0641\u0627\u0632\u0647\u0627 \u06cc\u0627 \u062a\u063a\u06cc\u06cc\u0631 \r\n                    \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062f\u0642\u06cc\u0642 \u0628\u0631\u0631\u0633\u06cc \u0634\u0648\u062f. \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                  \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0686\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627\u06cc\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\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                    \u062f\u0631 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc\u060c \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \u0628\u0627\u06cc\u062f \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0647\u062f\u0641 \u0627\u06cc\u062c\u0627\u062f \r\n                    \u0628\u0627\u0641\u062a \u0646\u0631\u0645\u060c \u0644\u0637\u06cc\u0641 \u0648 \u06a9\u0631\u0645\u06cc \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u062d\u0641\u0638 \u0642\u0648\u0627\u0645 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u0648\u062f. \r\n                    \u06a9\u0646\u062a\u0631\u0644 \u0622\u0628 \u0622\u0632\u0627\u062f\u060c \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0641\u0627\u0632 \u0686\u0631\u0628\u06cc \u0648 \u0622\u0628\u060c \u0642\u0627\u0628\u0644\u06cc\u062a \u067e\u062e\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc\u060c \r\n                    \u0627\u062d\u0633\u0627\u0633 \u062f\u0647\u0627\u0646\u06cc \u0648 \u062d\u0641\u0638 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0632 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc \u0645\u0647\u0645 \r\n                    \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0647\u0633\u062a\u0646\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \r\n                    \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0641\u062a \u0645\u062d\u0635\u0648\u0644 \r\n                    \u062f\u0631 \u0637\u0648\u0644 \u062f\u0648\u0631\u0647 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \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                  \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633 \u0686\u0647 \u0646\u0642\u0634\u06cc \u062f\u0631 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0627\u0645\u0648\u0644\u0633\u06cc\u0648\u0646 \u062f\u0627\u0631\u062f\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                    \u062f\u0631 \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633\u060c \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0627\u0645\u0648\u0644\u0633\u06cc\u0648\u0646 \u0622\u0628 \u0648 \u0686\u0631\u0628\u06cc \u06cc\u06a9\u06cc \u0627\u0632 \u0639\u0648\u0627\u0645\u0644 \u0645\u0647\u0645 \r\n                    \u062f\u0631 \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0646\u0627\u0633\u0628 \u0645\u062d\u0635\u0648\u0644 \u0627\u0633\u062a. \u0633\u06cc\u0633\u062a\u0645 \r\n                    \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062a\u0648\u0632\u06cc\u0639 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u200c\u062a\u0631 \u0641\u0627\u0632\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u060c \r\n                    \u06a9\u0646\u062a\u0631\u0644 \u0633\u0627\u062e\u062a\u0627\u0631\u060c \u06a9\u0627\u0647\u0634 \u062c\u062f\u0627\u0634\u062f\u06af\u06cc \u0641\u0627\u0632\u0647\u0627 \u0648 \u062d\u0641\u0638 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0627\u0641\u062a\u06cc \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \r\n                    \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\u060c \u0646\u0648\u0639 \u0627\u0645\u0648\u0644\u0633\u06cc\u0648\u0646\u200c\u06a9\u0646\u0646\u062f\u0647\u060c \u062a\u0631\u06a9\u06cc\u0628 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647\u060c \r\n                    \u0634\u0631\u0627\u06cc\u0637 \u062d\u0631\u0627\u0631\u062a\u06cc\u060c \u0634\u062f\u062a \u0627\u062e\u062a\u0644\u0627\u0637 \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f \u0630\u0648\u0628 \u0648 \u067e\u062e\u062a \u0646\u06cc\u0632 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \r\n                    \u0646\u0647\u0627\u06cc\u06cc \u067e\u0646\u06cc\u0631 \u067e\u0631\u0648\u0633\u0633 \u062a\u0623\u062b\u06cc\u0631\u06af\u0630\u0627\u0631 \u0647\u0633\u062a\u0646\u062f. \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                  \u0622\u06cc\u0627 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0631\u0648\u06cc \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634 \u0648 \u0634\u06a9\u0644\u200c\u067e\u0630\u06cc\u0631\u06cc \u0645\u062d\u0635\u0648\u0644 \u062a\u0623\u062b\u06cc\u0631 \u062f\u0627\u0631\u062f\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                    \u0628\u0644\u0647\u060c \u0646\u0648\u0639 \u0648 \u0633\u0637\u062d \u0639\u0645\u0644\u06a9\u0631\u062f \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631 \u0627\u0646\u0633\u062c\u0627\u0645 \r\n                    \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0646\u06cc\u0631 \u0648 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u062d\u0641\u0638 \u0634\u06a9\u0644 \u0645\u062d\u0635\u0648\u0644 \u0627\u062b\u0631\u06af\u0630\u0627\u0631 \u0628\u0627\u0634\u062f. \r\n                    \u062f\u0631 \u067e\u0646\u06cc\u0631\u0647\u0627\u06cc \u0642\u0627\u0644\u0628\u06cc \u0648 \u0628\u0631\u062e\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u0631\u0648\u0633\u0633\u060c \u06a9\u0646\u062a\u0631\u0644 \u0631\u0637\u0648\u0628\u062a \u0648 \u0627\u06cc\u062c\u0627\u062f \u0634\u0628\u06a9\u0647 \r\n                    \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0634\u06a9\u0633\u062a \u06cc\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0634\u06a9\u0644 \u0647\u0646\u06af\u0627\u0645 \u0628\u0631\u0634 \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \r\n                    \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0634 \u062a\u0646\u0647\u0627 \u0628\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0648\u0627\u0628\u0633\u062a\u0647 \u0646\u06cc\u0633\u062a \u0648 \u0639\u0648\u0627\u0645\u0644\u06cc \r\n                    \u0645\u0627\u0646\u0646\u062f \u062a\u0631\u06a9\u06cc\u0628 \u067e\u0631\u0648\u062a\u0626\u06cc\u0646\u060c \u0686\u0631\u0628\u06cc\u060c \u0631\u0637\u0648\u0628\u062a\u060c pH\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u0648 \u0634\u0631\u0627\u06cc\u0637 \r\n                    \u0631\u0633\u06cc\u062f\u0646 \u06cc\u0627 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0646\u06cc\u0632 \u062f\u0631 \u0648\u06cc\u0698\u06af\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644 \u0646\u0642\u0634 \u062f\u0627\u0631\u0646\u062f. \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                  \u0622\u06cc\u0627 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0627\u0639\u062b \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0645\u062d\u0635\u0648\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\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                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u0648\u0627\u062f \u0646\u06af\u0647\u062f\u0627\u0631\u0646\u062f\u0647 \u06cc\u0627 \r\n                    \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0627\u06cc\u0645\u0646\u06cc \u0648 \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0646\u06cc\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0627\u06cc\u062c\u0627\u062f \r\n                    \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0645\u0646\u0627\u0633\u0628\u060c \u06a9\u0627\u0647\u0634 \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u060c \u062d\u0641\u0638 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0628\u0627\u0641\u062a \r\n                    \u0648 \u06a9\u0646\u062a\u0631\u0644 \u062c\u062f\u0627\u0634\u062f\u06af\u06cc \u0641\u0627\u0632\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062d\u0641\u0638 \u06a9\u06cc\u0641\u06cc\u062a \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u067e\u0646\u06cc\u0631 \r\n                    \u062f\u0631 \u0637\u0648\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644 \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \r\n                    \u0627\u0632 \u0639\u0648\u0627\u0645\u0644 \u0645\u0627\u0646\u0646\u062f \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u060c \u0628\u0627\u0631 \u0645\u06cc\u06a9\u0631\u0648\u0628\u06cc\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u062d\u0631\u0627\u0631\u062a\u06cc\u060c \r\n                    \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u060c \u0632\u0646\u062c\u06cc\u0631\u0647 \u0633\u0631\u062f \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648\u0627\u0628\u0633\u062a\u0647 \u0627\u0633\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 11 --> \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-11\" \r\n                id=\"bd-faq-question-11\" \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 5h16v14H4z\"\/> \r\n                    <path d=\"M8 9h8\"\/> \r\n                    <path d=\"M8 13h5\"\/> \r\n                    <path d=\"M16 16h.01\"\/> \r\n                  <\/svg> \r\n                <\/span> \r\n       \r\n                <span class=\"bd-faq-question-text\"> \r\n                  \u0622\u06cc\u0627 \u0627\u0645\u06a9\u0627\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u0645\u0648\u0646\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0648 \u0627\u0646\u062c\u0627\u0645 \u062a\u0633\u062a \u0642\u0628\u0644 \u0627\u0632 \u062e\u0631\u06cc\u062f \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\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-11\" \r\n                role=\"region\" \r\n                aria-labelledby=\"bd-faq-question-11\" \r\n                hidden \r\n              > \r\n       \r\n                <div class=\"bd-faq-answer-inner\"> \r\n       \r\n                  <p> \r\n                    \u0627\u0645\u06a9\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u0646\u0645\u0648\u0646\u0647 \u0648 \u0627\u0646\u062c\u0627\u0645 \u062a\u0633\u062a \u0641\u0646\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0648\u0639 \u067e\u0646\u06cc\u0631\u060c \r\n                    \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0644\u06cc\u062f \u0628\u0631\u0631\u0633\u06cc \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u062f\u0642\u06cc\u0642 \u0639\u0645\u0644\u06a9\u0631\u062f \r\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\u060c \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u062d\u0635\u0648\u0644\u060c \u0638\u0631\u0641\u06cc\u062a \u062a\u0648\u0644\u06cc\u062f\u060c \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \r\n                    \u067e\u0627\u06cc\u0647\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0641\u0631\u0622\u06cc\u0646\u062f\u06cc \u0648 \u0645\u0634\u06a9\u0644 \u06a9\u06cc\u0641\u06cc \u0645\u0648\u062c\u0648\u062f \u0627\u0639\u0644\u0627\u0645 \u0634\u0648\u062f. \u0633\u067e\u0633 \u0646\u0645\u0648\u0646\u0647 \r\n                    \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0646\u062a\u0631\u0644\u200c\u0634\u062f\u0647 \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646 \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \r\n                    \u0648\u0627\u0642\u0639\u06cc \u062e\u0637 \u062a\u0648\u0644\u06cc\u062f \u0645\u0648\u0631\u062f \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f \u062a\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u0627\u0632 \u0646\u0638\u0631 \r\n                    \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645\u060c \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u060c \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0648 \u0633\u0627\u06cc\u0631 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0628\u0631\u0631\u0633\u06cc \u0634\u0648\u062f. \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                \u0633\u0648\u0627\u0644 \u062f\u06cc\u06af\u0631\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u062f\u0627\u0631\u06cc\u062f\u061f \r\n              <\/strong> \r\n       \r\n              <p> \r\n                \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0631\u0633\u06cc \u0646\u06cc\u0627\u0632 \u0641\u0646\u06cc\u060c \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u0634\u0645\u0627 \u0647\u0633\u062a\u0646\u062f. \r\n              <\/p> \r\n       \r\n            <\/div> \r\n       \r\n            <a \r\n            \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            \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc  \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        \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        \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        \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>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2be4a05a elementor-widget elementor-widget-html\" data-id=\"2be4a05a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"br-review-wrap\" data-product=\"\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\">\r\n    <div class=\"br-review-card\">\r\n\r\n        <div class=\"br-review-head\">\r\n\r\n            <span class=\"br-review-badge\">\r\n                \u0646\u0638\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\r\n            <\/span>\r\n\r\n            <h2>\r\n                \u062a\u062c\u0631\u0628\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0646\u0638\u0631 \u0634\u0645\u0627 \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u062a\u0648\u0633\u0637 \u062a\u06cc\u0645 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \u062f\u0631 \u0633\u0627\u06cc\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.\r\n                \u062a\u062c\u0631\u0628\u0647 \u0634\u0645\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\u060c \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0641\u062a\u060c \u0642\u0648\u0627\u0645\u060c \u0622\u0628\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u060c\r\n                \u0628\u0631\u0634\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u067e\u0646\u06cc\u0631 \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u062f.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <form id=\"brReviewForm\">\r\n\r\n            <div class=\"br-review-grid\">\r\n\r\n                <div class=\"br-field\">\r\n\r\n                    <label for=\"brName\">\r\n                        \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc <span>*<\/span>\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        id=\"brName\"\r\n                        name=\"name\"\r\n                        placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\"\r\n                        required\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"br-field\">\r\n\r\n                    <label for=\"brCompany\">\r\n                        \u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \/ \u0645\u062c\u0645\u0648\u0639\u0647\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        id=\"brCompany\"\r\n                        name=\"company\"\r\n                        placeholder=\"\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \u06cc\u0627 \u0645\u062c\u0645\u0648\u0639\u0647 \u062a\u0648\u0644\u06cc\u062f\u06cc\"\r\n                    >\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>\r\n                    \u0627\u0645\u062a\u06cc\u0627\u0632 \u0634\u0645\u0627 <span>*<\/span>\r\n                <\/label>\r\n\r\n                <div class=\"br-stars\">\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        id=\"brStar5\"\r\n                        name=\"rating\"\r\n                        value=\"5\"\r\n                    >\r\n                    <label for=\"brStar5\">\u2605<\/label>\r\n\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        id=\"brStar4\"\r\n                        name=\"rating\"\r\n                        value=\"4\"\r\n                    >\r\n                    <label for=\"brStar4\">\u2605<\/label>\r\n\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        id=\"brStar3\"\r\n                        name=\"rating\"\r\n                        value=\"3\"\r\n                    >\r\n                    <label for=\"brStar3\">\u2605<\/label>\r\n\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        id=\"brStar2\"\r\n                        name=\"rating\"\r\n                        value=\"2\"\r\n                    >\r\n                    <label for=\"brStar2\">\u2605<\/label>\r\n\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        id=\"brStar1\"\r\n                        name=\"rating\"\r\n                        value=\"1\"\r\n                    >\r\n                    <label for=\"brStar1\">\u2605<\/label>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"br-rating-text\"\r\n                    id=\"brRatingText\"\r\n                >\r\n                    \u0627\u0645\u062a\u06cc\u0627\u0632 \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"br-field\">\r\n\r\n                <label for=\"brMessage\">\r\n                    \u0646\u0638\u0631 \u0634\u0645\u0627 <span>*<\/span>\r\n                <\/label>\r\n\r\n                <textarea\r\n                    id=\"brMessage\"\r\n                    name=\"message\"\r\n                    rows=\"5\"\r\n                    maxlength=\"1000\"\r\n                    placeholder=\"\u062a\u062c\u0631\u0628\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u062f\u0631 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644 \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0645\u06cc\u0627\u0646 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f...\"\r\n                    required\r\n                ><\/textarea>\r\n\r\n                <div class=\"br-count\">\r\n                    <span id=\"brCount\">0<\/span> \/ 1000\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                type=\"submit\"\r\n                class=\"br-submit\"\r\n                id=\"brSubmit\"\r\n            >\r\n\r\n                <span class=\"br-submit-text\">\r\n                    \u062b\u0628\u062a \u0646\u0638\u0631\r\n                <\/span>\r\n\r\n                <span class=\"br-submit-loading\">\r\n                    \u062f\u0631 \u062d\u0627\u0644 \u062b\u0628\u062a...\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div\r\n                class=\"br-review-message\"\r\n                id=\"brReviewMessage\"\r\n            ><\/div>\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BRANDIL REVIEW FORM\r\n   \u0627\u0633\u062a\u0627\u06cc\u0644 \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0627 Design System \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\r\n   ========================================================= *\/\r\n\r\n.br-review-wrap{\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-purple:#7c3aed;\r\n    --br-purple-deep:#12081f;\r\n\r\n    --br-orange:#ff7a18;\r\n    --br-orange-light:#ff9a42;\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,.12);\r\n\r\n    --br-glass:rgba(255,255,255,.055);\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    position:relative;\r\n\r\n    width:100%;\r\n\r\n    direction:rtl;\r\n\r\n    padding:75px 20px;\r\n\r\n    overflow:hidden;\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        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}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.br-review-card{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    max-width:850px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:38px;\r\n\r\n    border:\r\n        1px solid var(--br-border);\r\n\r\n    border-radius:28px;\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,.032)\r\n        );\r\n\r\n    box-shadow:\r\n        var(--br-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}\r\n\r\n\r\n\/* =========================================================\r\n   CARD DECORATION\r\n   ========================================================= *\/\r\n\r\n.br-review-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-100px;\r\n    left:-100px;\r\n\r\n    width:230px;\r\n    height:230px;\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 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.br-review-card::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:-90px;\r\n    bottom:-110px;\r\n\r\n    width:240px;\r\n    height:240px;\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,.13),\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.br-review-head{\r\n\r\n    position:relative;\r\n\r\n    z-index:1;\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:32px;\r\n\r\n}\r\n\r\n\r\n.br-review-badge{\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    padding:8px 17px;\r\n\r\n    margin-bottom:14px;\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.br-review-head h2{\r\n\r\n    margin:\r\n        0 0 12px;\r\n\r\n    color:\r\n        var(--br-white);\r\n\r\n    font-size:\r\n        clamp(24px,3vw,32px);\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.br-review-head p{\r\n\r\n    max-width:680px;\r\n\r\n    margin:0 auto;\r\n\r\n    color:\r\n        var(--br-muted);\r\n\r\n    font-size:\r\n        clamp(13px,1.5vw,15px);\r\n\r\n    line-height:2;\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   GRID\r\n   ========================================================= *\/\r\n\r\n.br-review-grid{\r\n\r\n    position:relative;\r\n\r\n    z-index:1;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELD\r\n   ========================================================= *\/\r\n\r\n.br-field{\r\n\r\n    position:relative;\r\n\r\n    z-index:1;\r\n\r\n    margin-bottom:23px;\r\n\r\n}\r\n\r\n\r\n.br-field label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:\r\n        #e8e0f0;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\r\n\r\n.br-field label span{\r\n\r\n    color:\r\n        var(--br-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT \/ TEXTAREA\r\n   ========================================================= *\/\r\n\r\n.br-field input,\r\n.br-field textarea{\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:15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    color:\r\n        var(--br-white);\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:14px;\r\n\r\n    outline:none;\r\n\r\n    transition:\r\n        var(--br-transition);\r\n\r\n}\r\n\r\n\r\n.br-field input{\r\n\r\n    height:54px;\r\n\r\n    padding:\r\n        0 17px;\r\n\r\n}\r\n\r\n\r\n.br-field textarea{\r\n\r\n    min-height:150px;\r\n\r\n    padding:\r\n        15px 17px;\r\n\r\n    resize:vertical;\r\n\r\n    line-height:2;\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.br-field input::placeholder,\r\n.br-field textarea::placeholder{\r\n\r\n    color:\r\n        rgba(201,189,219,.60);\r\n\r\n}\r\n\r\n\r\n.br-field input:hover,\r\n.br-field textarea:hover{\r\n\r\n    border-color:\r\n        rgba(59,130,246,.30);\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n}\r\n\r\n\r\n.br-field input:focus,\r\n.br-field textarea:focus{\r\n\r\n    border-color:\r\n        var(--br-blue-light);\r\n\r\n    background:\r\n        rgba(37,99,235,.065);\r\n\r\n    box-shadow:\r\n        0 0 0 4px rgba(59,130,246,.12),\r\n        0 10px 30px rgba(37,99,235,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RATING\r\n   ========================================================= *\/\r\n\r\n.br-stars{\r\n\r\n    direction:rtl;\r\n\r\n    display:flex;\r\n\r\n    justify-content:flex-start;\r\n\r\n    align-items:center;\r\n\r\n    gap:4px;\r\n\r\n}\r\n\r\n\r\n.br-stars input{\r\n\r\n    display:none;\r\n\r\n}\r\n\r\n\r\n.br-stars label{\r\n\r\n    cursor:pointer;\r\n\r\n    margin:0;\r\n\r\n    padding:2px;\r\n\r\n    color:\r\n        rgba(255,255,255,.18);\r\n\r\n    font-size:36px;\r\n\r\n    line-height:1;\r\n\r\n    transition:\r\n        var(--br-transition);\r\n\r\n}\r\n\r\n\r\n.br-stars label:hover,\r\n.br-stars label:hover~label,\r\n.br-stars input:checked~label{\r\n\r\n    color:\r\n        var(--br-orange);\r\n\r\n    transform:\r\n        scale(1.08);\r\n\r\n    text-shadow:\r\n        0 5px 20px rgba(255,122,24,.25);\r\n\r\n}\r\n\r\n\r\n.br-rating-text{\r\n\r\n    margin-top:9px;\r\n\r\n    color:\r\n        var(--br-muted);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHARACTER COUNTER\r\n   ========================================================= *\/\r\n\r\n.br-count{\r\n\r\n    position:absolute;\r\n\r\n    left:4px;\r\n\r\n    bottom:-21px;\r\n\r\n    color:\r\n        rgba(201,189,219,.60);\r\n\r\n    font-size:11px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT BUTTON\r\n   ========================================================= *\/\r\n\r\n.br-submit{\r\n\r\n    position:relative;\r\n\r\n    z-index:1;\r\n\r\n    width:100%;\r\n\r\n    height:56px;\r\n\r\n    border:0;\r\n\r\n    border-radius:16px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--br-blue),\r\n            var(--br-purple)\r\n        );\r\n\r\n    color:\r\n        #fff;\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:900;\r\n\r\n    cursor:pointer;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(37,99,235,.22);\r\n\r\n    transition:\r\n        var(--br-transition);\r\n\r\n}\r\n\r\n\r\n.br-submit:hover{\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--br-orange),\r\n            #ea580c\r\n        );\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(255,122,24,.24);\r\n\r\n}\r\n\r\n\r\n.br-submit: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.br-submit:disabled{\r\n\r\n    opacity:.65;\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   LOADING STATE\r\n   ========================================================= *\/\r\n\r\n.br-submit-loading{\r\n\r\n    display:none;\r\n\r\n}\r\n\r\n\r\n.br-submit.is-loading .br-submit-text{\r\n\r\n    display:none;\r\n\r\n}\r\n\r\n\r\n.br-submit.is-loading .br-submit-loading{\r\n\r\n    display:inline;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MESSAGE\r\n   ========================================================= *\/\r\n\r\n.br-review-message{\r\n\r\n    display:none;\r\n\r\n    position:relative;\r\n\r\n    z-index:1;\r\n\r\n    margin-top:18px;\r\n\r\n    padding:15px 18px;\r\n\r\n    border-radius:14px;\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-justify:inter-word;\r\n\r\n}\r\n\r\n\r\n.br-review-message.success{\r\n\r\n    display:block;\r\n\r\n    color:#bfdbfe;\r\n\r\n    background:\r\n        rgba(37,99,235,.10);\r\n\r\n    border:\r\n        1px solid rgba(59,130,246,.25);\r\n\r\n}\r\n\r\n\r\n.br-review-message.error{\r\n\r\n    display:block;\r\n\r\n    color:#fed7aa;\r\n\r\n    background:\r\n        rgba(255,122,24,.08);\r\n\r\n    border:\r\n        1px solid rgba(255,122,24,.25);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .br-review-wrap{\r\n\r\n        padding:\r\n            60px 15px;\r\n\r\n    }\r\n\r\n\r\n    .br-review-card{\r\n\r\n        padding:\r\n            27px 19px;\r\n\r\n        border-radius:\r\n            23px;\r\n\r\n    }\r\n\r\n\r\n    .br-review-grid{\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:0;\r\n\r\n    }\r\n\r\n\r\n    .br-review-head{\r\n\r\n        margin-bottom:27px;\r\n\r\n    }\r\n\r\n\r\n    .br-review-head h2{\r\n\r\n        font-size:22px;\r\n\r\n        line-height:1.65;\r\n\r\n    }\r\n\r\n\r\n    .br-review-head p{\r\n\r\n        font-size:13px;\r\n\r\n        line-height:2;\r\n\r\n    }\r\n\r\n\r\n    .br-field input{\r\n\r\n        height:51px;\r\n\r\n    }\r\n\r\n\r\n    .br-field textarea{\r\n\r\n        min-height:140px;\r\n\r\n    }\r\n\r\n\r\n    .br-stars label{\r\n\r\n        font-size:32px;\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    .br-review-wrap{\r\n\r\n        padding:\r\n            48px 12px;\r\n\r\n    }\r\n\r\n\r\n    .br-review-card{\r\n\r\n        padding:\r\n            22px 14px;\r\n\r\n        border-radius:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .br-review-head h2{\r\n\r\n        font-size:20px;\r\n\r\n    }\r\n\r\n\r\n    .br-review-head p{\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .br-stars label{\r\n\r\n        font-size:29px;\r\n\r\n    }\r\n\r\n\r\n    .br-submit{\r\n\r\n        height:53px;\r\n\r\n        font-size:14px;\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    .br-review-wrap *,\r\n    .br-review-wrap *::before,\r\n    .br-review-wrap *::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\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded',function(){\r\n\r\n    const wrap =\r\n        document.querySelector('.br-review-wrap');\r\n\r\n    const form =\r\n        document.getElementById('brReviewForm');\r\n\r\n    const nameInput =\r\n        document.getElementById('brName');\r\n\r\n    const companyInput =\r\n        document.getElementById('brCompany');\r\n\r\n    const messageInput =\r\n        document.getElementById('brMessage');\r\n\r\n    const count =\r\n        document.getElementById('brCount');\r\n\r\n    const ratingText =\r\n        document.getElementById('brRatingText');\r\n\r\n    const submit =\r\n        document.getElementById('brSubmit');\r\n\r\n    const message =\r\n        document.getElementById('brReviewMessage');\r\n\r\n\r\n    if(!wrap || !form)return;\r\n\r\n\r\n    \/* =====================================================\r\n       PRODUCT\r\n       ===================================================== *\/\r\n\r\n    const product =\r\n        wrap.dataset.product || '';\r\n\r\n\r\n    \/* =====================================================\r\n       RATING TEXT\r\n       ===================================================== *\/\r\n\r\n    const ratingTexts = {\r\n\r\n        1:'\u0627\u0645\u062a\u06cc\u0627\u0632 \u06f1 \u0627\u0632 \u06f5',\r\n\r\n        2:'\u0627\u0645\u062a\u06cc\u0627\u0632 \u06f2 \u0627\u0632 \u06f5',\r\n\r\n        3:'\u0627\u0645\u062a\u06cc\u0627\u0632 \u06f3 \u0627\u0632 \u06f5',\r\n\r\n        4:'\u0627\u0645\u062a\u06cc\u0627\u0632 \u06f4 \u0627\u0632 \u06f5',\r\n\r\n        5:'\u0627\u0645\u062a\u06cc\u0627\u0632 \u06f5 \u0627\u0632 \u06f5'\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       RATING EVENT\r\n       ===================================================== *\/\r\n\r\n    document\r\n        .querySelectorAll(\r\n            'input[name=\"rating\"]'\r\n        )\r\n        .forEach(function(input){\r\n\r\n            input.addEventListener(\r\n                'change',\r\n                function(){\r\n\r\n                    ratingText.textContent =\r\n                        ratingTexts[this.value];\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n\r\n    \/* =====================================================\r\n       CHARACTER COUNTER\r\n       ===================================================== *\/\r\n\r\n    messageInput.addEventListener(\r\n        'input',\r\n        function(){\r\n\r\n            count.textContent =\r\n                this.value.length;\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       FORM SUBMIT\r\n       ===================================================== *\/\r\n\r\n    form.addEventListener(\r\n        'submit',\r\n        async function(e){\r\n\r\n            e.preventDefault();\r\n\r\n\r\n            message.className =\r\n                'br-review-message';\r\n\r\n            message.textContent =\r\n                '';\r\n\r\n\r\n            \/* ---------------------------------------------\r\n               Rating validation\r\n               --------------------------------------------- *\/\r\n\r\n            const rating =\r\n                document.querySelector(\r\n                    'input[name=\"rating\"]:checked'\r\n                );\r\n\r\n\r\n            if(!rating){\r\n\r\n                message.className =\r\n                    'br-review-message error';\r\n\r\n                message.textContent =\r\n                    '\u0644\u0637\u0641\u0627\u064b \u0627\u0645\u062a\u06cc\u0627\u0632 \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.';\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* ---------------------------------------------\r\n               Form values\r\n               --------------------------------------------- *\/\r\n\r\n            const name =\r\n                nameInput.value.trim();\r\n\r\n            const company =\r\n                companyInput.value.trim();\r\n\r\n            const reviewText =\r\n                messageInput.value.trim();\r\n\r\n\r\n            \/* ---------------------------------------------\r\n               Name validation\r\n               --------------------------------------------- *\/\r\n\r\n            if(!name){\r\n\r\n                message.className =\r\n                    'br-review-message error';\r\n\r\n                message.textContent =\r\n                    '\u0644\u0637\u0641\u0627\u064b \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.';\r\n\r\n                nameInput.focus();\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* ---------------------------------------------\r\n               Review validation\r\n               --------------------------------------------- *\/\r\n\r\n            if(!reviewText){\r\n\r\n                message.className =\r\n                    'br-review-message error';\r\n\r\n                message.textContent =\r\n                    '\u0644\u0637\u0641\u0627\u064b \u0645\u062a\u0646 \u0646\u0638\u0631 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.';\r\n\r\n                messageInput.focus();\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* ---------------------------------------------\r\n               Loading\r\n               --------------------------------------------- *\/\r\n\r\n            submit.disabled =\r\n                true;\r\n\r\n            submit.classList.add(\r\n                'is-loading'\r\n            );\r\n\r\n\r\n            try{\r\n\r\n                const response =\r\n                    await fetch(\r\n                        '\/wp-json\/berandil\/v1\/reviews',\r\n                        {\r\n                            method:'POST',\r\n\r\n                            headers:{\r\n                                'Content-Type':\r\n                                    'application\/json'\r\n                            },\r\n\r\n                            body:JSON.stringify({\r\n\r\n                                name:name,\r\n\r\n                                company:company,\r\n\r\n                                product:product,\r\n\r\n                                rating:\r\n                                    parseInt(\r\n                                        rating.value\r\n                                    ),\r\n\r\n                                message:reviewText\r\n\r\n                            })\r\n                        }\r\n                    );\r\n\r\n\r\n                const data =\r\n                    await response.json();\r\n\r\n\r\n                if(!response.ok){\r\n\r\n                    throw new Error(\r\n                        data.message ||\r\n                        '\u062b\u0628\u062a \u0646\u0638\u0631 \u0627\u0646\u062c\u0627\u0645 \u0646\u0634\u062f.'\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                \/* -----------------------------------------\r\n                   Reset\r\n                   ----------------------------------------- *\/\r\n\r\n                form.reset();\r\n\r\n                count.textContent =\r\n                    '0';\r\n\r\n                ratingText.textContent =\r\n                    '\u0627\u0645\u062a\u06cc\u0627\u0632 \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f';\r\n\r\n\r\n                \/* -----------------------------------------\r\n                   Success\r\n                   ----------------------------------------- *\/\r\n\r\n                message.className =\r\n                    'br-review-message success';\r\n\r\n                message.textContent =\r\n                    '\u0646\u0638\u0631 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f \u0648 \u067e\u0633 \u0627\u0632 \u062a\u0623\u06cc\u06cc\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0631 \u0633\u0627\u06cc\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.';\r\n\r\n\r\n            }catch(error){\r\n\r\n                message.className =\r\n                    'br-review-message error';\r\n\r\n                message.textContent =\r\n                    error.message ||\r\n                    '\u062e\u0637\u0627\u06cc\u06cc \u0647\u0646\u06af\u0627\u0645 \u062b\u0628\u062a \u0646\u0638\u0631 \u0631\u062e \u062f\u0627\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.';\r\n\r\n\r\n            }finally{\r\n\r\n                submit.disabled =\r\n                    false;\r\n\r\n                submit.classList.remove(\r\n                    'is-loading'\r\n                );\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-1fea72a8 elementor-widget elementor-widget-html\" data-id=\"1fea72a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* =====================================================\n   RESET\n===================================================== *\/\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    direction: rtl;\n\n    font-family:\n        Tahoma,\n        Arial,\n        sans-serif;\n\n    background: #f4f6f5;\n}\n\n\n\/* =====================================================\n   VARIABLES\n===================================================== *\/\n\n:root {\n\n    --footer-bg: #12251f;\n\n    --footer-card: #19332b;\n\n    --footer-card-hover: #1d3a31;\n\n    --green: #2ca879;\n\n    --green-light: #4bc995;\n\n    --text: #f3f8f6;\n\n    --text-light: #b9cbc5;\n\n    --text-muted: #849b94;\n\n    --border: rgba(255,255,255,.09);\n\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.site-footer {\n\n    position: relative;\n\n    background: var(--footer-bg);\n\n    color: var(--text);\n\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.footer-container {\n\n    width: min(1400px, 94%);\n\n    margin: 0 auto;\n\n    padding: 20px 0 16px;\n\n    display: grid;\n\n    grid-template-columns:\n        1.15fr\n        1fr\n        1fr\n        1fr\n        .9fr;\n\n    gap: 12px;\n\n}\n\n\n\/* =====================================================\n   COLUMNS\n===================================================== *\/\n\n.footer-column {\n\n    min-width: 0;\n\n    padding: 14px;\n\n    background: var(--footer-card);\n\n    border:\n        1px solid var(--border);\n\n    border-radius: 13px;\n\n    transition:\n        background .25s ease;\n\n}\n\n.footer-column:hover {\n\n    background:\n        var(--footer-card-hover);\n\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.footer-title {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-bottom: 11px;\n\n    color: var(--text);\n\n    font-size: 14px;\n\n    font-weight: 700;\n\n}\n\n.footer-title i {\n\n    color: var(--green-light);\n\n    font-size: 13px;\n\n}\n\n\n\/* =====================================================\n   MAP\n===================================================== *\/\n\n.map-box {\n\n    height: 165px;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    border-radius: 9px;\n\n    border:\n        1px solid rgba(255,255,255,.08);\n\n    background: #10211c;\n\n}\n\n.map-box iframe {\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n\n    display: block;\n\n}\n\n\n\/* =====================================================\n   ADDRESS\n===================================================== *\/\n\n.address-box {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 9px;\n\n    margin-bottom: 11px;\n\n}\n\n.address-icon {\n\n    flex: 0 0 32px;\n\n    width: 32px;\n    height: 32px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color: var(--green-light);\n\n    background:\n        rgba(44,168,121,.12);\n\n}\n\n.address-box p {\n\n    color: var(--text-light);\n\n    font-size: 11px;\n\n    line-height: 2;\n\n}\n\n\n.phone-list {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 6px;\n\n}\n\n.phone-item {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    min-height: 31px;\n\n    padding: 5px 8px;\n\n    border-radius: 7px;\n\n    color: var(--text-light);\n\n    background:\n        rgba(255,255,255,.035);\n\n    font-size: 11px;\n\n    text-decoration: none;\n\n    transition: .2s ease;\n\n}\n\n.phone-item i {\n\n    color: var(--green-light);\n\n    font-size: 11px;\n\n}\n\n.phone-item:hover {\n\n    color: white;\n\n    background:\n        rgba(44,168,121,.12);\n\n}\n\n\n\/* =====================================================\n   MENU\n===================================================== *\/\n\n.footer-menu {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 2px;\n\n}\n\n\n.menu-link,\n.submenu-toggle {\n\n    width: 100%;\n\n    min-height: 30px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding: 5px 7px;\n\n    border: 0;\n\n    border-radius: 6px;\n\n    background: transparent;\n\n    color: var(--text-light);\n\n    font-family: inherit;\n\n    font-size: 11px;\n\n    text-decoration: none;\n\n    text-align: right;\n\n    cursor: pointer;\n\n    transition: .2s ease;\n\n}\n\n\n.menu-link span,\n.submenu-toggle span {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n}\n\n\n.menu-link i,\n.submenu-toggle i {\n\n    color: var(--green-light);\n\n    font-size: 10px;\n\n}\n\n\n.menu-link:hover,\n.submenu-toggle:hover {\n\n    color: white;\n\n    background:\n        rgba(44,168,121,.10);\n\n}\n\n\n\/* =====================================================\n   SUBMENU\n===================================================== *\/\n\n.has-submenu {\n\n    position: relative;\n\n}\n\n\n.submenu {\n\n    position: absolute;\n\n    z-index: 100;\n\n    top: calc(100% - 1px);\n\n    right: 0;\n\n    width: 225px;\n\n    padding: 6px;\n\n    background: #18342c;\n\n    border:\n        1px solid rgba(255,255,255,.10);\n\n    border-radius: 9px;\n\n    box-shadow:\n        0 15px 35px rgba(0,0,0,.25);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    transform:\n        translateY(6px);\n\n    transition: .2s ease;\n\n}\n\n\n.has-submenu:hover .submenu {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    transform:\n        translateY(0);\n\n}\n\n\n.submenu a {\n\n    display: block;\n\n    padding: 6px 8px;\n\n    border-radius: 6px;\n\n    color: var(--text-light);\n\n    font-size: 10px;\n\n    text-decoration: none;\n\n    transition: .2s ease;\n\n}\n\n\n.submenu a:hover {\n\n    color: white;\n\n    background:\n        rgba(44,168,121,.12);\n\n    padding-right: 12px;\n\n}\n\n\n.arrow {\n\n    transition:\n        transform .25s ease;\n\n}\n\n\n\/* =====================================================\n   CATEGORY - \u062a\u06a9 \u0633\u062a\u0648\u0646\u0647\n===================================================== *\/\n\n.category-list {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 2px;\n\n}\n\n\n.category-list a {\n\n    display: flex;\n\n    align-items: center;\n\n    min-height: 25px;\n\n    padding: 3px 7px;\n\n    border-radius: 5px;\n\n    color: var(--text-light);\n\n    font-size: 10px;\n\n    line-height: 1.5;\n\n    text-decoration: none;\n\n    transition: .2s ease;\n\n}\n\n\n.category-list a::before {\n\n    content: \"\";\n\n    width: 4px;\n    height: 4px;\n\n    flex: 0 0 4px;\n\n    margin-left: 7px;\n\n    border-radius: 50%;\n\n    background:\n        var(--green);\n\n}\n\n\n.category-list a:hover {\n\n    color: white;\n\n    background:\n        rgba(44,168,121,.09);\n\n}\n\n\n.all-products {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    margin-top: 7px;\n\n    padding: 6px 8px;\n\n    border-radius: 6px;\n\n    color: var(--green-light);\n\n    background:\n        rgba(44,168,121,.08);\n\n    font-size: 10px;\n\n    text-decoration: none;\n\n    transition: .2s ease;\n\n}\n\n\n.all-products:hover {\n\n    color: white;\n\n    background:\n        rgba(44,168,121,.15);\n\n}\n\n\n\/* =====================================================\n   BRAND\n===================================================== *\/\n\n.brand-image {\n\n    width: 100%;\n\n    height: 120px;\n\n    overflow: hidden;\n\n    margin-bottom: 8px;\n\n    border-radius: 8px;\n\n    background: #dbdbdb;\n\n}\n\n\n.brand-image img {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n}\n\n\n.brand-description {\n\n    color: var(--text-light);\n\n    font-size: 10px;\n\n    line-height: 1.8;\n\n    margin-bottom: 8px;\n\n}\n\n\n\/* =====================================================\n   SOCIAL\n===================================================== *\/\n\n.social-section h4 {\n\n    margin-bottom: 7px;\n\n    color: white;\n\n    font-size: 11px;\n\n}\n\n\n.social-links {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n}\n\n\n\/* =====================================================\n   SOCIAL LINK\n===================================================== *\/\n\n.social-link {\n\n    position: relative;\n\n    width: 35px;\n    height: 35px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 9px;\n\n    border:\n        1px solid rgba(255,255,255,.10);\n\n    background:\n        rgba(255,255,255,.055);\n\n    color: var(--text-light);\n\n    font-size: 15px;\n\n    text-decoration: none;\n\n    cursor: pointer;\n\n    transition:\n        transform .25s ease,\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease,\n        box-shadow .25s ease;\n\n}\n\n\n\/* =====================================================\n   TOOLTIP\n===================================================== *\/\n\n.social-link::after {\n\n    content: attr(data-tooltip);\n\n    position: absolute;\n\n    right: 50%;\n\n    bottom: calc(100% + 8px);\n\n    transform:\n        translateX(50%)\n        translateY(5px);\n\n    padding: 5px 9px;\n\n    border-radius: 6px;\n\n    background: #0d211c;\n\n    color: white;\n\n    font-size: 10px;\n\n    white-space: nowrap;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    z-index: 200;\n\n    box-shadow:\n        0 6px 18px rgba(0,0,0,.25);\n\n    transition: .2s ease;\n\n}\n\n\n\/* \u0641\u0644\u0634 *\/\n\n.social-link::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    right: 50%;\n\n    bottom: calc(100% + 2px);\n\n    transform:\n        translateX(50%);\n\n    border:\n        5px solid transparent;\n\n    border-top-color:\n        #0d211c;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    z-index: 200;\n\n    transition: .2s ease;\n\n}\n\n\n\/* \u0646\u0645\u0627\u06cc\u0634 Tooltip *\/\n\n.social-link:hover::after {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    transform:\n        translateX(50%)\n        translateY(0);\n\n}\n\n\n.social-link:hover::before {\n\n    opacity: 1;\n\n    visibility: visible;\n\n}\n\n\n\/* =====================================================\n   HOVER SOCIAL\n===================================================== *\/\n\n.social-link:hover {\n\n    color: white;\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 7px 16px rgba(0,0,0,.20);\n\n}\n\n\n\/* \u0627\u06cc\u062a\u0627 *\/\n\n.social-link.eitaa:hover {\n\n    background: #1f9d75;\n\n    border-color: #1f9d75;\n\n}\n\n\n\/* \u062a\u0644\u06af\u0631\u0627\u0645 *\/\n\n.social-link.telegram:hover {\n\n    background: #229ed9;\n\n    border-color: #229ed9;\n\n}\n\n\n\/* \u0631\u0648\u0628\u06cc\u06a9\u0627 *\/\n\n.social-link.rubika:hover {\n\n    background: #7b3ff2;\n\n    border-color: #7b3ff2;\n\n}\n\n\n\/* \u0628\u0644\u0647 *\/\n\n.social-link.bale:hover {\n\n    background: #168de2;\n\n    border-color: #168de2;\n\n}\n\n\n\/* =====================================================\n   FOOTER BOTTOM\n===================================================== *\/\n\n.footer-bottom {\n\n    border-top:\n        1px solid rgba(255,255,255,.08);\n\n    background:\n        #0e1f1a;\n\n}\n\n\n.footer-bottom-inner {\n\n    width: min(1400px, 94%);\n\n    min-height: 43px;\n\n    margin: 0 auto;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 15px;\n\n    color: var(--text-muted);\n\n    font-size: 9px;\n\n}\n\n\n\/* =====================================================\n   LOGO BRANDIL\n===================================================== *\/\n\n.brand-logo-upload {\n\n    position: relative;\n\n    width: 44px;\n    height: 30px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    overflow: hidden;\n\n    border-radius: 6px;\n\n    background:\n        rgba(255,255,255,.045);\n\n    border:\n        1px solid rgba(255,255,255,.09);\n\n    cursor: pointer;\n\n    transition: .25s ease;\n\n}\n\n\n.brand-logo-upload input {\n\n    display: none;\n\n}\n\n\n.brand-logo-placeholder {\n\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    color: var(--text-muted);\n\n    font-size: 10px;\n\n}\n\n\n.brand-logo-upload:hover {\n\n    border-color:\n        var(--green);\n\n    background:\n        rgba(44,168,121,.10);\n\n    transform:\n        translateY(-2px);\n\n}\n\n\n.brand-logo-upload:hover\n.brand-logo-placeholder {\n\n    color:\n        var(--green-light);\n\n}\n\n\n.brand-logo-placeholder img {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: contain;\n\n    padding: 3px;\n\n}\n\n\n\/* =====================================================\n   DOMAIN\n===================================================== *\/\n\n.footer-domain {\n\n    direction: ltr;\n\n    color:\n        var(--green-light);\n\n}\n\n\n\/* =====================================================\n   BACK TO TOP\n===================================================== *\/\n\n.back-to-top {\n\n    position: fixed;\n\n    left: 18px;\n\n    bottom: 18px;\n\n    width: 39px;\n    height: 39px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border: 0;\n\n    border-radius: 10px;\n\n    background:\n        var(--green);\n\n    color: white;\n\n    cursor: pointer;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    transform:\n        translateY(10px);\n\n    z-index: 500;\n\n    transition: .25s ease;\n\n}\n\n\n.back-to-top.show {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    transform:\n        translateY(0);\n\n}\n\n\n.back-to-top:hover {\n\n    background:\n        var(--green-light);\n\n    transform:\n        translateY(-3px);\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .footer-container {\n\n        grid-template-columns:\n            repeat(3, 1fr);\n\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE MENU\n===================================================== *\/\n\n@media (max-width: 800px) {\n\n    .footer-container {\n\n        grid-template-columns:\n            repeat(2, 1fr);\n\n        gap: 9px;\n\n        padding-top: 12px;\n\n    }\n\n\n    .submenu {\n\n        position: static;\n\n        display: none;\n\n        width: 100%;\n\n        margin-top: 2px;\n\n        padding: 4px;\n\n        opacity: 1;\n\n        visibility: visible;\n\n        transform: none;\n\n        box-shadow: none;\n\n        background:\n            rgba(0,0,0,.10);\n\n    }\n\n\n    .has-submenu.open .submenu {\n\n        display: block;\n\n    }\n\n\n    .has-submenu.open .arrow {\n\n        transform:\n            rotate(180deg);\n\n    }\n\n\n    .has-submenu:hover .submenu {\n\n        display: none;\n\n    }\n\n\n    .has-submenu.open:hover .submenu {\n\n        display: block;\n\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 560px) {\n\n    .footer-container {\n\n        width: 92%;\n\n        grid-template-columns: 1fr;\n\n        gap: 7px;\n\n        padding: 9px 0;\n\n    }\n\n\n    .footer-column {\n\n        padding: 11px;\n\n        border-radius: 11px;\n\n    }\n\n\n    .footer-title {\n\n        margin-bottom: 8px;\n\n        font-size: 12px;\n\n    }\n\n\n    .map-box {\n\n        height: 125px;\n\n    }\n\n\n    .brand-image {\n\n        height: 82px;\n\n    }\n\n\n    .footer-bottom-inner {\n\n        width: 92%;\n\n        min-height: 40px;\n\n        gap: 8px;\n\n        padding: 5px 0;\n\n    }\n\n\n    .brand-logo-upload {\n\n        width: 38px;\n\n        height: 27px;\n\n    }\n\n\n    .back-to-top {\n\n        width: 35px;\n        height: 35px;\n\n        left: 11px;\n        bottom: 11px;\n\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL\n===================================================== *\/\n\n@media (max-width: 380px) {\n\n    .footer-bottom-inner {\n\n        font-size: 8px;\n\n    }\n\n\n    .social-link {\n\n        width: 33px;\n        height: 33px;\n\n    }\n\n}\n<\/style>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>\u0628\u0631\u0646\u062f\u06cc\u0644<\/title>\n\n    <!-- Font Awesome -->\n    <link\n        rel=\"stylesheet\"\n        href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n    >\n\n    <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n\n<body>\n\n\n<!-- =====================================================\n     FOOTER\n===================================================== -->\n\n<footer class=\"site-footer\">\n\n    <div class=\"footer-container\">\n\n\n        <!-- =================================================\n             \u0633\u062a\u0648\u0646 \u0627\u0648\u0644 - \u0646\u0642\u0634\u0647\n        ================================================== -->\n\n        <div class=\"footer-column map-column\">\n\n            <h3 class=\"footer-title\">\n                <i class=\"fa-solid fa-location-dot\"><\/i>\n                \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u0627\n            <\/h3>\n\n            <div class=\"map-box\">\n\n                <iframe\n                    src=\"https:\/\/www.google.com\/maps?q=\u06a9\u0645\u0627\u0644\u0634\u0647\u0631%20\u06a9\u0631\u062c&output=embed\"\n                    loading=\"lazy\"\n                    referrerpolicy=\"no-referrer-when-downgrade\">\n                <\/iframe>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             \u0633\u062a\u0648\u0646 \u062f\u0648\u0645 - \u0622\u062f\u0631\u0633 \u0648 \u062a\u0644\u0641\u0646\n        ================================================== -->\n\n        <div class=\"footer-column address-column\">\n\n            <h3 class=\"footer-title\">\n                <i class=\"fa-solid fa-building\"><\/i>\n                \u0622\u062f\u0631\u0633 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647\n            <\/h3>\n\n            <div class=\"address-box\">\n\n                <div class=\"address-icon\">\n                    <i class=\"fa-solid fa-location-crosshairs\"><\/i>\n                <\/div>\n\n                <p>\n                    \u06a9\u0631\u062c\u060c \u06a9\u0645\u0627\u0644\u0634\u0647\u0631\u060c \u062c\u0646\u0628 \u067e\u0644\u06cc\u0633 \u0631\u0627\u0647\u060c\n                    \u062e\u06cc\u0627\u0628\u0627\u0646 \u0639\u0637\u0627\u060c \u067e\u0644\u0627\u06a9 \u06f7\n                    <br>\n                    \u06a9\u0627\u0631\u06af\u0627\u0647 \u062a\u0648\u0644\u06cc\u062f\u06cc\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"phone-list\">\n\n                <a\n                    href=\"tel:02634721245\"\n                    class=\"phone-item\">\n\n                    <i class=\"fa-solid fa-phone\"><\/i>\n\n                    <span>\n                        \u06f0\u06f2\u06f6-\u06f3\u06f4\u06f7\u06f2\u06f1\u06f2\u06f4\u06f5\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"tel:09122050682\"\n                    class=\"phone-item\">\n\n                    <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\n\n                    <span>\n                        \u06f0\u06f9\u06f1\u06f2\u06f2\u06f0\u06f5\u06f0\u06f6\u06f8\u06f2\n                    <\/span>\n\n                <\/a>\n                <a\n                href=\"tel:09122050682\"\n                class=\"phone-item\">\n\n                <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\n\n                <span>\n                    \u06f0\u06f9\u06f1\u06f2\u06f6\u06f3\u06f0\u06f6\u06f1\u06f5\u06f0\n                <\/span>\n\n            <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             \u0633\u062a\u0648\u0646 \u0633\u0648\u0645 - \u0641\u0647\u0631\u0633\u062a\n        ================================================== -->\n\n        <div class=\"footer-column menu-column\">\n\n            <h3 class=\"footer-title\">\n                <i class=\"fa-solid fa-bars\"><\/i>\n                \u0641\u0647\u0631\u0633\u062a\n            <\/h3>\n\n\n            <nav class=\"footer-menu\">\n\n\n                <!-- \u062e\u0627\u0646\u0647 -->\n\n                <a\n                    href=\"https:\/\/berandil.ir\/\"\n                    class=\"menu-link\">\n\n                    <span>\n                        <i class=\"fa-solid fa-house\"><\/i>\n                        \u062e\u0627\u0646\u0647\n                    <\/span>\n\n                <\/a>\n\n\n                <!-- \u0645\u062d\u0635\u0648\u0644\u0627\u062a -->\n\n                <div class=\"menu-item has-submenu\">\n\n                    <button\n                        type=\"button\"\n                        class=\"submenu-toggle\"\n                        aria-expanded=\"false\">\n\n                        <span>\n                            <i class=\"fa-solid fa-box-open\"><\/i>\n                            \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n                        <\/span>\n\n                        <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\n\n                    <\/button>\n\n\n                    <div class=\"submenu\">\n\n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0645\u0627\u0633\u062a-\u0647\u0645\u0632\u062f\u0647\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u0627\u0633\u062a \u0647\u0645\u0632\u062f\u0647\n                        <\/a>\n        \n        \n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u062f\u0648\u063a\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0648\u063a\n                        <\/a>\n        \n        \n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u067e\u0646\u06cc\u0631\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\n                        <\/a>\n        \n        \n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u062e\u0627\u0645\u0647-\u0642\u0646\u0627\u062f\u06cc\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0642\u0646\u0627\u062f\u06cc\n                        <\/a>\n        \n        \n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0628\u0633\u062a\u0646\u06cc\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0633\u062a\u0646\u06cc\n                        <\/a>\n        \n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u062e\u0627\u0645\u0647-\u0635\u0628\u062d\u0627\u0646\u0647\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0635\u0628\u062d\u0627\u0646\u0647\n                        <\/a>\n        \n        \n                        <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631\/\">\n                            \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0634\u06cc\u0631 \u0637\u0639\u0645\u200c\u062f\u0627\u0631\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- \u0633\u0627\u06cc\u0631 \u0645\u0646\u0648\u0647\u0627 -->\n\n                <!-- \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0628\u0631\u0646\u062f\u06cc\u0644 -->\n\n<div class=\"menu-item has-submenu\">\n\n    <button\n        type=\"button\"\n        class=\"submenu-toggle\"\n        aria-expanded=\"false\">\n\n        <span>\n            <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\n            \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0628\u0631\u0646\u062f\u06cc\u0644\n        <\/span>\n\n        <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\n\n    <\/button>\n\n\n    <div class=\"submenu\">\n\n        <a href=\"#\">\n            <i class=\"fa-solid fa-building\"><\/i>\n            \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062f\u0627\u062e\u0644\u06cc\n        <\/a>\n\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\/\">\n            <i class=\"fa-solid fa-globe\"><\/i>\n            \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n                <a href=\"https:\/\/berandil.ir\/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA\/\" class=\"menu-link\">\n\n                    <span>\n                        <i class=\"fa-solid fa-newspaper\"><\/i>\n                        \u0645\u0642\u0627\u0644\u0627\u062a\n                    <\/span>\n\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A8%D8%B1%D9%86%D8%AF%DB%8C%D9%84\/\" class=\"menu-link\">\n\n                    <span>\n                        <i class=\"fa-solid fa-circle-info\"><\/i>\n                        \u062f\u0631\u0628\u0627\u0631\u0647 \u0628\u0631\u0646\u062f\u06cc\u0644\n                    <\/span>\n\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/%D8%AA%D9%85%D8%A7%D8%B3-%D8%A8%D8%A7-%D8%A8%D8%B1%D9%86%D8%AF%DB%8C%D9%84\/\" class=\"menu-link\">\n\n                    <span>\n                        <i class=\"fa-solid fa-envelope\"><\/i>\n                        \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\n                    <\/span>\n\n                <\/a>\n\n            <\/nav>\n\n        <\/div>\n\n\n        <!-- =================================================\n             \u0633\u062a\u0648\u0646 \u0686\u0647\u0627\u0631\u0645 - \u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\u0647\u0627\n        ================================================== -->\n\n        <div class=\"footer-column category-column\">\n\n            <h3 class=\"footer-title\">\n\n                <i class=\"fa-solid fa-layer-group\"><\/i>\n\n                \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\u0647\u0627\n\n            <\/h3>\n\n\n            <div class=\"category-list\">\n\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0645\u0627\u0633\u062a-\u0647\u0645\u0632\u062f\u0647\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0645\u0627\u0633\u062a \u0647\u0645\u0632\u062f\u0647\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u062f\u0648\u063a\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062f\u0648\u063a\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u067e\u0646\u06cc\u0631\/\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u062e\u0627\u0645\u0647-\u0642\u0646\u0627\u062f\u06cc\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0642\u0646\u0627\u062f\u06cc\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0628\u0633\u062a\u0646\u06cc\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0628\u0633\u062a\u0646\u06cc\n                <\/a>\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u062e\u0627\u0645\u0647-\u0635\u0628\u062d\u0627\u0646\u0647\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u062e\u0627\u0645\u0647 \u0635\u0628\u062d\u0627\u0646\u0647\n                <\/a>\n\n\n                <a href=\"https:\/\/berandil.ir\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0634\u06cc\u0631-\u0637\u0639\u0645-\u062f\u0627\u0631\/\">\n                    \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u0634\u06cc\u0631 \u0637\u0639\u0645\u200c\u062f\u0627\u0631\n                <\/a>\n\n            <\/div>\n\n\n            <a\n                href=\"https:\/\/berandil.ir\/product-category\/dairy-stabilizers\/\"\n                class=\"all-products\">\n\n                <span>\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\u0647\u0627\n                <\/span>\n\n                <i class=\"fa-solid fa-arrow-left\"><\/i>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- =================================================\n             \u0633\u062a\u0648\u0646 \u067e\u0646\u062c\u0645 - \u0628\u0631\u0646\u062f + \u0634\u0628\u06a9\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc\n        ================================================== -->\n\n        <div class=\"footer-column brand-column\">\n\n\n            <div class=\"brand-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/08\/berandil-1.png\"\n                    alt=\"\u0628\u0631\u0646\u062f\u06cc\u0644\">\n\n            <\/div>\n\n\n            <p class=\"brand-description\">\n\n                \u0628\u0631\u0646\u062f\u06cc\u0644\u060c \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc\n                \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647\n                \u062f\u0631 \u0635\u0646\u0627\u06cc\u0639 \u0644\u0628\u0646\u06cc \u0648 \u063a\u0630\u0627\u06cc\u06cc.\n\n            <\/p>\n\n\n            <!-- \u0634\u0628\u06a9\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc -->\n\n            <div class=\"social-section\">\n\n                <h4>\n                    \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc\n                <\/h4>\n\n\n                <div class=\"social-links\">\n\n\n                    <!-- ================= \u0627\u06cc\u062a\u0627 ================= -->\n\n                    <a\n                        href=\"https:\/\/eitaa.com\/berandil_food_factory\" target=\"_blank\"\n                        class=\"social-link eitaa\"\n                        data-tooltip=\"\u0627\u06cc\u062a\u0627\"\n                        aria-label=\"\u0627\u06cc\u062a\u0627\">\n\n                        <i class=\"fa-solid fa-paper-plane\"><\/i>\n\n                    <\/a>\n\n\n                    <!-- ================= \u062a\u0644\u06af\u0631\u0627\u0645 ================= -->\n\n                    <a\n                        href=\"https:\/\/t.me\/berandil_food_factory\" target=\"_blank\"\n                        class=\"social-link telegram\"\n                        data-tooltip=\"\u062a\u0644\u06af\u0631\u0627\u0645\"\n                        aria-label=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\n\n                        <i class=\"fa-brands fa-telegram\"><\/i>\n\n                    <\/a>\n\n\n                    <!-- ================= \u0631\u0648\u0628\u06cc\u06a9\u0627 ================= -->\n\n                    <a\n                        href=\"https:\/\/rubika.ir\/berandil_food_factory\" target=\"_blank\"\n                        class=\"social-link rubika\"\n                        data-tooltip=\"\u0631\u0648\u0628\u06cc\u06a9\u0627\"\n                        aria-label=\"\u0631\u0648\u0628\u06cc\u06a9\u0627\">\n\n                        <i class=\"fa-solid fa-comment-dots\"><\/i>\n\n                    <\/a>\n\n\n                    <!-- ================= \u0628\u0644\u0647 ================= -->\n\n                    <a\n                        href=\"https:\/\/ble.ir\/berandil_food_factory\" target=\"_blank\"\n                        class=\"social-link bale\"\n                        data-tooltip=\"\u0628\u0644\u0647\"\n                        aria-label=\"\u0628\u0644\u0647\">\n\n                        <i class=\"fa-solid fa-comments\"><\/i>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         \u0646\u0648\u0627\u0631 \u067e\u0627\u06cc\u06cc\u0646\n    ====================================================== -->\n\n    <div class=\"footer-bottom\">\n\n        <div class=\"footer-bottom-inner\">\n\n\n            <!-- \u0644\u0648\u06af\u0648\u06cc \u06a9\u0648\u0686\u06a9 \u0628\u0631\u0646\u062f\u06cc\u0644 -->\n\n         \n\n\n            <!-- \u0645\u062a\u0646 \u06a9\u067e\u06cc \u0631\u0627\u06cc\u062a -->\n\n            <span class=\"copyright-text\">\n\n                \u00a9\n                <span id=\"currentYear\"><\/span>\n\n                \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.\n\n            <\/span>\n\n\n            \n\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n\n<!-- =====================================================\n     BACK TO TOP\n===================================================== -->\n\n<button\n    type=\"button\"\n    id=\"backToTop\"\n    class=\"back-to-top\"\n    aria-label=\"\u0628\u0627\u0632\u06af\u0634\u062a \u0628\u0647 \u0628\u0627\u0644\u0627\">\n\n    <i class=\"fa-solid fa-arrow-up\"><\/i>\n\n<\/button>\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n\n\/* =====================================================\n   \u0633\u0627\u0644 \u062c\u0627\u0631\u06cc\n===================================================== *\/\n\nconst currentYear =\n    document.getElementById(\"currentYear\");\n\nif (currentYear) {\n\n    currentYear.textContent =\n        new Date().getFullYear();\n\n}\n\n\n\/* =====================================================\n   \u0645\u0646\u0648\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644\n===================================================== *\/\n\/* =====================================================\n   \u0645\u0646\u0648\u0647\u0627\u06cc \u062f\u0627\u0631\u0627\u06cc \u0632\u06cc\u0631\u0645\u0646\u0648\n===================================================== *\/\n\nconst submenuParents =\n    document.querySelectorAll(\".has-submenu\");\n\n\nsubmenuParents.forEach(function (parent) {\n\n    const toggle =\n        parent.querySelector(\".submenu-toggle\");\n\n\n    if (!toggle) return;\n\n\n    toggle.addEventListener(\n        \"click\",\n        function (event) {\n\n            event.preventDefault();\n\n            const isOpen =\n                parent.classList.toggle(\"open\");\n\n\n            toggle.setAttribute(\n                \"aria-expanded\",\n                isOpen ? \"true\" : \"false\"\n            );\n\n        }\n    );\n\n});\n\n\n\/* =====================================================\n   \u0628\u0633\u062a\u0646 \u0632\u06cc\u0631\u0645\u0646\u0648 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u06cc\u0631\u0648\u0646\n===================================================== *\/\n\ndocument.addEventListener(\n    \"click\",\n    function (event) {\n\n        submenuParents.forEach(function (parent) {\n\n            if (!parent.contains(event.target)) {\n\n                parent.classList.remove(\"open\");\n\n\n                const toggle =\n                    parent.querySelector(\".submenu-toggle\");\n\n\n                if (toggle) {\n\n                    toggle.setAttribute(\n                        \"aria-expanded\",\n                        \"false\"\n                    );\n\n                }\n\n            }\n\n        });\n\n    }\n);\n\n\n\/* =====================================================\n   \u0622\u067e\u0644\u0648\u062f \u0644\u0648\u06af\u0648\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644\n===================================================== *\/\n\nconst brandLogoInput =\n    document.getElementById(\n        \"brandLogoInput\"\n    );\n\n\nconst brandLogoPlaceholder =\n    document.getElementById(\n        \"brandLogoPlaceholder\"\n    );\n\n\nif (\n    brandLogoInput &&\n    brandLogoPlaceholder\n) {\n\n    brandLogoInput.addEventListener(\n        \"change\",\n        function (event) {\n\n            const file =\n                event.target.files[0];\n\n            if (!file) return;\n\n\n            if (!file.type.startsWith(\"image\/\")) {\n\n                alert(\n                    \"\u0644\u0637\u0641\u0627\u064b \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062a\u0635\u0648\u06cc\u0631\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.\"\n                );\n\n                brandLogoInput.value = \"\";\n\n                return;\n\n            }\n\n\n            const reader =\n                new FileReader();\n\n\n            reader.onload =\n                function (e) {\n\n                    brandLogoPlaceholder.innerHTML = \"\";\n\n\n                    const image =\n                        document.createElement(\"img\");\n\n\n                    image.src =\n                        e.target.result;\n\n\n                    image.alt =\n                        \"\u0644\u0648\u06af\u0648\u06cc \u0628\u0631\u0646\u062f\u06cc\u0644\";\n\n\n                    brandLogoPlaceholder.appendChild(\n                        image\n                    );\n\n                };\n\n\n            reader.readAsDataURL(file);\n\n        }\n    );\n\n}\n\n\n\/* =====================================================\n   BACK TO TOP\n===================================================== *\/\n\nconst backToTop =\n    document.getElementById(\n        \"backToTop\"\n    );\n\n\nif (backToTop) {\n\n    window.addEventListener(\n        \"scroll\",\n        function () {\n\n            if (window.scrollY > 350) {\n\n                backToTop.classList.add(\"show\");\n\n            } else {\n\n                backToTop.classList.remove(\"show\");\n\n            }\n\n        }\n    );\n\n\n    backToTop.addEventListener(\n        \"click\",\n        function () {\n\n            window.scrollTo({\n\n                top: 0,\n\n                behavior: \"smooth\"\n\n            });\n\n        }\n    );\n\n}\n\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7fa70117 e-con e-atomic-element e-flexbox-base e-default-div e-7fa70117-597b26f \" data-id=\"7fa70117\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7fa70117\" data-e-type=\"e-flexbox\" data-id=\"7fa70117\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-1b3041ab e-con e-atomic-element e-flexbox-base e-default-div e-1b3041ab-4319e0d \" data-id=\"1b3041ab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1b3041ab\" data-e-type=\"e-flexbox\" data-id=\"1b3041ab\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \/ \u0631\u0627\u0647\u06a9\u0627\u0631 \u062a\u062e\u0635\u0635\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0644\u0628\u0646\u06cc \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u2726 \u0645\u062d\u0635\u0648\u0644 \u062a\u062e\u0635\u0635\u06cc \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0650\u0631\u064e\u0646\u062f\u06cc\u0644\u060c \u062a\u0631\u06a9\u06cc\u0628\u06cc \u062a\u062e\u0635\u0635\u06cc \u0648 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u067e\u0646\u06cc\u0631 \u062e\u0627\u0645\u0647\u200c\u0627\u06cc \u0628\u0627 \u0628\u0627\u0641\u062a\u06cc \u0646\u0631\u0645\u060c \u06a9\u0631\u0645\u06cc\u060c \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631 \u067e\u0646\u06cc\u0631 \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0641\u0631\u0645\u0648\u0644\u0627\u0633\u06cc\u0648\u0646\u06cc \u062f\u0642\u06cc\u0642 \u0648 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0627\u0631\u062a\u0642\u0627\u06cc \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2835","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/2835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/comments?post=2835"}],"version-history":[{"count":9,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/2835\/revisions"}],"predecessor-version":[{"id":3102,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/2835\/revisions\/3102"}],"wp:attachment":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/media?parent=2835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}