{"id":3098,"date":"2026-09-20T22:01:06","date_gmt":"2026-09-20T18:31:06","guid":{"rendered":"https:\/\/berandil.ir\/ice-cream-stabilizer\/"},"modified":"2026-09-25T09:59:59","modified_gmt":"2026-09-25T06:29:59","slug":"ice-cream-stabilizer","status":"publish","type":"page","link":"https:\/\/berandil.ir\/en\/ice-cream-stabilizer\/","title":{"rendered":"Ice cream stabilizer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3098\" class=\"elementor elementor-3098\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b3752 e-con e-atomic-element e-flexbox-base e-default-div e-8178206 \" data-id=\"c6b3752\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6b3752\" data-e-type=\"e-flexbox\" data-id=\"c6b3752\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-ab17987 e-con e-atomic-element e-flexbox-base e-default-div e-512cc60 \" data-id=\"ab17987\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab17987\" data-e-type=\"e-flexbox\" data-id=\"ab17987\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-96beab5 e-con e-atomic-element e-flexbox-base e-default-div e-4f85e84 \" data-id=\"96beab5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96beab5\" data-e-type=\"e-flexbox\" data-id=\"96beab5\">\n    \t\t<div class=\"elementor-element elementor-element-f168bed elementor-widget elementor-widget-html\" data-id=\"f168bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=\"ltr\">\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>Brandil<\/span>\r\n            <span class=\"bd-doogh-brand-separator\">\/<\/span>\r\n            <span>Specialized Solutions for the Dairy Industry<\/span>\r\n          <\/div>\r\n\r\n          <h1 class=\"bd-doogh-hero-title\">\r\n            Ice Cream\r\n            <span>Stabilizer<\/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            Brandil Specialized Product\r\n          <\/div>\r\n\r\n          <div class=\"bd-doogh-hero-description\">\r\n\r\n            <p>\r\n              Brandil Ice Cream Stabilizer is a specialized and advanced blend\r\n              designed for producing ice cream with a smooth, uniform texture\r\n              and stable structure. With its precise and functional formulation,\r\n              this product helps improve the physical and sensory properties\r\n              of ice cream while enhancing the quality of the final product\r\n              throughout production and storage.\r\n            <\/p>\r\n\r\n            <p>\r\n              The specialized formulation of this stabilizer is designed to\r\n              control structure, improve consistency, and create a desirable\r\n              texture. By helping control the formation of ice crystals, it\r\n              contributes to a softer and more uniform structure in the final\r\n              product. Enhanced texture stability and improved resistance to\r\n              temperature fluctuations are among the other functional benefits\r\n              of this product.\r\n            <\/p>\r\n\r\n            <p>\r\n              Brandil Ice Cream Stabilizer is a professional solution for\r\n              manufacturers seeking premium texture, high stability, consistent\r\n              quality, and reliable performance. It is designed to meet the\r\n              needs of professional producers and the standards of competitive\r\n              international markets.\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>Specialized Solution for Ice Cream Manufacturers<\/strong>\r\n\r\n              <span>\r\n                Ideal for achieving a smooth and uniform texture, desirable consistency, and high product stability\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>ICE CREAM<\/strong>\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"bd-doogh-product-frame\">\r\n\r\n            <div class=\"bd-doogh-product-frame-inner\">\r\n\r\n              <img fetchpriority=\"high\"\r\n                class=\"bd-doogh-product-image\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/\u0627\u0633\u062a\u0627\u0628\u0644\u0627\u06cc\u0632\u0631-\u0628\u0633\u062a\u0646\u06cc-\u0628\u0631\u0646\u062f\u06cc\u0644.png\" \r\n                alt=\"Brandil Ice Cream Stabilizer\" \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>Smooth & Uniform Texture<\/strong> \r\n              <span>Improved ice cream structure and consistency<\/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>Ice Crystal Control<\/strong> \r\n              <span>Enhanced texture stability<\/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>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-448b0d7 elementor-widget elementor-widget-html\" data-id=\"448b0d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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 = \"Sending...\";\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                \"Sending information...\",\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                        \"The information could not be sent.\"\r\n                    );\r\n                }\r\n    \r\n                if (result.success === false) {\r\n                    throw new Error(\r\n                        result.message ||\r\n                        \"The information could not be sent.\"\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                    \"An error occurred while sending the information. Please try again.\",\r\n                    \"error\"\r\n                );\r\n    \r\n            } finally {\r\n    \r\n                setButtonLoading(\r\n                    submitButton,\r\n                    false,\r\n                    \"Submit Request\"\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                    \"Your order request has been submitted successfully.\"\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                    \"Your consultation request has been submitted successfully.\"\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 = \"Yogurt Drink Stabilizer\";\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 = \"Yogurt Drink Stabilizer\";\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       Style only \u2014 HTML structure \/ ID \/ JS unchanged\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       Background only behind the buttons\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    \/* Very subtle light layer over the background *\/\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    \/* Keep buttons above the background effect *\/\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    \/* Mobile *\/\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     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            Submit Order Request\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            Request Consultation\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                        Submit Order Request\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Enter your order information\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=\"Close\">\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                        Product Type\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                            Select Product\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                            Berandil Stirred Yogurt Stabilizer\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                            Berandil Doogh Stabilizer\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                            Berandil Breakfast Cream Stabilizer\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                            Berandil Pastry Cream Stabilizer\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                            Berandil Cheese Stabilizer\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                            Berandil Ice Cream Stabilizer\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                            Berandil Flavored Milk Stabilizer\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                        Order Quantity\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=\"e.g. 100\"\r\n                            required>\r\n\r\n                        <span class=\"br-quantity-unit\">\r\n                            kg\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                        Full Name\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=\"Full Name\"\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                        Company \/ Organization\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=\"Company or Organization Name\">\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                        Phone Number\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=\"e.g. +989121234567\"\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                        Email\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                        Order Details\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=\"Enter your details or special request...\"><\/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                        Submit Request\r\n                    <\/span>\r\n\r\n                    <span class=\"br-loading\">\r\n                        Sending...\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                    Request Consultation\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Berandil experts are ready to assist you\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=\"Close\">\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                    Full Name\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=\"Full Name\"\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                    Company \/ Organization\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=\"Company or Organization Name\">\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                    Phone Number\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=\"e.g. +989121234567\"\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                    Email\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                    Consultation Topic\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                        Select\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                        Choosing the Right Product\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                        Formulation and Production\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                        Stabilizers and Stabilizing Agents\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u062a\u0648\u0644\u06cc\u062f\">\r\n                        Production Problem Solving\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                        Product Purchase Consultation\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f\">\r\n                        Other\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                    Product of Interest\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                        Select Product\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                        Stirred Yogurt\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                        Doogh\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                        Breakfast Cream\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                        Pastry Cream\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                        Cheese\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                        Ice Cream\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                        Flavored Milk\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0633\u0627\u06cc\u0631\">\r\n                        Other\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                    Preferred Contact Method\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                        Select\r\n                    <\/option>\r\n\r\n                    <option value=\"\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc\">\r\n                        Phone Call\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\r\n                        WhatsApp\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0628\u0644\u0647\">\r\n                        Yes\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0627\u06cc\u0645\u06cc\u0644\">\r\n                        Email\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                    Preferred Contact Time\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                        Select\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0635\u0628\u062d\">\r\n                        Morning\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0638\u0647\u0631\">\r\n                        Noon\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0639\u0635\u0631\">\r\n                        Afternoon\r\n                    <\/option>\r\n\r\n                    <option value=\"\u0641\u0631\u0642\u06cc \u0646\u062f\u0627\u0631\u062f\">\r\n                        Any Time\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                    Request Details\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=\"Please describe your request or problem...\"><\/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                    Submit Consultation Request\r\n                <\/span>\r\n\r\n                <span class=\"br-loading\">\r\n                    Sending...\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                \"Your request cannot be processed.\",\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                \"Please select a product type.\",\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                \"Please enter the order quantity.\",\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                \"Please enter your full name.\",\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                \"Please enter your phone number.\",\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                \"Please enter a valid email address.\",\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           This is the order endpoint\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                    \"Your request has been successfully submitted. Berandil experts will contact you.\",\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                    \"The request could not be submitted. Please try again.\",\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                \"Could not connect to the server. Please try again.\",\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                \"Your request cannot be processed.\",\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                \"Please enter your full name.\",\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                \"Please enter your phone number.\",\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                \"Please select a consultation topic.\",\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                \"Please enter a valid email address.\",\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           New consultation-v2 version\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                    \"Your consultation request has been successfully submitted. Berandil experts will contact you as soon as possible.\",\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                    \"The request could not be submitted. Please try again.\",\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                \"Could not connect to the server. Please try again.\",\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-0b95983 elementor-widget elementor-widget-html\" data-id=\"0b95983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WIDGET 02 \u2014 TRUST \/ SERVICE BENEFITS\r\n     Four Service Cards\r\n     Suitable for Elementor HTML Widget\r\n     LTR \/ Responsive \/ SVG \/ Hover\r\n========================================================= -->\r\n\r\n<section class=\"bd-doogh-page bd-widget-02\" dir=\"ltr\">\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          Brandil Services\r\n          <span class=\"bd-widget-02-kicker-line\"><\/span>\r\n        <\/div>\r\n  \r\n        <h2>\r\n          A Reliable Experience from Selection to Delivery\r\n        <\/h2>\r\n  \r\n        <p>\r\n          In addition to providing specialized products for the dairy industry,\r\n          Brandil strives to make the purchasing process simpler and more\r\n          professional for manufacturers through reliable delivery, dependable\r\n          quality, and specialized technical support.\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 Fast Delivery\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              Fast Delivery\r\n            <\/h3>\r\n  \r\n            <p>\r\n              Delivery of products nationwide with proper coordination\r\n              for fast and reliable order fulfillment.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2192<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 02 \u2014 Quality Assurance\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              Quality Assurance\r\n            <\/h3>\r\n  \r\n            <p>\r\n              A strong focus on product quality and providing solutions\r\n              tailored to the specialized needs of dairy manufacturers.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2192<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 03 \u2014 Technical Support\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              Technical Support\r\n            <\/h3>\r\n  \r\n            <p>\r\n              Receive specialized pre-purchase consultation to select\r\n              the right product for your production process and technical needs.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2192<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 04 \u2014 Reliable Shopping Experience\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              Reliable Shopping Experience\r\n            <\/h3>\r\n  \r\n            <p>\r\n              A transparent and reliable purchasing process, so you can\r\n              track your order with confidence and peace of mind.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2192<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n      <\/div>\r\n  \r\n    <\/div>\r\n  \r\n  <\/section>\r\n  \r\n  \r\n  <style>\r\n  \r\n  \/* =========================================================\r\n     WIDGET 02 \u2014 VARIABLES\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 {\r\n  \r\n    --bd-blue: #2563eb;\r\n    --bd-blue-light: #3b82f6;\r\n    --bd-blue-soft: #60a5fa;\r\n    --bd-blue-deep: #172554;\r\n  \r\n    --bd-orange: #ff7a18;\r\n    --bd-orange-light: #ff9a42;\r\n  \r\n    --bd-white: #ffffff;\r\n    --bd-text: #f7f3ff;\r\n    --bd-muted: #c9bddb;\r\n  \r\n    --bd-card:\r\n      rgba(255,255,255,.055);\r\n  \r\n    --bd-border:\r\n      rgba(255,255,255,.11);\r\n  \r\n    --bd-transition:\r\n      all .38s cubic-bezier(.22,.61,.36,1);\r\n  \r\n    position: relative;\r\n  \r\n    overflow: hidden;\r\n  \r\n    padding: 25px 0 85px;\r\n  \r\n    color: var(--bd-text);\r\n  \r\n    font-family:\r\n      \"Shabnam\",\r\n      \"IRANSans\",\r\n      \"IRANSansX\",\r\n      Tahoma,\r\n      Arial,\r\n      sans-serif;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #10071b 0%,\r\n        #12081f 100%\r\n      );\r\n  \r\n    isolation: isolate;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     BACKGROUND GLOW\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02::before {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 520px;\r\n  \r\n    height: 520px;\r\n  \r\n    top: -280px;\r\n  \r\n    right: -180px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(37,99,235,.16),\r\n        transparent 70%\r\n      );\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02::after {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 450px;\r\n  \r\n    height: 450px;\r\n  \r\n    bottom: -300px;\r\n  \r\n    left: -150px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,122,24,.08),\r\n        transparent 70%\r\n      );\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CONTAINER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-doogh-container {\r\n  \r\n    width:\r\n      min(1240px, calc(100% - 40px));\r\n  \r\n    margin: 0 auto;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     HEADER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-head {\r\n  \r\n    max-width: 760px;\r\n  \r\n    margin: 0 auto 40px;\r\n  \r\n    text-align: center;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker {\r\n  \r\n    display: inline-flex;\r\n  \r\n    align-items: center;\r\n  \r\n    gap: 10px;\r\n  \r\n    margin-bottom: 13px;\r\n  \r\n    color:\r\n      var(--bd-blue-soft);\r\n  \r\n    font-size: 11px;\r\n  \r\n    font-weight: 800;\r\n  \r\n    letter-spacing: .7px;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker-line {\r\n  \r\n    width: 25px;\r\n  \r\n    height: 1px;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-blue)\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker-line:last-child {\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--bd-blue),\r\n        transparent\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n    margin: 0 0 12px;\r\n  \r\n    color: var(--bd-white);\r\n  \r\n    font-size: clamp(25px, 3vw, 36px);\r\n  \r\n    line-height: 1.35;\r\n  \r\n    font-weight: 900;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n    max-width: 680px;\r\n  \r\n    margin: 0 auto;\r\n  \r\n    color: var(--bd-muted);\r\n  \r\n    font-size: 13px;\r\n  \r\n    line-height: 2;\r\n  \r\n    text-align: justify;\r\n  \r\n    text-align-last: center;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARDS GRID\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n    display: grid;\r\n  \r\n    grid-template-columns:\r\n      repeat(4, minmax(0, 1fr));\r\n  \r\n    gap: 18px;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card {\r\n  \r\n    position: relative;\r\n  \r\n    min-height: 245px;\r\n  \r\n    overflow: hidden;\r\n  \r\n    display: flex;\r\n  \r\n    flex-direction: column;\r\n  \r\n    padding: 23px;\r\n  \r\n    border-radius: 24px;\r\n  \r\n    border:\r\n      1px solid\r\n      rgba(59,130,246,.20);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(37,99,235,.095),\r\n        rgba(255,255,255,.035)\r\n      );\r\n  \r\n    box-shadow:\r\n      0 20px 50px rgba(0,0,0,.18),\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.055);\r\n  \r\n    backdrop-filter:\r\n      blur(14px);\r\n  \r\n    -webkit-backdrop-filter:\r\n      blur(14px);\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Top orange line *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card::before {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    top: 0;\r\n  \r\n    right: 25px;\r\n  \r\n    left: 25px;\r\n  \r\n    height: 2px;\r\n  \r\n    opacity: .25;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-blue-light),\r\n        transparent\r\n      );\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Hover glow *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card::after {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 180px;\r\n  \r\n    height: 180px;\r\n  \r\n    top: -100px;\r\n  \r\n    right: -80px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(59,130,246,.16),\r\n        transparent 70%\r\n      );\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD HOVER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover {\r\n  \r\n    transform:\r\n      translateY(-9px);\r\n  \r\n    border-color:\r\n      rgba(255,122,24,.42);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,122,24,.12),\r\n        rgba(255,255,255,.045)\r\n      );\r\n  \r\n    box-shadow:\r\n      0 28px 65px rgba(0,0,0,.30),\r\n      0 0 35px rgba(255,122,24,.07);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover::before {\r\n  \r\n    opacity: 1;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-orange),\r\n        transparent\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover::after {\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,122,24,.17),\r\n        transparent 70%\r\n      );\r\n  \r\n    transform: scale(1.4);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD TOP\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-top {\r\n  \r\n    display: flex;\r\n  \r\n    align-items: flex-start;\r\n  \r\n    justify-content: space-between;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ICON\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-icon {\r\n  \r\n    width: 58px;\r\n  \r\n    height: 58px;\r\n  \r\n    display: grid;\r\n  \r\n    place-items: center;\r\n  \r\n    border-radius: 17px;\r\n  \r\n    color:\r\n      var(--bd-blue-light);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(37,99,235,.16),\r\n        rgba(37,99,235,.055)\r\n      );\r\n  \r\n    border:\r\n      1px solid\r\n      rgba(59,130,246,.24);\r\n  \r\n    box-shadow:\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.06);\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-icon svg {\r\n  \r\n    width: 31px;\r\n  \r\n    height: 31px;\r\n  \r\n    display: block;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Icon Hover *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-icon {\r\n  \r\n    color:\r\n      var(--bd-orange);\r\n  \r\n    background:\r\n      rgba(255,122,24,.12);\r\n  \r\n    border-color:\r\n      rgba(255,122,24,.35);\r\n  \r\n    transform:\r\n      scale(1.08)\r\n      rotate(-3deg);\r\n  \r\n    box-shadow:\r\n      0 12px 28px\r\n      rgba(255,122,24,.13);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-icon svg {\r\n  \r\n    transform:\r\n      scale(1.08);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     NUMBER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-number {\r\n  \r\n    color:\r\n      rgba(255,255,255,.16);\r\n  \r\n    font-size: 11px;\r\n  \r\n    font-weight: 900;\r\n  \r\n    letter-spacing: 1px;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-number {\r\n  \r\n    color:\r\n      rgba(255,122,24,.65);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CONTENT\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content {\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  \r\n    margin-top: 25px;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content h3 {\r\n  \r\n    margin: 0 0 9px;\r\n  \r\n    color:\r\n      var(--bd-white);\r\n  \r\n    font-size: 17px;\r\n  \r\n    line-height: 1.5;\r\n  \r\n    font-weight: 850;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content p {\r\n  \r\n    margin: 0;\r\n  \r\n    color:\r\n      var(--bd-muted);\r\n  \r\n    font-size: 12px;\r\n  \r\n    line-height: 2;\r\n  \r\n    text-align: justify;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-card-content h3 {\r\n  \r\n    color:\r\n      var(--bd-orange-light);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ARROW\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-arrow {\r\n  \r\n    margin-top: auto;\r\n  \r\n    padding-top: 17px;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-arrow span {\r\n  \r\n    display: inline-grid;\r\n  \r\n    place-items: center;\r\n  \r\n    width: 31px;\r\n  \r\n    height: 31px;\r\n  \r\n    border-radius: 10px;\r\n  \r\n    color:\r\n      rgba(255,255,255,.45);\r\n  \r\n    background:\r\n      rgba(255,255,255,.045);\r\n  \r\n    font-size: 15px;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-card-arrow span {\r\n  \r\n    color:\r\n      #fff;\r\n  \r\n    background:\r\n      var(--bd-orange);\r\n  \r\n    transform:\r\n      translateX(5px);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 1100\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 1100px) {\r\n  \r\n    .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card {\r\n  \r\n      min-height: 230px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 700\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 700px) {\r\n  \r\n    .bd-widget-02 {\r\n  \r\n      padding:\r\n        15px 0 60px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-doogh-container {\r\n  \r\n      width:\r\n        min(100% - 28px, 1240px);\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head {\r\n  \r\n      margin-bottom: 28px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n      font-size: 25px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n      font-size: 12px;\r\n  \r\n      line-height: 1.95;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n      grid-template-columns: 1fr;\r\n  \r\n      gap: 13px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card {\r\n  \r\n      min-height: auto;\r\n  \r\n      padding: 19px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content {\r\n  \r\n      margin-top: 19px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 480\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 480px) {\r\n  \r\n    .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n      font-size: 22px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n      font-size: 11px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-icon {\r\n  \r\n      width: 52px;\r\n  \r\n      height: 52px;\r\n  \r\n      border-radius: 15px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-icon svg {\r\n  \r\n      width: 28px;\r\n  \r\n      height: 28px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content h3 {\r\n  \r\n      font-size: 16px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content p {\r\n  \r\n      font-size: 11px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ACCESSIBILITY\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 *:focus-visible {\r\n  \r\n    outline:\r\n      2px solid var(--bd-orange);\r\n  \r\n    outline-offset: 3px;\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================= *\/\r\n  \r\n  @media (prefers-reduced-motion: reduce) {\r\n  \r\n    .bd-widget-02 *,\r\n    .bd-widget-02 *::before,\r\n    .bd-widget-02 *::after {\r\n  \r\n      animation: none !important;\r\n  \r\n      transition: none !important;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  <\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0de3a4 elementor-widget elementor-widget-html\" data-id=\"a0de3a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BERANDIL \u2014 ICE CREAM STABILIZER TABLE\r\n   Dark Glass Style\r\n   Responsive + Elementor Compatible\r\n   No Extra Text After the Table\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-table-section {\r\n    direction: ltr;\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   Background Glows\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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-icecream-stab-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   Main Container\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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   Header\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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\/* =========================================================\r\n   Colored Line Under Title\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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-icecream-stab-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   Table\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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: ltr;\r\n\r\n    background:\r\n        #12081f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Table Header\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-table th {\r\n    padding: 13px 8px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n\r\n    line-height: 1.45;\r\n\r\n    text-align: center;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #2563eb,\r\n            #7c3aed\r\n        );\r\n\r\n    border: none;\r\n\r\n    position: relative;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n\/* Orange Bar Above Header *\/\r\n\r\n.bd-icecream-stab-table th::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 22%;\r\n    right: 22%;\r\n\r\n    height: 2px;\r\n\r\n    background: #ff7a18;\r\n\r\n    border-radius: 999px;\r\n}\r\n\r\n\r\n\/* Hover Header *\/\r\n\r\n.bd-icecream-stab-table th:hover {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #7c3aed,\r\n            #2563eb\r\n        );\r\n\r\n    box-shadow:\r\n        0 6px 20px rgba(37,99,235,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Cells\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-table td {\r\n    padding: 11px 8px;\r\n\r\n    color: #f7f3ff;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    vertical-align: middle;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n\/* Hover Row *\/\r\n\r\n.bd-icecream-stab-table tbody tr:hover td {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(37,99,235,.12),\r\n            rgba(124,58,237,.10)\r\n        );\r\n\r\n    border-color:\r\n        rgba(96,165,250,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Ice Cream Type\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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   Product Code\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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   Usage Dosage\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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   Features and Applications\r\n   ========================================================= *\/\r\n\r\n.bd-icecream-stab-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\/* List *\/\r\n\r\n.bd-icecream-stab-table .stab-features ul {\r\n    margin: 0;\r\n\r\n    padding:\r\n        0 0 0 17px;\r\n}\r\n\r\n\r\n\/* Items *\/\r\n\r\n.bd-icecream-stab-table .stab-features li {\r\n    margin: 2px 0;\r\n\r\n    padding: 0;\r\n}\r\n\r\n\r\n\/* Orange Bullet *\/\r\n\r\n.bd-icecream-stab-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-icecream-stab-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   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .bd-icecream-stab-table-section {\r\n        padding: 35px 12px;\r\n    }\r\n\r\n    .bd-icecream-stab-table-container {\r\n        width: 96%;\r\n    }\r\n\r\n    .bd-icecream-stab-table-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .bd-icecream-stab-table th {\r\n        font-size: 13px;\r\n        padding: 10px 5px;\r\n    }\r\n\r\n    .bd-icecream-stab-table td {\r\n        padding: 8px 5px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-type {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-code {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-dose {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .bd-icecream-stab-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-icecream-stab-table-section {\r\n        padding: 24px 5px;\r\n    }\r\n\r\n    .bd-icecream-stab-table-container {\r\n        width: 100%;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .bd-icecream-stab-table-title {\r\n        padding: 15px 8px;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    .bd-icecream-stab-table-title::after {\r\n        width: 65px;\r\n        height: 2px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .bd-icecream-stab-table {\r\n        min-width: 610px;\r\n\r\n        border-spacing: 1px;\r\n    }\r\n\r\n    .bd-icecream-stab-table th {\r\n        font-size: 9px;\r\n\r\n        padding: 7px 3px;\r\n    }\r\n\r\n    .bd-icecream-stab-table td {\r\n        padding: 6px 3px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-type {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-code {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-dose {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-features {\r\n        font-size: 7.5px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-features ul {\r\n        padding-left: 10px;\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-icecream-stab-table-section {\r\n        padding: 18px 3px;\r\n    }\r\n\r\n    .bd-icecream-stab-table-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .bd-icecream-stab-table {\r\n        min-width: 570px;\r\n    }\r\n\r\n    .bd-icecream-stab-table th {\r\n        font-size: 8px;\r\n        padding: 6px 2px;\r\n    }\r\n\r\n    .bd-icecream-stab-table td {\r\n        padding: 5px 2px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-type {\r\n        font-size: 8.5px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-code {\r\n        font-size: 7.5px;\r\n    }\r\n\r\n    .bd-icecream-stab-table .stab-dose {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .bd-icecream-stab-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-icecream-stab-table *,\r\n    .bd-icecream-stab-table *::before,\r\n    .bd-icecream-stab-table *::after {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"bd-icecream-stab-table-section\">\r\n\r\n    <div class=\"bd-icecream-stab-table-container\">\r\n\r\n        <!-- Title -->\r\n        <div class=\"bd-icecream-stab-table-title\">\r\n            Ice Cream Stabilizer Table\r\n        <\/div>\r\n\r\n\r\n        <!-- Table -->\r\n        <div class=\"bd-icecream-stab-table-scroll\">\r\n\r\n            <table class=\"bd-icecream-stab-table\">\r\n\r\n                <thead>\r\n\r\n                    <tr>\r\n\r\n                        <th style=\"width:25%;\">\r\n                            Ice Cream Type\r\n                        <\/th>\r\n\r\n                        <th style=\"width:15%;\">\r\n                            Product Code\r\n                        <\/th>\r\n\r\n                        <th style=\"width:15%;\">\r\n                            Usage Dosage\r\n                        <\/th>\r\n\r\n                        <th style=\"width:45%;\">\r\n                            Features and Applications\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                    <!-- BF - 008 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Traditional Fruit Ice Cream\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BF - 008\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.3%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Improves texture and creates a soft, smooth, and uniform structure in traditional fruit ice cream\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps control the formation and growth of ice crystals during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Enhances mix stability and improves mouthfeel and product texture quality\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps maintain ice cream quality against temperature fluctuations throughout the cold chain\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BM - 005 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Milk-Based Ice Cream\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BM - 005\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.3%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Creates a soft, creamy, and uniform texture in milk-based ice cream formulations\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Controls free water and helps reduce ice crystal formation\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves consistency, mouthfeel, and structural stability of the ice cream\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps increase product resistance to thermal shock and refreezing\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BM - 002 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Traditional Milk-Based Ice Cream\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BM - 002\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.3%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Suitable for creating a balanced texture and desirable consistency in traditional milk-based ice cream\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps control ice crystallization and improve texture softness\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves structural stability and maintains product quality during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps create a desirable mouthfeel and uniform texture in the final product\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BF - 007 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Water-Based Fruit Ice Cream\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BF - 007\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.3%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Improves the structure and texture of water-based fruit ice creams\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps control ice crystal formation and reduce texture coarseness\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases product uniformity and improves the stability of the aqueous phase\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps maintain texture quality and sensory properties throughout storage\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- BR - 009 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Ripple Sauce Ice Cream\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BR - 009\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.3%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Helps create a stable and uniform texture in ripple sauce ice cream products\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves water control and maintains proper product structure during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps preserve texture quality and prevent undesirable structural changes\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Suitable for improving the stability of ice cream formulations with a ripple structure\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        <!-- Bottom Bar -->\r\n        <div class=\"bd-icecream-stab-table-bottom\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba9ab0e elementor-widget elementor-widget-html\" data-id=\"ba9ab0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WIDGET 03 \u2014 ICE CREAM STABILIZER APPLICATION STEPS\r\n     Ice Cream Stabilizer Application Process Slider\r\n\r\n     8 Steps\r\n     Auto Play\r\n     Touch \/ Swipe\r\n     Navigation Arrows\r\n     Pagination Dots\r\n     Responsive\r\n     LTR\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"bd-doogh-page bd-widget-03\"\r\n  dir=\"ltr\"\r\n  aria-labelledby=\"bd-widget-03-title\"\r\n>\r\n\r\n  <div class=\"bd-doogh-container\">\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"bd-widget-03-head\">\r\n\r\n      <div class=\"bd-widget-03-kicker\">\r\n\r\n        <span class=\"bd-widget-03-kicker-icon\">\r\n          \u2726\r\n        <\/span>\r\n\r\n        Product Application Process\r\n\r\n      <\/div>\r\n\r\n      <h2 id=\"bd-widget-03-title\">\r\n\r\n        Ice Cream Stabilizer Application Steps\r\n        <span>in the Production Process<\/span>\r\n\r\n      <\/h2>\r\n\r\n      <p>\r\n\r\n        An overview of the general application process for an ice cream\r\n        stabilizer system; from preparing and controlling raw materials\r\n        and accurately weighing the stabilizer to mixing, hydration,\r\n        homogenization, heat treatment, cooling, aging and freezing,\r\n        followed by the final evaluation of ice cream texture, overrun,\r\n        and stability.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDER\r\n    ====================================================== -->\r\n\r\n    <div\r\n      class=\"bd-widget-03-slider\"\r\n      data-bd-slider\r\n    >\r\n\r\n      <!-- ===================================================\r\n           SLIDER TOP BAR\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-slider-top\">\r\n\r\n        <div class=\"bd-widget-03-slider-label\">\r\n\r\n          <span class=\"bd-widget-03-live-dot\"><\/span>\r\n\r\n          Ice Cream Production Process\r\n\r\n        <\/div>\r\n\r\n        <div class=\"bd-widget-03-counter\">\r\n\r\n          <span data-bd-current>\r\n            01\r\n          <\/span>\r\n\r\n          <i>\/<\/i>\r\n\r\n          <span>\r\n            08\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           SLIDES TRACK\r\n      ==================================================== -->\r\n\r\n      <div\r\n        class=\"bd-widget-03-viewport\"\r\n        data-bd-viewport\r\n      >\r\n\r\n        <div\r\n          class=\"bd-widget-03-track\"\r\n          data-bd-track\r\n        >\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 01\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide is-active\"\r\n            data-slide=\"1\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/1\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Preparing raw materials for ice cream production with stabilizer\"\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                Step One\r\n              <\/span>\r\n\r\n              <h3>\r\n                Raw Material Preparation\r\n              <\/h3>\r\n\r\n              <p>\r\n                First, the raw materials used in ice cream production,\r\n                including milk, cream, milk solids, sugar, and other\r\n                ingredients, are prepared according to the product\r\n                formulation. Proper preparation of the raw materials\r\n                provides suitable conditions for stabilizer performance\r\n                and the development of a uniform and stable ice cream texture.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 02\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"2\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/2\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Accurate weighing of ice cream stabilizer according to the formulation\"\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                Step Two\r\n              <\/span>\r\n\r\n              <h3>\r\n                Accurate Stabilizer Weighing\r\n              <\/h3>\r\n\r\n              <p>\r\n                The required amount of ice cream stabilizer is determined\r\n                according to the product type, formulation, total solids,\r\n                fat content, and desired textural characteristics, and is\r\n                then accurately weighed. The appropriate stabilizer dosage\r\n                helps control ice crystals, consistency, melting behavior,\r\n                and the structural stability of the ice cream.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 03\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"3\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/3\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Initial mixing of stabilizer into the ice cream formulation\"\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                Step Three\r\n              <\/span>\r\n\r\n              <h3>\r\n                Stabilizer Mixing and Hydration\r\n              <\/h3>\r\n\r\n              <p>\r\n                The stabilizer is added to the formulation under suitable\r\n                conditions, and initial mixing is carried out to ensure\r\n                uniform distribution of the stabilizing system components.\r\n                Proper stabilizer hydration helps prevent lump formation\r\n                and provides the conditions required to develop a uniform\r\n                and stable ice cream structure.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 04\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"4\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/4\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Homogenization of the ice cream mix and development of a uniform structure\"\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                Step Four\r\n              <\/span>\r\n\r\n              <h3>\r\n                Homogenization and Uniform Structure Development\r\n              <\/h3>\r\n\r\n              <p>\r\n                After mixing, homogenization is carried out to achieve\r\n                proper distribution of fat and other formulation components.\r\n                Proper performance of the stabilizer system at this stage\r\n                helps create a creamy, uniform, and stable structure while\r\n                improving the textural characteristics of the ice cream.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 05\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"5\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/5\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Process condition control and heat treatment of the ice cream mix\"\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                Step Five\r\n              <\/span>\r\n\r\n              <h3>\r\n                Process Condition Control\r\n              <\/h3>\r\n\r\n              <p>\r\n                Key process parameters, including temperature, time,\r\n                ingredient addition sequence, mixing intensity, and\r\n                hydration conditions, are controlled according to the\r\n                formulation. Precise control of process conditions helps\r\n                maintain proper stabilizer performance and achieve the\r\n                desired ice cream texture and stability.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 06\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"6\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/6\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Pasteurization and heat treatment of the ice cream mix\"\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                Step Six\r\n              <\/span>\r\n\r\n              <h3>\r\n                Heat Treatment and Stabilization\r\n              <\/h3>\r\n\r\n              <p>\r\n                The ice cream mix undergoes heat treatment according to\r\n                the defined process, with temperature and time conditions\r\n                carefully controlled. Selecting a stabilizer system that\r\n                is compatible with the heat treatment process helps maintain\r\n                the structure of the mix and prepare it properly for the\r\n                cooling and freezing stages.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 07\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"7\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/7\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Cooling, aging, and preparation of the ice cream mix for freezing\"\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                Step Seven\r\n              <\/span>\r\n\r\n              <h3>\r\n                Cooling, Aging, and Texture Development\r\n              <\/h3>\r\n\r\n              <p>\r\n                After heat treatment, the ice cream mix is cooled under\r\n                controlled conditions and prepared for the aging stage.\r\n                During this stage, the structure of the mix develops and\r\n                the necessary conditions are established for proper texture\r\n                formation, ice crystal control, and optimal stabilizer\r\n                performance during freezing.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 08\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"8\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/8\u0645\u0631\u062d\u0644\u0647-\u0627\u0648\u0644-\u067e\u0627\u06cc\u062f\u0627\u0631\u06a9\u0646\u0646\u062f\u0647-\u0628\u0633\u062a\u0646\u06cc.png\"\r\n                alt=\"Freezing, quality evaluation, and final packaging of ice cream\"\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                Step Eight\r\n              <\/span>\r\n\r\n              <h3>\r\n                Freezing, Final Evaluation, and Packaging\r\n              <\/h3>\r\n\r\n              <p>\r\n                In the final stage, the ice cream undergoes freezing and\r\n                is evaluated for texture, consistency, overrun, ice crystal\r\n                size and stability, melting rate, uniformity, and sensory\r\n                characteristics. After the product specifications are\r\n                confirmed, the ice cream is prepared for packaging,\r\n                hardening, storage, and distribution.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           NAVIGATION\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-navigation\">\r\n\r\n        <!-- 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=\"Step 1\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"2\"\r\n            aria-label=\"Step 2\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"3\"\r\n            aria-label=\"Step 3\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"4\"\r\n            aria-label=\"Step 4\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"5\"\r\n            aria-label=\"Step 5\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"6\"\r\n            aria-label=\"Step 6\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"7\"\r\n            aria-label=\"Step 7\"\r\n          ><\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            data-slide-to=\"8\"\r\n            aria-label=\"Step 8\"\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=\"Previous Step\"\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=\"Next Step\"\r\n          >\r\n            \u2190\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   WIDGET 03 \u2014 ICE CREAM STABILIZER\r\n   VARIABLES\r\n   Main styling unchanged\r\n========================================================= *\/\r\n\r\n.bd-widget-03 {\r\n\r\n  --bd-blue:\r\n    #2563eb;\r\n\r\n  --bd-blue-light:\r\n    #3b82f6;\r\n\r\n  --bd-blue-soft:\r\n    #60a5fa;\r\n\r\n  --bd-blue-deep:\r\n    #172554;\r\n\r\n  --bd-purple:\r\n    #7c3aed;\r\n\r\n  --bd-orange:\r\n    #ff7a18;\r\n\r\n  --bd-orange-light:\r\n    #ff9a42;\r\n\r\n  --bd-white:\r\n    #ffffff;\r\n\r\n  --bd-text:\r\n    #f7f3ff;\r\n\r\n  --bd-muted:\r\n    #c9bddb;\r\n\r\n  --bd-border:\r\n    rgba(255,255,255,.12);\r\n\r\n  --bd-transition:\r\n    all .42s cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  padding:\r\n    85px 0 90px;\r\n\r\n  color:\r\n    var(--bd-text);\r\n\r\n  font-family:\r\n    \"Shabnam\",\r\n    \"IRANSans\",\r\n    \"IRANSansX\",\r\n    Tahoma,\r\n    Arial,\r\n    sans-serif;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #12081f 0%,\r\n      #10071b 100%\r\n    );\r\n\r\n  isolation:\r\n    isolate;\r\n}\r\n\r\n\r\n.bd-widget-03::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 620px;\r\n\r\n  height: 620px;\r\n\r\n  top: -360px;\r\n\r\n  right: -160px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.15),\r\n      transparent 68%\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n.bd-widget-03::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 520px;\r\n\r\n  height: 520px;\r\n\r\n  bottom: -350px;\r\n\r\n  left: -180px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(124,58,237,.10),\r\n      transparent 68%\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n.bd-widget-03\r\n.bd-doogh-container {\r\n\r\n  width:\r\n    min(1240px, calc(100% - 40px));\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n}\r\n\r\n\r\n.bd-widget-03-head {\r\n\r\n  max-width:\r\n    780px;\r\n\r\n  margin:\r\n    0 auto 42px;\r\n\r\n  text-align:\r\n    center;\r\n}\r\n\r\n\r\n.bd-widget-03-kicker {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  padding:\r\n    7px 13px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(59,130,246,.22);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  background:\r\n    rgba(37,99,235,.07);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  margin-bottom:\r\n    15px;\r\n}\r\n\r\n\r\n.bd-widget-03-kicker-icon {\r\n\r\n  color:\r\n    var(--bd-orange);\r\n\r\n  font-size:\r\n    14px;\r\n}\r\n\r\n\r\n.bd-widget-03-head h2 {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color:\r\n    var(--bd-white);\r\n\r\n  font-size:\r\n    clamp(28px, 4vw, 43px);\r\n\r\n  line-height:\r\n    1.35;\r\n\r\n  font-weight:\r\n    900;\r\n\r\n  letter-spacing:\r\n    -.7px;\r\n}\r\n\r\n\r\n.bd-widget-03-head h2 span {\r\n\r\n  color:\r\n    var(--bd-blue-light);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #60a5fa,\r\n      #a78bfa\r\n    );\r\n\r\n  -webkit-background-clip:\r\n    text;\r\n\r\n  background-clip:\r\n    text;\r\n\r\n  -webkit-text-fill-color:\r\n    transparent;\r\n}\r\n\r\n\r\n.bd-widget-03-head p {\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  max-width:\r\n    690px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    2.05;\r\n\r\n  text-align:\r\n    justify;\r\n\r\n  text-align-last:\r\n    center;\r\n}\r\n\r\n\r\n.bd-widget-03-slider {\r\n\r\n  position:\r\n    relative;\r\n\r\n  padding:\r\n    22px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  border-radius:\r\n    30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.055),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 80px\r\n    rgba(0,0,0,.28),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(14px);\r\n}\r\n\r\n\r\n.bd-widget-03-slider-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  margin-bottom:\r\n    17px;\r\n\r\n  padding:\r\n    0 5px;\r\n}\r\n\r\n\r\n.bd-widget-03-slider-label {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.bd-widget-03-live-dot {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,122,24,.08),\r\n\r\n    0 0 16px\r\n    rgba(255,122,24,.4);\r\n\r\n  animation:\r\n    bdWidget03Pulse\r\n    2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.bd-widget-03-counter {\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.bd-widget-03-counter [data-bd-current] {\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  font-size:\r\n    15px;\r\n}\r\n\r\n\r\n.bd-widget-03-counter i {\r\n\r\n  margin:\r\n    0 4px;\r\n\r\n  font-style:\r\n    normal;\r\n\r\n  color:\r\n    rgba(255,255,255,.2);\r\n}\r\n\r\n\r\n.bd-widget-03-viewport {\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n    23px;\r\n\r\n  touch-action:\r\n    pan-y;\r\n\r\n  cursor:\r\n    grab;\r\n}\r\n\r\n\r\n.bd-widget-03-viewport.is-dragging {\r\n\r\n  cursor:\r\n    grabbing;\r\n}\r\n\r\n\r\n.bd-widget-03-track {\r\n\r\n  display:\r\n    flex;\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  will-change:\r\n    transform;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-slide {\r\n\r\n  flex:\r\n    0 0 100%;\r\n\r\n  min-width:\r\n    100%;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.15fr)\r\n    minmax(0, .85fr);\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #171026,\r\n      #10091b\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n  border-radius:\r\n    23px;\r\n\r\n  overflow:\r\n    hidden;\r\n}\r\n\r\n\r\n.bd-widget-03-image {\r\n\r\n  position:\r\n    relative;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #172554,\r\n      #111827\r\n    );\r\n}\r\n\r\n\r\n.bd-widget-03-image img {\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  display:\r\n    block;\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n  transition:\r\n    transform .8s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-slide:hover\r\n.bd-widget-03-image img {\r\n\r\n  transform:\r\n    scale(1.045);\r\n}\r\n\r\n\r\n.bd-widget-03-image-overlay {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(13,7,23,.05),\r\n      rgba(13,7,23,.12)\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n.bd-widget-03-image::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  right:\r\n    0;\r\n\r\n  top:\r\n    0;\r\n\r\n  bottom:\r\n    0;\r\n\r\n  width:\r\n    4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--bd-blue),\r\n      var(--bd-orange)\r\n    );\r\n\r\n  z-index:\r\n    3;\r\n}\r\n\r\n\r\n.bd-widget-03-step {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    20px;\r\n\r\n  right:\r\n    20px;\r\n\r\n  z-index:\r\n    4;\r\n\r\n  width:\r\n    50px;\r\n\r\n  height:\r\n    50px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.18);\r\n\r\n  border-radius:\r\n    15px;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  background:\r\n    rgba(10,7,20,.62);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(12px);\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    900;\r\n\r\n  box-shadow:\r\n    0 15px 35px\r\n    rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n.bd-widget-03-content {\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  padding:\r\n    48px;\r\n\r\n  position:\r\n    relative;\r\n}\r\n\r\n\r\n.bd-widget-03-content::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    48px;\r\n\r\n  right:\r\n    48px;\r\n\r\n  width:\r\n    55px;\r\n\r\n  height:\r\n    3px;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-orange),\r\n      var(--bd-blue)\r\n    );\r\n}\r\n\r\n\r\n.bd-widget-03-step-label {\r\n\r\n  margin-bottom:\r\n    13px;\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.bd-widget-03-content h3 {\r\n\r\n  margin:\r\n    0 0 16px;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    clamp(24px, 3vw, 32px);\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n  font-weight:\r\n    900;\r\n}\r\n\r\n\r\n.bd-widget-03-content p {\r\n\r\n  max-width:\r\n    510px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    2.15;\r\n\r\n  text-align:\r\n    justify;\r\n}\r\n\r\n\r\n.bd-widget-03-navigation {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1fr auto 1fr;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    25px;\r\n\r\n  margin-top:\r\n    22px;\r\n\r\n  padding:\r\n    0 5px;\r\n}\r\n\r\n\r\n.bd-widget-03-progress {\r\n\r\n  height:\r\n    3px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.bd-widget-03-progress span {\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    12.5%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  border-radius:\r\n    inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-blue),\r\n      var(--bd-orange)\r\n    );\r\n\r\n  transition:\r\n    width .55s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-dots {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  gap:\r\n    6px;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.bd-widget-03-dots button {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  padding:\r\n    0;\r\n\r\n  border:\r\n    0;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.20);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n.bd-widget-03-dots button:hover {\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  transform:\r\n    scale(1.3);\r\n}\r\n\r\n\r\n.bd-widget-03-dots button.is-active {\r\n\r\n  width:\r\n    25px;\r\n\r\n  background:\r\n    var(--bd-blue-light);\r\n}\r\n\r\n\r\n.bd-widget-03-arrows {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    flex-start;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.bd-widget-03-arrow {\r\n\r\n  width:\r\n    40px;\r\n\r\n  height:\r\n    40px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  border-radius:\r\n    12px;\r\n\r\n  color:\r\n    rgba(255,255,255,.75);\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n.bd-widget-03-arrow:hover {\r\n\r\n  color:\r\n    #fff;\r\n\r\n  border-color:\r\n    rgba(255,122,24,.45);\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n\r\n.bd-widget-03-arrow:active {\r\n\r\n  transform:\r\n    scale(.94);\r\n}\r\n\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .bd-widget-03 {\r\n\r\n    padding:\r\n      65px 0 70px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slide {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    min-height:\r\n      370px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image,\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      370px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    padding:\r\n      35px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      35px;\r\n\r\n    right:\r\n      35px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 750px) {\r\n\r\n  .bd-widget-03\r\n  .bd-doogh-container {\r\n\r\n    width:\r\n      min(100% - 28px, 1240px);\r\n  }\r\n\r\n\r\n  .bd-widget-03-head {\r\n\r\n    margin-bottom:\r\n      28px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider {\r\n\r\n    padding:\r\n      12px;\r\n\r\n    border-radius:\r\n      23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider-top {\r\n\r\n    margin-bottom:\r\n      12px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slide {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    min-height:\r\n      auto;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image {\r\n\r\n    min-height:\r\n      280px;\r\n\r\n    height:\r\n      280px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      280px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    min-height:\r\n      230px;\r\n\r\n    padding:\r\n      32px 25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      25px;\r\n\r\n    right:\r\n      25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content h3 {\r\n\r\n    font-size:\r\n      23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-navigation {\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n\r\n    gap:\r\n      14px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-progress {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n    grid-row:\r\n      1;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots {\r\n\r\n    grid-column:\r\n      1;\r\n\r\n    grid-row:\r\n      2;\r\n\r\n    justify-content:\r\n      flex-start;\r\n  }\r\n\r\n\r\n  .bd-widget-03-arrows {\r\n\r\n    grid-column:\r\n      2;\r\n\r\n    grid-row:\r\n      2;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .bd-widget-03 {\r\n\r\n    padding:\r\n      50px 0 60px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-head h2 {\r\n\r\n    font-size:\r\n      25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-head p {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n    line-height:\r\n      1.95;\r\n  }\r\n\r\n\r\n  .bd-widget-03-kicker {\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider-label {\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image {\r\n\r\n    height:\r\n      235px;\r\n\r\n    min-height:\r\n      235px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      235px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-step {\r\n\r\n    width:\r\n      42px;\r\n\r\n    height:\r\n      42px;\r\n\r\n    top:\r\n      13px;\r\n\r\n    right:\r\n      13px;\r\n\r\n    border-radius:\r\n      12px;\r\n\r\n    font-size:\r\n      12px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    min-height:\r\n      245px;\r\n\r\n    padding:\r\n      32px 19px 23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      22px;\r\n\r\n    right:\r\n      19px;\r\n\r\n    width:\r\n      42px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-step-label {\r\n\r\n    margin-bottom:\r\n      9px;\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content h3 {\r\n\r\n    margin-bottom:\r\n      11px;\r\n\r\n    font-size:\r\n      20px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content p {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n    line-height:\r\n      2;\r\n  }\r\n\r\n\r\n  .bd-widget-03-arrow {\r\n\r\n    width:\r\n      36px;\r\n\r\n    height:\r\n      36px;\r\n\r\n    border-radius:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots {\r\n\r\n    gap:\r\n      4px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots button {\r\n\r\n    width:\r\n      5px;\r\n\r\n    height:\r\n      5px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots button.is-active {\r\n\r\n    width:\r\n      19px;\r\n  }\r\n\r\n}\r\n\r\n\r\n.bd-widget-03 button:focus-visible {\r\n\r\n  outline:\r\n    2px solid\r\n    var(--bd-orange);\r\n\r\n  outline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .bd-widget-03 *,\r\n  .bd-widget-03 *::before,\r\n  .bd-widget-03 *::after {\r\n\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\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    slides.forEach(\r\n      function (slide, i) {\r\n\r\n        slide.classList.toggle(\r\n          \"is-active\",\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if (current) {\r\n\r\n      current.textContent =\r\n        String(index + 1).padStart(2, \"0\");\r\n\r\n    }\r\n\r\n\r\n    if (progress) {\r\n\r\n      progress.style.width =\r\n        (((index + 1) \/ total) * 100) +\r\n        \"%\";\r\n\r\n    }\r\n\r\n\r\n    dots.forEach(\r\n      function (dot, i) {\r\n\r\n        dot.classList.toggle(\r\n          \"is-active\",\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function goNext() {\r\n\r\n    updateSlider(index + 1);\r\n\r\n  }\r\n\r\n\r\n  function goPrev() {\r\n\r\n    updateSlider(index - 1);\r\n\r\n  }\r\n\r\n\r\n  if (next) {\r\n\r\n    next.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        goNext();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (prev) {\r\n\r\n    prev.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        goPrev();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  dots.forEach(\r\n    function (dot) {\r\n\r\n      dot.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          const target =\r\n            Number(\r\n              dot.getAttribute(\r\n                \"data-slide-to\"\r\n              )\r\n            ) - 1;\r\n\r\n          updateSlider(target);\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  function startAutoplay() {\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    timer =\r\n      setInterval(\r\n        function () {\r\n\r\n          goNext();\r\n\r\n        },\r\n        5000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function stopAutoplay() {\r\n\r\n    if (timer) {\r\n\r\n      clearInterval(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function restartAutoplay() {\r\n\r\n    startAutoplay();\r\n\r\n  }\r\n\r\n\r\n  slider.addEventListener(\r\n    \"mouseenter\",\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"mouseleave\",\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchstart\",\r\n    function (event) {\r\n\r\n      startX =\r\n        event.touches[0].clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      isDragging =\r\n        true;\r\n\r\n      viewport.classList.add(\r\n        \"is-dragging\"\r\n      );\r\n\r\n      stopAutoplay();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchmove\",\r\n    function (event) {\r\n\r\n      if (!isDragging) return;\r\n\r\n      currentX =\r\n        event.touches[0].clientX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchend\",\r\n    function () {\r\n\r\n      if (!isDragging) return;\r\n\r\n      const distance =\r\n        currentX - startX;\r\n\r\n\r\n      isDragging =\r\n        false;\r\n\r\n      viewport.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (Math.abs(distance) > 50) {\r\n\r\n        if (distance < 0) {\r\n\r\n          goNext();\r\n\r\n        } else {\r\n\r\n          goPrev();\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"mousedown\",\r\n    function (event) {\r\n\r\n      startX =\r\n        event.clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      isDragging =\r\n        true;\r\n\r\n      viewport.classList.add(\r\n        \"is-dragging\"\r\n      );\r\n\r\n      stopAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mousemove\",\r\n    function (event) {\r\n\r\n      if (!isDragging) return;\r\n\r\n      currentX =\r\n        event.clientX;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mouseup\",\r\n    function () {\r\n\r\n      if (!isDragging) return;\r\n\r\n      const distance =\r\n        currentX - startX;\r\n\r\n\r\n      isDragging =\r\n        false;\r\n\r\n      viewport.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (Math.abs(distance) > 70) {\r\n\r\n        if (distance < 0) {\r\n\r\n          goNext();\r\n\r\n        } else {\r\n\r\n          goPrev();\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  slider.setAttribute(\r\n    \"tabindex\",\r\n    \"0\"\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"keydown\",\r\n    function (event) {\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n\r\n        goNext();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n\r\n        goPrev();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  updateSlider(\r\n    0,\r\n    false\r\n  );\r\n\r\n  startAutoplay();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-076ee91 elementor-widget elementor-widget-html\" data-id=\"076ee91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= \r\n     WIDGET FAQ \u2014 Frequently Asked Questions About Ice Cream Stabilizer \r\n     Suitable for Elementor HTML Widget \r\n     ========================================================= --> \r\n \r\n     <section class=\"bd-widget-faq\" dir=\"ltr\"> \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              Frequently Asked Questions \r\n            <\/span> \r\n       \r\n            <h2 class=\"bd-faq-title\"> \r\n              Answers to Technical Questions About Ice Cream Stabilizer \r\n            <\/h2> \r\n       \r\n            <p class=\"bd-faq-subtitle\"> \r\n              In this section, we answer frequently asked technical questions about ice cream stabilizers, \r\n              their application in the ice cream production process, texture and consistency control, reducing \r\n              ice crystal formation, improving resistance to melting, and selecting a stabilizer system \r\n              appropriate for different types of ice cream. \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                  What is the role of ice cream stabilizer in the ice cream production process? \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                    Ice cream stabilizer is a functional system used to control and improve the physical \r\n                    properties of ice cream. Depending on the product type and formulation, it can help \r\n                    create a uniform texture, achieve appropriate consistency, control free water, reduce \r\n                    ice crystal growth, and improve product stability. In different products such as milk \r\n                    ice cream, fruit ice cream, low-fat ice cream, and industrial ice cream, the functional \r\n                    requirements of the stabilizer vary. The appropriate system should be selected based \r\n                    on the type of ice cream, fat content, solids, protein, sugars, freezing conditions, \r\n                    and storage conditions. \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                  What is the recommended dosage of ice cream stabilizer? \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                    The dosage of ice cream stabilizer is not a fixed amount for all products and depends \r\n                    on the type of ice cream, fat and solids content, sugar composition, water content, \r\n                    protein level, desired texture, and processing conditions. Different ice cream systems \r\n                    may require different usage levels. The final dosage is best determined through laboratory \r\n                    trials and testing under actual production conditions to achieve an appropriate balance \r\n                    between consistency, texture, ice crystal control, melting resistance, and mouthfeel. \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                  How does ice cream stabilizer affect the texture and consistency of the product? \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                    By absorbing and managing part of the free water and controlling the structure of the \r\n                    aqueous phase, ice cream stabilizer can affect viscosity, consistency, and the textural \r\n                    properties of the product. Selecting an appropriate stabilizer system can help create \r\n                    a soft, uniform, and creamy texture while reducing the rough mouthfeel caused by \r\n                    undesirable ice crystal growth. The type and amount of stabilizer should be determined \r\n                    according to the target texture, formulation, homogenization process, and freezing \r\n                    conditions so that the final product achieves desirable consistency and mouthfeel. \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                  How does ice cream stabilizer help reduce ice crystal formation and growth? \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                    Ice crystal quality in ice cream is affected by factors such as formulation, water \r\n                    content, the type and amount of sugars, solids, freezing process, and storage conditions. \r\n                    An appropriate stabilizer system can manage free water and increase the viscosity of the \r\n                    continuous phase, helping limit water migration and ice crystal recrystallization while \r\n                    contributing to a softer and more uniform texture. However, ice crystal control does not \r\n                    depend solely on the stabilizer. Freezing rate, storage temperature, temperature \r\n                    fluctuations, and other formulation components should also be considered simultaneously. \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                  Is ice cream stabilizer suitable for industrial production of different types of ice cream? \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                    Yes, ice cream stabilizer systems can be designed and optimized for industrial \r\n                    applications, but a single system does not necessarily perform identically across \r\n                    all types of ice cream. In industrial ice cream production, factors such as product \r\n                    type, production line capacity, mixing and homogenization equipment, fat and solids \r\n                    content, sugar composition, protein level, freezing rate, and storage conditions \r\n                    should be considered when selecting a stabilizer. Proper stabilizer system design \r\n                    can help improve texture uniformity and maintain consistent product quality during \r\n                    industrial production. \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                  What technical information is required to select the right ice cream stabilizer? \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                    For accurate selection of an ice cream stabilizer, it is helpful to know information \r\n                    such as the type of ice cream, base formulation, fat and solids percentages, sugar \r\n                    content, protein, pH, water content, thermal process, mixing and homogenization \r\n                    equipment, process temperature, freezer type, overrun, and storage conditions. \r\n                    The main product issue should also be clearly identified, such as ice crystal formation, \r\n                    weak texture, rapid melting, rough texture, loss of consistency, shrinkage, or structural \r\n                    changes during storage. \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                  What properties should an ice cream stabilizer have? \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                    In ice cream, the stabilizer system should be selected according to the goal of creating \r\n                    a soft, delicate, and creamy texture while maintaining appropriate consistency and \r\n                    stability. Free water control, reduced ice crystal growth, appropriate viscosity, \r\n                    improved melting resistance, structural stability during storage, and desirable \r\n                    mouthfeel are important criteria in ice cream stabilizer design. Using an appropriate \r\n                    system can help maintain product texture quality and reduce undesirable changes \r\n                    throughout the storage period. \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                  What role does ice cream stabilizer play in emulsion stability and product structure? \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                    In ice cream, proper stability of the water and fat systems and the formation of a \r\n                    uniform structure are highly important for achieving the desired texture. An appropriate \r\n                    stabilizer system can help control the aqueous phase, increase mix viscosity, improve \r\n                    the distribution of product components, and reduce the tendency toward separation and \r\n                    structural instability. Alongside the stabilizer, the type of emulsifier, raw material \r\n                    composition, thermal conditions, homogenization intensity, freezing process, and overrun \r\n                    also affect the final performance of the ice cream. \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                  Does ice cream stabilizer affect overrun, melting, and product shape retention? \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                    Yes, the stabilizer system can indirectly affect product behavior during aeration, \r\n                    freezing, and melting through its influence on mix viscosity and ice cream structure. \r\n                    However, overrun depends primarily on aeration conditions and the freezing process, \r\n                    and stabilizer performance should be evaluated alongside the emulsifier and other \r\n                    formulation components. Selecting an appropriate system can help maintain ice cream \r\n                    structure during serving and improve resistance to rapid melting, but the extent of \r\n                    its effect depends on the formulation and processing conditions. \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                  Does ice cream stabilizer help extend the quality retention of the product? \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                    Ice cream stabilizer does not directly replace preservatives or food safety and \r\n                    shelf-life control processes. However, controlling free water, reducing ice crystal \r\n                    growth, maintaining texture uniformity, and improving physical stability can help \r\n                    preserve the sensory and structural quality of ice cream during storage. The final \r\n                    shelf life of the product depends on a combination of factors, including formulation, \r\n                    production conditions, freezing process, packaging, cold chain, and storage conditions. \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                  Is it possible to receive an ice cream stabilizer sample and conduct testing before purchase? \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                    Providing a sample and conducting technical testing can be considered based on the \r\n                    type of ice cream, formulation, and production conditions. For an accurate evaluation \r\n                    of ice cream stabilizer performance, it is recommended to provide the product \r\n                    specifications, production capacity, base formulation, fat and solids percentages, \r\n                    processing equipment, and the existing quality issue. An appropriate sample can then \r\n                    be evaluated under controlled conditions and, where possible, under actual production \r\n                    line conditions to assess its performance in terms of texture, consistency, ice crystal \r\n                    level, melting resistance, overrun, and other desired characteristics. \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                Do you have another question about ice cream stabilizer? \r\n              <\/strong> \r\n       \r\n              <p> \r\n                Brandil experts are ready to review your technical requirements, formulation, and ice cream production process. \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            Get Expert Consultation   \r\n            <span>\u2192<\/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:left;   \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 78px 0 92px;   \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 78px 27px 92px;   \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:72px;   \r\n          padding-right:60px;   \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:72px;   \r\n          padding-right:60px;   \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         \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          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         \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>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d8cad elementor-widget elementor-widget-html\" data-id=\"d6d8cad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WIDGET 04 \u2014 PRODUCT INFORMATION TABS\r\n     Product: Ice Cream Stabilizer\r\n     Suitable for Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n     <section class=\"bd-widget-04\" dir=\"ltr\">\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            Ice Cream Stabilizer Technical Information\r\n          <\/span>\r\n    \r\n          <h2 class=\"bd-widget-04__title\">\r\n            Everything About Ice Cream Stabilizer\r\n          <\/h2>\r\n    \r\n          <p class=\"bd-widget-04__subtitle\">\r\n            Explore technical product information, specifications, benefits, applications, and storage guidelines\r\n            for ice cream stabilizer used in the formulation of various ice creams,\r\n            frozen desserts, and frozen dairy products.\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=\"Ice Cream Stabilizer Technical Information\"\r\n          >\r\n    \r\n            <!-- TAB 01 -->\r\n            <button\r\n              class=\"bd-widget-04__tab is-active\"\r\n              id=\"bd-tab-description\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"true\"\r\n              aria-controls=\"bd-panel-description\"\r\n              tabindex=\"0\"\r\n              data-tab=\"description\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n                  <path d=\"M14 2v6h6\"\/>\r\n                  <path d=\"M8 13h8\"\/>\r\n                  <path d=\"M8 17h6\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>Product Description<\/span>\r\n            <\/button>\r\n    \r\n    \r\n            <!-- TAB 02 -->\r\n            <button\r\n              class=\"bd-widget-04__tab\"\r\n              id=\"bd-tab-specs\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n              aria-controls=\"bd-panel-specs\"\r\n              tabindex=\"-1\"\r\n              data-tab=\"specs\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z\"\/>\r\n                  <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-1.7 1.7-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V20H10v-.2a1.7 1.7 0 0 0-1.03-1.56 1.7 1.7 0 0 0-1.88.34l-.06.06-1.7-1.7.06-.06A1.7 1.7 0 0 0 5.73 15a1.7 1.7 0 0 0-1.56-1.03H4v-2.4h.17A1.7 1.7 0 0 0 5.73 10a1.7 1.7 0 0 0-.34-1.88l-.06-.06 1.7-1.7.06.06a1.7 1.7 0 0 0 1.88.34A1.7 1.7 0 0 0 10 5.2V5h2.4v.2a1.7 1.7 0 0 0 1.03 1.56 1.7 1.7 0 0 0 1.88-.34l.06-.06 1.7 1.7-.06.06A1.7 1.7 0 0 0 16.67 10a1.7 1.7 0 0 0 1.56 1.03h.17v2.4h-.17A1.7 1.7 0 0 0 19.4 15Z\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>Technical Specifications<\/span>\r\n            <\/button>\r\n    \r\n    \r\n            <!-- TAB 03 -->\r\n            <button\r\n              class=\"bd-widget-04__tab\"\r\n              id=\"bd-tab-benefits\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n              aria-controls=\"bd-panel-benefits\"\r\n              tabindex=\"-1\"\r\n              data-tab=\"benefits\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"m12 3 1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5Z\"\/>\r\n                  <path d=\"m19 16 .7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7Z\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>Benefits & Applications<\/span>\r\n            <\/button>\r\n    \r\n    \r\n            <!-- TAB 04 -->\r\n            <button\r\n              class=\"bd-widget-04__tab\"\r\n              id=\"bd-tab-storage\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n              aria-controls=\"bd-panel-storage\"\r\n              tabindex=\"-1\"\r\n              data-tab=\"storage\"\r\n            >\r\n              <span class=\"bd-widget-04__tab-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"m21 8-9 5-9-5 9-5 9 5Z\"\/>\r\n                  <path d=\"M3 8v8l9 5 9-5V8\"\/>\r\n                  <path d=\"M12 13v8\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n    \r\n              <span>Product Storage Guidelines<\/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                    Ice Cream Stabilizer Description\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  Ice cream stabilizer is a specialized functional system used in the formulation\r\n                  of various ice creams and frozen products to help control the formation and growth\r\n                  of ice crystals, improve texture, enhance stability, and create a uniform structure\r\n                  in the product.\r\n                <\/p>\r\n    \r\n                <p>\r\n                  Brandil Ice Cream Stabilizer is designed to help create a smooth,\r\n                  uniform, and stable texture, improve mouthfeel, control free water,\r\n                  and maintain product quality throughout the freezing and storage process. This system\r\n                  can be adjusted according to the type of ice cream, fat content, total solids,\r\n                  production process, and desired product characteristics.\r\n                <\/p>\r\n    \r\n                <p>\r\n                  The final performance of the stabilizer depends on the formulation composition,\r\n                  type of raw materials, homogenization conditions, pasteurization process,\r\n                  freezing conditions, and product storage conditions.\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                    Ice Cream Stabilizer Technical Specifications\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  Ice cream stabilizer is a specialized system designed for use in the formulation\r\n                  of various ice creams, dairy ice cream, fruit ice cream, frozen desserts, and other\r\n                  frozen dairy and non-dairy products. The performance of this system can be adjusted\r\n                  according to the product type, fat content, total solids, type of sweetener,\r\n                  homogenization process, and freezing conditions.\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>Product Type<\/span>\r\n                    <strong>\r\n                      Specialized stabilizer for ice cream and frozen products\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>Application<\/span>\r\n                    <strong>\r\n                      Formulation of various ice creams and frozen desserts\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>Primary Function<\/span>\r\n                    <strong>\r\n                      Improved texture, stability, and control of ice crystal formation\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>Rheological Effect<\/span>\r\n                    <strong>\r\n                      Helps regulate viscosity and flow behavior of the ice cream mix\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>Product Stability<\/span>\r\n                    <strong>\r\n                      Helps maintain structure and quality during storage\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                  <div class=\"bd-widget-04__spec-card\">\r\n                    <span>Suitable For<\/span>\r\n                    <strong>\r\n                      Industrial production of ice cream and frozen products\r\n                    <\/strong>\r\n                  <\/div>\r\n    \r\n                <\/div>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n    \r\n          <!-- ===================================================\r\n               PANEL 03 \u2014 BENEFITS & APPLICATIONS\r\n               =================================================== -->\r\n          <article\r\n            class=\"bd-widget-04__panel\"\r\n            id=\"bd-panel-benefits\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"bd-tab-benefits\"\r\n            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                    Key Benefits and Applications of Ice Cream Stabilizer\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  1. Control of Ice Crystal Growth and Improvement of Freeze\u2013Thaw Stability\r\n                  By managing free water and increasing Water Immobilization in the serum phase, the rate of ice crystal growth and Recrystallization during storage is reduced, resulting in a softer, more uniform structure with greater resistance to temperature fluctuations.\r\n                  \r\n                  2. Optimization of Mix Rheology and Viscosity Development\r\n                  By controlling the rheological properties of the ice cream mix, the system helps create an appropriate Viscosity Profile and improve Flow Behavior, providing more favorable conditions for Homogenization, Ageing, and Freezing.\r\n                  \r\n                  3. Increased Air Cell Stability and Overrun Control\r\n                  By strengthening the continuous phase structure and increasing the stability of the aerated system, it helps create more uniform Air Cells and reduce Coalescence and Disproportionation, thereby improving product structure and volume development.\r\n                  \r\n                  4. Improved Meltdown Resistance and Thermal Shock Stability\r\n                  By strengthening the structural network and increasing Water-Binding Capacity, the melting rate of the product is reduced and the ice cream's resistance to Thermal Fluctuations and Thermal Shock is increased; as a result, the product maintains its structure more effectively during distribution and storage.\r\n                  \r\n                  5. Enhanced Microstructure and Sensory Texture\r\n                  By improving phase distribution and controlling Microstructural Interactions among water, fat, air, and solids, the system helps create a more uniform Texture, higher Creaminess, desirable Body, and softer Mouthfeel, thereby enhancing the sensory quality of the final product.\r\n                <\/p>\r\n    \r\n    \r\n                    <\/div>\r\n    \r\n                  <\/li>\r\n    \r\n                <\/ul>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n    \r\n          <!-- ===================================================\r\n               PANEL 04 \u2014 STORAGE\r\n               =================================================== -->\r\n          <article\r\n            class=\"bd-widget-04__panel\"\r\n            id=\"bd-panel-storage\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"bd-tab-storage\"\r\n            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                    Ice Cream Stabilizer Storage Guidelines\r\n                  <\/h3>\r\n                <\/div>\r\n    \r\n                <p>\r\n                  To maintain the quality and performance of ice cream stabilizer, the product should be stored\r\n                  according to the conditions stated on the packaging and the manufacturer's technical instructions.\r\n                  Protecting the product from moisture, contamination, excessive heat, and unsuitable environmental\r\n                  conditions is important for maintaining the quality of the raw material.\r\n                <\/p>\r\n    \r\n    \r\n                <div class=\"bd-widget-04__storage-list\">\r\n    \r\n                  <!-- Storage 01 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 3v18\"\/>\r\n                        <path d=\"M7 8h10\"\/>\r\n                        <path d=\"M7 16h10\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n                      <strong>\r\n                        Dry Environment\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        Ice cream stabilizer should be stored in a dry environment and protected from direct\r\n                        contact with moisture to maintain its quality and usability.\r\n                      <\/p>\r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n    \r\n                  <!-- Storage 02 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                        <path d=\"M12 2v2\"\/>\r\n                        <path d=\"M12 20v2\"\/>\r\n                        <path d=\"m4.93 4.93 1.41 1.41\"\/>\r\n                        <path d=\"m17.66 17.66 1.41 1.41\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n                      <strong>\r\n                        Away from Heat and Unsuitable Conditions\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        Keep the product away from excessive heat, direct light exposure, and unfavorable\r\n                        fluctuations in environmental conditions.\r\n                      <\/p>\r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n    \r\n                  <!-- Storage 03 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 4h16v16H4z\"\/>\r\n                        <path d=\"M8 8h8v8H8z\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n                      <strong>\r\n                        Proper Packaging\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        After opening the package, the product should be properly protected and stored\r\n                        according to the manufacturer's instructions.\r\n                      <\/p>\r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n    \r\n                  <!-- Storage 04 -->\r\n                  <div class=\"bd-widget-04__storage-item\">\r\n    \r\n                    <span class=\"bd-widget-04__storage-icon\">\r\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M6 3h12\"\/>\r\n                        <path d=\"M6 21h12\"\/>\r\n                        <path d=\"M7 3v5l5 4 5-4V3\"\/>\r\n                        <path d=\"M7 21v-5l5-4 5 4v5\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n    \r\n                    <div>\r\n                      <strong>\r\n                        Observe Expiration Date\r\n                      <\/strong>\r\n    \r\n                      <p>\r\n                        Always check the production date, expiration date, and storage conditions stated\r\n                        on the ice cream stabilizer packaging.\r\n                      <\/p>\r\n                    <\/div>\r\n    \r\n                  <\/div>\r\n    \r\n                <\/div>\r\n    \r\n    \r\n                <div class=\"bd-widget-04__notice\">\r\n    \r\n                  <span class=\"bd-widget-04__notice-icon\">\r\n                    !\r\n                  <\/span>\r\n    \r\n                  <p>\r\n                    Exact storage conditions, shelf life, and usage level of ice cream stabilizer\r\n                    must be followed according to the information stated on the product packaging\r\n                    and the manufacturer's technical instructions.\r\n                  <\/p>\r\n    \r\n                <\/div>\r\n    \r\n              <\/div>\r\n    \r\n            <\/div>\r\n    \r\n          <\/article>\r\n    \r\n        <\/div>\r\n    \r\n      <\/div>\r\n    \r\n    <\/section>\r\n    \r\n    \r\n    <style>\r\n    \r\n    \/* =========================================================\r\n       WIDGET 04 \u2014 ROOT VARIABLES\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04{\r\n      --bd-blue:#2563eb;\r\n      --bd-blue-light:#3b82f6;\r\n      --bd-blue-soft:#60a5fa;\r\n      --bd-blue-deep:#172554;\r\n    \r\n      --bd-purple:#7c3aed;\r\n      --bd-purple-deep:#12081f;\r\n    \r\n      --bd-orange:#ff7a18;\r\n      --bd-orange-light:#ff9a42;\r\n    \r\n      --bd-white:#ffffff;\r\n      --bd-text:#f7f3ff;\r\n      --bd-muted:#c9bddb;\r\n    \r\n      --bd-border:rgba(255,255,255,.12);\r\n      --bd-glass:rgba(255,255,255,.055);\r\n    \r\n      --bd-shadow:0 24px 70px rgba(0,0,0,.34);\r\n    \r\n      --bd-radius:28px;\r\n    \r\n      --bd-transition:\r\n        all .35s cubic-bezier(.22,.61,.36,1);\r\n    \r\n      position:relative;\r\n      width:100%;\r\n      padding:80px 20px;\r\n      overflow:hidden;\r\n      color:var(--bd-text);\r\n    \r\n      background:\r\n        radial-gradient(\r\n          circle at 10% 10%,\r\n          rgba(37,99,235,.17),\r\n          transparent 30%\r\n        ),\r\n        radial-gradient(\r\n          circle at 90% 80%,\r\n          rgba(124,58,237,.16),\r\n          transparent 30%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #12081f 0%,\r\n          #170d29 50%,\r\n          #0f0a19 100%\r\n        );\r\n    \r\n      font-family:\r\n        \"Shabnam\",\r\n        \"IRANSans\",\r\n        \"IRANSansX\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       CONTAINER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__container{\r\n      width:100%;\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__header{\r\n      max-width:850px;\r\n      margin:0 auto 42px;\r\n      text-align:center;\r\n    }\r\n    \r\n    .bd-widget-04__eyebrow{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      padding:8px 16px;\r\n      margin-bottom:16px;\r\n    \r\n      border:1px solid rgba(59,130,246,.30);\r\n      border-radius:999px;\r\n    \r\n      color:#93c5fd;\r\n      background:rgba(37,99,235,.10);\r\n    \r\n      font-size:13px;\r\n      font-weight:700;\r\n    \r\n      letter-spacing:.2px;\r\n    \r\n      box-shadow:\r\n        0 10px 30px rgba(37,99,235,.10);\r\n    }\r\n    \r\n    .bd-widget-04__title{\r\n      margin:0 0 14px;\r\n      color:var(--bd-white);\r\n    \r\n      font-size:\r\n        clamp(27px,3.5vw,42px);\r\n    \r\n      font-weight:900;\r\n      line-height:1.35;\r\n    }\r\n    \r\n    .bd-widget-04__subtitle{\r\n      max-width:760px;\r\n      margin:0 auto;\r\n    \r\n      color:var(--bd-muted);\r\n    \r\n      font-size:\r\n        clamp(14px,1.5vw,16px);\r\n    \r\n      line-height:2;\r\n    \r\n      text-align:justify;\r\n      text-justify:inter-word;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TABS WRAPPER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tabs-wrapper{\r\n      position:relative;\r\n    \r\n      padding:8px;\r\n      margin-bottom:20px;\r\n    \r\n      border:1px solid var(--bd-border);\r\n      border-radius:24px;\r\n    \r\n      background:rgba(255,255,255,.045);\r\n    \r\n      backdrop-filter:blur(18px);\r\n      -webkit-backdrop-filter:blur(18px);\r\n    \r\n      box-shadow:\r\n        0 18px 55px rgba(0,0,0,.20);\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TABS\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tabs{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(4,1fr);\r\n    \r\n      gap:8px;\r\n    \r\n      direction:ltr;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TAB BUTTON\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tab{\r\n      position:relative;\r\n    \r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      gap:10px;\r\n    \r\n      min-height:68px;\r\n    \r\n      padding:14px 18px;\r\n    \r\n      border:1px solid transparent;\r\n      border-radius:18px;\r\n    \r\n      color:#cbd5e1;\r\n    \r\n      background:\r\n        rgba(37,99,235,.09);\r\n    \r\n      cursor:pointer;\r\n    \r\n      font-family:inherit;\r\n      font-size:15px;\r\n      font-weight:800;\r\n      line-height:1.6;\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    \r\n    \/* Active top line *\/\r\n    \r\n    .bd-widget-04__tab::before{\r\n      content:\"\";\r\n    \r\n      position:absolute;\r\n    \r\n      top:0;\r\n      left:18%;\r\n      right:18%;\r\n    \r\n      height:3px;\r\n    \r\n      border-radius:\r\n        0 0 8px 8px;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--bd-blue),\r\n          var(--bd-blue-soft)\r\n        );\r\n    \r\n      opacity:0;\r\n    \r\n      transform:\r\n        scaleX(.4);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    \r\n    \/* Icon *\/\r\n    \r\n    .bd-widget-04__tab-icon{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:34px;\r\n      height:34px;\r\n    \r\n      flex:0 0 34px;\r\n    \r\n      border-radius:10px;\r\n    \r\n      background:\r\n        rgba(59,130,246,.14);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__tab-icon svg{\r\n      width:19px;\r\n      height:19px;\r\n    \r\n      fill:none;\r\n    \r\n      stroke:\r\n        currentColor;\r\n    \r\n      stroke-width:1.7;\r\n    \r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n    \r\n    \r\n    \/* Hover *\/\r\n    \r\n    .bd-widget-04__tab:hover{\r\n      color:var(--bd-white);\r\n    \r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255,122,24,.18),\r\n          rgba(255,122,24,.06)\r\n        );\r\n    \r\n      transform:\r\n        translateY(-2px);\r\n    \r\n      box-shadow:\r\n        0 12px 30px rgba(255,122,24,.10);\r\n    }\r\n    \r\n    .bd-widget-04__tab:hover\r\n    .bd-widget-04__tab-icon{\r\n      color:var(--bd-orange);\r\n    \r\n      background:\r\n        rgba(255,122,24,.14);\r\n    \r\n      transform:\r\n        rotate(-4deg) scale(1.05);\r\n    }\r\n    \r\n    \r\n    \/* Active *\/\r\n    \r\n    .bd-widget-04__tab.is-active{\r\n      color:var(--bd-white);\r\n    \r\n      border-color:\r\n        rgba(59,130,246,.42);\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(37,99,235,.32),\r\n          rgba(124,58,237,.20)\r\n        );\r\n    \r\n      box-shadow:\r\n        0 12px 35px rgba(37,99,235,.16);\r\n    }\r\n    \r\n    .bd-widget-04__tab.is-active::before{\r\n      opacity:1;\r\n    \r\n      transform:\r\n        scaleX(1);\r\n    }\r\n    \r\n    .bd-widget-04__tab.is-active\r\n    .bd-widget-04__tab-icon{\r\n      color:#fff;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          var(--bd-blue),\r\n          var(--bd-purple)\r\n        );\r\n    \r\n      box-shadow:\r\n        0 8px 20px rgba(37,99,235,.25);\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__content{\r\n      position:relative;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel{\r\n      position:relative;\r\n    \r\n      padding:42px;\r\n    \r\n      border:\r\n        1px solid var(--bd-border);\r\n    \r\n      border-radius:\r\n        var(--bd-radius);\r\n    \r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255,255,255,.075),\r\n          rgba(255,255,255,.035)\r\n        );\r\n    \r\n      box-shadow:\r\n        var(--bd-shadow);\r\n    \r\n      backdrop-filter:\r\n        blur(20px);\r\n    \r\n      -webkit-backdrop-filter:\r\n        blur(20px);\r\n    \r\n      animation:\r\n        bdWidget04FadeIn .45s\r\n        cubic-bezier(.22,.61,.36,1);\r\n    }\r\n    \r\n    .bd-widget-04__panel[hidden]{\r\n      display:none;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL GRID\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel-grid{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        82px minmax(0,1fr);\r\n    \r\n      gap:30px;\r\n    \r\n      align-items:start;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL NUMBER\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel-number{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:82px;\r\n      height:82px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.32);\r\n    \r\n      border-radius:22px;\r\n    \r\n      color:#bfdbfe;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(37,99,235,.25),\r\n          rgba(124,58,237,.16)\r\n        );\r\n    \r\n      font-size:22px;\r\n      font-weight:900;\r\n    \r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.08),\r\n        0 15px 35px rgba(37,99,235,.10);\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       PANEL MAIN\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel-main{\r\n      min-width:0;\r\n    }\r\n    \r\n    .bd-widget-04__panel-heading{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n    \r\n      gap:12px;\r\n    \r\n      margin-bottom:22px;\r\n    }\r\n    \r\n    .bd-widget-04__mini-line{\r\n      width:38px;\r\n      height:4px;\r\n    \r\n      flex:0 0 38px;\r\n    \r\n      border-radius:999px;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--bd-orange),\r\n          var(--bd-blue)\r\n        );\r\n    }\r\n    \r\n    .bd-widget-04__panel-heading h3{\r\n      margin:0;\r\n    \r\n      color:var(--bd-white);\r\n    \r\n      font-size:\r\n        clamp(21px,2.4vw,29px);\r\n    \r\n      font-weight:900;\r\n      line-height:1.5;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       GENERAL TEXT\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__panel p{\r\n      margin:\r\n        0 0 18px;\r\n    \r\n      color:#d8cfe5;\r\n    \r\n      font-size:\r\n        clamp(14px,1.45vw,16px);\r\n    \r\n      line-height:2.15;\r\n    \r\n      text-align:justify;\r\n    \r\n      text-justify:inter-word;\r\n    }\r\n    \r\n    .bd-widget-04__panel p:last-child{\r\n      margin-bottom:0;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TECHNICAL SPECIFICATIONS\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__spec-grid{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(3,1fr);\r\n    \r\n      gap:14px;\r\n    \r\n      margin-top:28px;\r\n    }\r\n    \r\n    .bd-widget-04__spec-card{\r\n      padding:20px;\r\n    \r\n      min-height:115px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.16);\r\n    \r\n      border-radius:18px;\r\n    \r\n      background:\r\n        rgba(37,99,235,.075);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__spec-card:hover{\r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        rgba(255,122,24,.07);\r\n    \r\n      transform:\r\n        translateY(-4px);\r\n    }\r\n    \r\n    .bd-widget-04__spec-card span{\r\n      display:block;\r\n    \r\n      margin-bottom:9px;\r\n    \r\n      color:\r\n        var(--bd-muted);\r\n    \r\n      font-size:12px;\r\n      font-weight:700;\r\n    }\r\n    \r\n    .bd-widget-04__spec-card strong{\r\n      display:block;\r\n    \r\n      color:\r\n        var(--bd-white);\r\n    \r\n      font-size:14px;\r\n      line-height:1.8;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       BENEFITS\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__benefits{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(2,1fr);\r\n    \r\n      gap:14px;\r\n    \r\n      padding:0;\r\n    \r\n      margin:28px 0 0;\r\n    \r\n      list-style:none;\r\n    }\r\n    \r\n    .bd-widget-04__benefits li{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        42px minmax(0,1fr);\r\n    \r\n      gap:14px;\r\n    \r\n      padding:18px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.14);\r\n    \r\n      border-radius:18px;\r\n    \r\n      background:\r\n        rgba(37,99,235,.065);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__benefits li:hover{\r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        rgba(255,122,24,.06);\r\n    \r\n      transform:\r\n        translateY(-3px);\r\n    }\r\n    \r\n    .bd-widget-04__benefits li > span{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:42px;\r\n      height:42px;\r\n    \r\n      border-radius:13px;\r\n    \r\n      color:#bfdbfe;\r\n    \r\n      background:\r\n        rgba(37,99,235,.18);\r\n    \r\n      font-size:12px;\r\n      font-weight:900;\r\n    }\r\n    \r\n    .bd-widget-04__benefits strong{\r\n      display:block;\r\n    \r\n      margin-bottom:6px;\r\n    \r\n      color:var(--bd-white);\r\n    \r\n      font-size:14px;\r\n      line-height:1.7;\r\n    }\r\n    \r\n    .bd-widget-04__benefits p{\r\n      margin:0 !important;\r\n    \r\n      color:\r\n        var(--bd-muted) !important;\r\n    \r\n      font-size:13px !important;\r\n      line-height:1.9 !important;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       STORAGE\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__storage-list{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        repeat(2,1fr);\r\n    \r\n      gap:15px;\r\n    \r\n      margin-top:28px;\r\n    }\r\n    \r\n    .bd-widget-04__storage-item{\r\n      display:grid;\r\n    \r\n      grid-template-columns:\r\n        52px minmax(0,1fr);\r\n    \r\n      gap:15px;\r\n    \r\n      padding:20px;\r\n    \r\n      border:\r\n        1px solid rgba(59,130,246,.15);\r\n    \r\n      border-radius:19px;\r\n    \r\n      background:\r\n        rgba(37,99,235,.065);\r\n    \r\n      transition:\r\n        var(--bd-transition);\r\n    }\r\n    \r\n    .bd-widget-04__storage-item:hover{\r\n      border-color:\r\n        rgba(255,122,24,.35);\r\n    \r\n      background:\r\n        rgba(255,122,24,.055);\r\n    \r\n      transform:\r\n        translateY(-3px);\r\n    }\r\n    \r\n    .bd-widget-04__storage-icon{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:52px;\r\n      height:52px;\r\n    \r\n      border-radius:15px;\r\n    \r\n      color:#93c5fd;\r\n    \r\n      background:\r\n        rgba(37,99,235,.15);\r\n    }\r\n    \r\n    .bd-widget-04__storage-icon svg{\r\n      width:24px;\r\n      height:24px;\r\n    \r\n      fill:none;\r\n    \r\n      stroke:currentColor;\r\n    \r\n      stroke-width:1.7;\r\n    \r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n    \r\n    .bd-widget-04__storage-item strong{\r\n      display:block;\r\n    \r\n      margin:\r\n        0 0 7px;\r\n    \r\n      color:var(--bd-white);\r\n    \r\n      font-size:15px;\r\n      line-height:1.7;\r\n    }\r\n    \r\n    .bd-widget-04__storage-item p{\r\n      margin:0 !important;\r\n    \r\n      color:var(--bd-muted) !important;\r\n    \r\n      font-size:13px !important;\r\n      line-height:1.9 !important;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       NOTICE\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__notice{\r\n      display:flex;\r\n    \r\n      align-items:flex-start;\r\n    \r\n      gap:14px;\r\n    \r\n      margin-top:22px;\r\n    \r\n      padding:18px 20px;\r\n    \r\n      border:\r\n        1px solid rgba(255,122,24,.20);\r\n    \r\n      border-radius:18px;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255,122,24,.09),\r\n          rgba(255,255,255,.025)\r\n        );\r\n    }\r\n    \r\n    .bd-widget-04__notice-icon{\r\n      display:flex;\r\n    \r\n      align-items:center;\r\n      justify-content:center;\r\n    \r\n      width:30px;\r\n      height:30px;\r\n    \r\n      flex:0 0 30px;\r\n    \r\n      border-radius:50%;\r\n    \r\n      color:#fff;\r\n    \r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          var(--bd-orange),\r\n          #ea580c\r\n        );\r\n    \r\n      font-size:15px;\r\n      font-weight:900;\r\n    }\r\n    \r\n    .bd-widget-04__notice p{\r\n      margin:0 !important;\r\n    \r\n      color:#eadfd4 !important;\r\n    \r\n      font-size:13px !important;\r\n      line-height:2 !important;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       ANIMATION\r\n       ========================================================= *\/\r\n    \r\n    @keyframes bdWidget04FadeIn{\r\n    \r\n      from{\r\n        opacity:0;\r\n    \r\n        transform:\r\n          translateY(12px);\r\n      }\r\n    \r\n      to{\r\n        opacity:1;\r\n    \r\n        transform:\r\n          translateY(0);\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       ACCESSIBILITY\r\n       ========================================================= *\/\r\n    \r\n    .bd-widget-04__tab:focus-visible{\r\n      outline:\r\n        3px solid rgba(96,165,250,.65);\r\n    \r\n      outline-offset:\r\n        3px;\r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       TABLET\r\n       ========================================================= *\/\r\n    \r\n    @media(max-width:1000px){\r\n    \r\n      .bd-widget-04{\r\n        padding:\r\n          65px 18px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs{\r\n        grid-template-columns:\r\n          repeat(2,1fr);\r\n      }\r\n    \r\n      .bd-widget-04__panel{\r\n        padding:32px;\r\n      }\r\n    \r\n      .bd-widget-04__spec-grid{\r\n        grid-template-columns:\r\n          repeat(2,1fr);\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n    \r\n    @media(max-width:700px){\r\n    \r\n      .bd-widget-04{\r\n        padding:\r\n          52px 14px;\r\n      }\r\n    \r\n      .bd-widget-04__header{\r\n        margin-bottom:28px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs-wrapper{\r\n        padding:6px;\r\n    \r\n        border-radius:20px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs{\r\n        display:flex;\r\n    \r\n        overflow-x:auto;\r\n    \r\n        scrollbar-width:none;\r\n    \r\n        scroll-snap-type:x proximity;\r\n    \r\n        padding-bottom:2px;\r\n      }\r\n    \r\n      .bd-widget-04__tabs::-webkit-scrollbar{\r\n        display:none;\r\n      }\r\n    \r\n      .bd-widget-04__tab{\r\n        min-width:180px;\r\n    \r\n        flex:0 0 auto;\r\n    \r\n        min-height:62px;\r\n    \r\n        padding:12px 14px;\r\n    \r\n        border-radius:15px;\r\n    \r\n        scroll-snap-align:start;\r\n    \r\n        font-size:13px;\r\n      }\r\n    \r\n      .bd-widget-04__panel{\r\n        padding:25px 20px;\r\n    \r\n        border-radius:23px;\r\n      }\r\n    \r\n      .bd-widget-04__panel-grid{\r\n        grid-template-columns:1fr;\r\n    \r\n        gap:20px;\r\n      }\r\n    \r\n      .bd-widget-04__panel-number{\r\n        width:58px;\r\n        height:58px;\r\n    \r\n        border-radius:17px;\r\n    \r\n        font-size:17px;\r\n      }\r\n    \r\n      .bd-widget-04__spec-grid,\r\n      .bd-widget-04__benefits,\r\n      .bd-widget-04__storage-list{\r\n        grid-template-columns:1fr;\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       SMALL MOBILE\r\n       ========================================================= *\/\r\n    \r\n    @media(max-width:480px){\r\n    \r\n      .bd-widget-04__title{\r\n        font-size:26px;\r\n      }\r\n    \r\n      .bd-widget-04__subtitle{\r\n        font-size:13px;\r\n      }\r\n    \r\n      .bd-widget-04__panel{\r\n        padding:22px 16px;\r\n      }\r\n    \r\n      .bd-widget-04__panel-heading{\r\n        align-items:flex-start;\r\n      }\r\n    \r\n      .bd-widget-04__panel-heading h3{\r\n        font-size:20px;\r\n      }\r\n    \r\n      .bd-widget-04__tab{\r\n        min-width:165px;\r\n      }\r\n    \r\n      .bd-widget-04__tab-icon{\r\n        width:30px;\r\n        height:30px;\r\n    \r\n        flex-basis:30px;\r\n      }\r\n    \r\n      .bd-widget-04__benefits li{\r\n        grid-template-columns:\r\n          36px minmax(0,1fr);\r\n    \r\n        padding:15px;\r\n      }\r\n    \r\n      .bd-widget-04__benefits li > span{\r\n        width:36px;\r\n        height:36px;\r\n      }\r\n    \r\n      .bd-widget-04__storage-item{\r\n        padding:16px;\r\n      }\r\n    \r\n    }\r\n    \r\n    \r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n    \r\n    @media(prefers-reduced-motion:reduce){\r\n    \r\n      .bd-widget-04 *,\r\n      .bd-widget-04 *::before,\r\n      .bd-widget-04 *::after{\r\n    \r\n        animation-duration:.01ms !important;\r\n    \r\n        animation-iteration-count:1 !important;\r\n    \r\n        transition-duration:.01ms !important;\r\n    \r\n        scroll-behavior:auto !important;\r\n      }\r\n    \r\n    }\r\n    \r\n    <\/style>\r\n    \r\n    \r\n    <script>\r\n    \r\n    (function(){\r\n    \r\n      \"use strict\";\r\n    \r\n    \r\n      \/* =======================================================\r\n         WIDGET 04 \u2014 TAB SYSTEM\r\n         ======================================================= *\/\r\n    \r\n      function initBDWidget04(){\r\n    \r\n        const widgets =\r\n          document.querySelectorAll(\".bd-widget-04\");\r\n    \r\n    \r\n        widgets.forEach(function(widget){\r\n    \r\n          \/* Prevent duplicate execution in Elementor *\/\r\n          if(\r\n            widget.getAttribute(\r\n              \"data-bd-widget-04-ready\"\r\n            ) === \"true\"\r\n          ){\r\n            return;\r\n          }\r\n    \r\n          widget.setAttribute(\r\n            \"data-bd-widget-04-ready\",\r\n            \"true\"\r\n          );\r\n    \r\n    \r\n          const tabs =\r\n            widget.querySelectorAll(\r\n              \".bd-widget-04__tab\"\r\n            );\r\n    \r\n          const panels =\r\n            widget.querySelectorAll(\r\n              \".bd-widget-04__panel\"\r\n            );\r\n    \r\n    \r\n          if(!tabs.length || !panels.length){\r\n            return;\r\n          }\r\n    \r\n    \r\n          \/* ---------------------------------------------------\r\n             Activate selected tab\r\n             --------------------------------------------------- *\/\r\n    \r\n          function activateTab(tab){\r\n    \r\n            const target =\r\n              tab.getAttribute(\"data-tab\");\r\n    \r\n            if(!target){\r\n              return;\r\n            }\r\n    \r\n    \r\n            \/* Update tabs *\/\r\n    \r\n            tabs.forEach(function(item){\r\n    \r\n              const isActive =\r\n                item === tab;\r\n    \r\n              item.classList.toggle(\r\n                \"is-active\",\r\n                isActive\r\n              );\r\n    \r\n              item.setAttribute(\r\n                \"aria-selected\",\r\n                isActive ? \"true\" : \"false\"\r\n              );\r\n    \r\n              item.setAttribute(\r\n                \"tabindex\",\r\n                isActive ? \"0\" : \"-1\"\r\n              );\r\n    \r\n            });\r\n    \r\n    \r\n            \/* Update panels *\/\r\n    \r\n            panels.forEach(function(panel){\r\n    \r\n              const isActive =\r\n                panel.getAttribute(\"data-panel\")\r\n                === target;\r\n    \r\n              panel.hidden =\r\n                !isActive;\r\n    \r\n              panel.classList.toggle(\r\n                \"is-active\",\r\n                isActive\r\n              );\r\n    \r\n              panel.setAttribute(\r\n                \"aria-hidden\",\r\n                isActive ? \"false\" : \"true\"\r\n              );\r\n    \r\n            });\r\n    \r\n    \r\n            \/* Mobile: bring active tab into view *\/\r\n    \r\n            if(\r\n              window.innerWidth <= 700\r\n            ){\r\n    \r\n              try{\r\n    \r\n                tab.scrollIntoView({\r\n                  behavior:\"smooth\",\r\n                  block:\"nearest\",\r\n                  inline:\"center\"\r\n                });\r\n    \r\n              }catch(error){}\r\n    \r\n            }\r\n    \r\n          }\r\n    \r\n    \r\n          \/* ---------------------------------------------------\r\n             Click\r\n             --------------------------------------------------- *\/\r\n    \r\n          tabs.forEach(function(tab){\r\n    \r\n            tab.addEventListener(\r\n              \"click\",\r\n              function(){\r\n    \r\n                activateTab(tab);\r\n    \r\n              }\r\n            );\r\n    \r\n    \r\n            \/* -------------------------------------------------\r\n               Keyboard navigation\r\n               ------------------------------------------------- *\/\r\n    \r\n            tab.addEventListener(\r\n              \"keydown\",\r\n              function(event){\r\n    \r\n                const key =\r\n                  event.key;\r\n    \r\n                let index =\r\n                  Array.prototype.indexOf.call(\r\n                    tabs,\r\n                    tab\r\n                  );\r\n    \r\n    \r\n                if(\r\n                  key === \"ArrowRight\" ||\r\n                  key === \"ArrowDown\"\r\n                ){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  index =\r\n                    (index + 1) %\r\n                    tabs.length;\r\n    \r\n                  tabs[index].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[index]\r\n                  );\r\n    \r\n                }\r\n    \r\n    \r\n                if(\r\n                  key === \"ArrowLeft\" ||\r\n                  key === \"ArrowUp\"\r\n                ){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  index =\r\n                    (index - 1 + tabs.length) %\r\n                    tabs.length;\r\n    \r\n                  tabs[index].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[index]\r\n                  );\r\n    \r\n                }\r\n    \r\n    \r\n                if(key === \"Home\"){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  tabs[0].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[0]\r\n                  );\r\n    \r\n                }\r\n    \r\n    \r\n                if(key === \"End\"){\r\n    \r\n                  event.preventDefault();\r\n    \r\n                  tabs[tabs.length - 1].focus();\r\n    \r\n                  activateTab(\r\n                    tabs[tabs.length - 1]\r\n                  );\r\n    \r\n                }\r\n    \r\n              }\r\n            );\r\n    \r\n          });\r\n    \r\n        });\r\n    \r\n      }\r\n    \r\n    \r\n      \/* =======================================================\r\n         NORMAL LOAD\r\n         ======================================================= *\/\r\n    \r\n      if(\r\n        document.readyState === \"loading\"\r\n      ){\r\n    \r\n        document.addEventListener(\r\n          \"DOMContentLoaded\",\r\n          initBDWidget04\r\n        );\r\n    \r\n      }else{\r\n    \r\n        initBDWidget04();\r\n    \r\n      }\r\n    \r\n    \r\n      \/* =======================================================\r\n         ELEMENTOR FRONTEND\r\n         ======================================================= *\/\r\n    \r\n      if(\r\n        window.jQuery\r\n      ){\r\n    \r\n        jQuery(window).on(\r\n          \"elementor\/frontend\/init\",\r\n          function(){\r\n    \r\n            if(\r\n              window.elementorFrontend &&\r\n              elementorFrontend.hooks\r\n            ){\r\n    \r\n              elementorFrontend.hooks.addAction(\r\n                \"frontend\/element_ready\/html.default\",\r\n                function(){\r\n    \r\n                  initBDWidget04();\r\n    \r\n                }\r\n              );\r\n    \r\n            }\r\n    \r\n          }\r\n        );\r\n    \r\n      }\r\n    \r\n    })();\r\n    \r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9db0b2 elementor-widget elementor-widget-html\" data-id=\"d9db0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"br-review-wrap\"> \r\n    <div class=\"br-review-card\"> \r\n   \r\n      <div class=\"br-review-head\"> \r\n        <span class=\"br-review-badge\">Customer Reviews<\/span> \r\n        <h2>Share your experience with <span class=\"br-product-name\">this product<\/span><\/h2> \r\n        <p>Your review will be displayed on the website after being reviewed by the Berandil team. Your experience with <span class=\"br-product-name\">this product<\/span> regarding performance, texture stability, consistency, syneresis, sliceability, and product quality can be valuable for manufacturers.<\/p> \r\n      <\/div> \r\n   \r\n      <form id=\"brReviewForm\"> \r\n        <div class=\"br-review-grid\"> \r\n   \r\n          <div class=\"br-field\"> \r\n            <label for=\"brName\">Full Name <span>*<\/span><\/label> \r\n            <input type=\"text\" id=\"brName\" name=\"name\" placeholder=\"Full Name\" required> \r\n          <\/div> \r\n   \r\n          <div class=\"br-field\"> \r\n            <label for=\"brCompany\">Company \/ Organization<\/label> \r\n            <input type=\"text\" id=\"brCompany\" name=\"company\" placeholder=\"Company or Manufacturing Organization\"> \r\n          <\/div> \r\n   \r\n        <\/div> \r\n   \r\n        <div class=\"br-field\"> \r\n          <label>Your Rating <span>*<\/span><\/label> \r\n   \r\n          <div class=\"br-stars\"> \r\n            <input type=\"radio\" id=\"brStar5\" name=\"rating\" value=\"5\"><label for=\"brStar5\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar4\" name=\"rating\" value=\"4\"><label for=\"brStar4\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar3\" name=\"rating\" value=\"3\"><label for=\"brStar3\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar2\" name=\"rating\" value=\"2\"><label for=\"brStar2\">\u2605<\/label> \r\n            <input type=\"radio\" id=\"brStar1\" name=\"rating\" value=\"1\"><label for=\"brStar1\">\u2605<\/label> \r\n          <\/div> \r\n   \r\n          <div class=\"br-rating-text\" id=\"brRatingText\">Select your rating<\/div> \r\n        <\/div> \r\n   \r\n        <div class=\"br-field\"> \r\n          <label for=\"brMessage\">Your Review <span>*<\/span><\/label> \r\n          <textarea id=\"brMessage\" name=\"message\" rows=\"5\" maxlength=\"1000\" placeholder=\"Share your experience with this product, its performance in formulations, and the final product quality with us...\" required><\/textarea> \r\n          <div class=\"br-count\"><span id=\"brCount\">0<\/span> \/ 1000<\/div> \r\n        <\/div> \r\n   \r\n        <button type=\"submit\" class=\"br-submit\" id=\"brSubmit\"> \r\n          <span class=\"br-submit-text\">Submit Review<\/span> \r\n          <span class=\"br-submit-loading\">Submitting...<\/span> \r\n        <\/button> \r\n   \r\n        <div class=\"br-review-message\" id=\"brReviewMessage\"><\/div> \r\n      <\/form> \r\n   \r\n    <\/div> \r\n  <\/div> \r\n   \r\n  <style> \r\n  .br-review-wrap{--br-blue:#2563eb;--br-blue-light:#3b82f6;--br-purple:#7c3aed;--br-orange:#ff7a18;--br-white:#fff;--br-muted:#c9bddb;--br-border:rgba(255,255,255,.12);--br-transition:all .35s cubic-bezier(.22,.61,.36,1);position:relative;width:100%;direction:rtl;padding:75px 20px;overflow:hidden;font-family:\"Shabnam\",\"IRANSans\",\"IRANSansX\",Tahoma,Arial,sans-serif;background:radial-gradient(circle at 10% 15%,rgba(37,99,235,.16),transparent 30%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.15),transparent 32%),linear-gradient(135deg,#12081f,#170d29 50%,#0f0a19)} \r\n  .br-review-card{position:relative;width:100%;max-width:850px;margin:auto;padding:38px;border:1px solid var(--br-border);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} \r\n  .br-review-card:before,.br-review-card:after{content:\"\";position:absolute;border-radius:50%;pointer-events:none} \r\n  .br-review-card:before{top:-100px;left:-100px;width:230px;height:230px;background:radial-gradient(circle,rgba(37,99,235,.15),transparent 70%)} \r\n  .br-review-card:after{right:-90px;bottom:-110px;width:240px;height:240px;background:radial-gradient(circle,rgba(124,58,237,.13),transparent 70%)} \r\n  .br-review-head{position:relative;z-index:1;text-align:center;margin-bottom:32px} \r\n  .br-review-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 17px;margin-bottom:14px;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#93c5fd;background:rgba(37,99,235,.1);font-size:13px;font-weight:800;box-shadow:0 10px 30px rgba(37,99,235,.1)} \r\n  .br-review-head h2{margin:0 0 12px;color:var(--br-white);font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.5} \r\n  .br-review-head p{max-width:680px;margin:auto;color:var(--br-muted);font-size:clamp(13px,1.5vw,15px);line-height:2;text-align:justify;text-justify:inter-word} \r\n  .br-review-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:18px} \r\n  .br-field{position:relative;z-index:1;margin-bottom:23px} \r\n  .br-field label{display:block;margin-bottom:9px;color:#e8e0f0;font-size:14px;font-weight:800;line-height:1.8} \r\n  .br-field label span{color:var(--br-orange)} \r\n  .br-field input,.br-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.045);color:var(--br-white);font-family:inherit;font-size:14px;outline:0;transition:var(--br-transition)} \r\n  .br-field input{height:54px;padding:0 17px} \r\n  .br-field textarea{min-height:150px;padding:15px 17px;resize:vertical;line-height:2;text-align:justify;text-justify:inter-word} \r\n  .br-field input::placeholder,.br-field textarea::placeholder{color:rgba(201,189,219,.6)} \r\n  .br-field input:hover,.br-field textarea:hover{border-color:rgba(59,130,246,.3);background:rgba(255,255,255,.06)} \r\n  .br-field input:focus,.br-field textarea:focus{border-color:var(--br-blue-light);background:rgba(37,99,235,.065);box-shadow:0 0 0 4px rgba(59,130,246,.12),0 10px 30px rgba(37,99,235,.08)} \r\n  .br-stars{direction:rtl;display:flex;justify-content:flex-start;align-items:center;gap:4px} \r\n  .br-stars input{display:none} \r\n  .br-stars label{cursor:pointer;margin:0;padding:2px;color:rgba(255,255,255,.18);font-size:36px;line-height:1;transition:var(--br-transition)} \r\n  .br-stars label:hover,.br-stars label:hover~label,.br-stars input:checked~label{color:var(--br-orange);transform:scale(1.08);text-shadow:0 5px 20px rgba(255,122,24,.25)} \r\n  .br-rating-text{margin-top:9px;color:var(--br-muted);font-size:13px;line-height:1.8} \r\n  .br-count{position:absolute;left:4px;bottom:-21px;color:rgba(201,189,219,.6);font-size:11px} \r\n  .br-submit{position:relative;z-index:1;width:100%;height:56px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--br-blue),var(--br-purple));color:#fff;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(37,99,235,.22);transition:var(--br-transition)} \r\n  .br-submit:hover{background:linear-gradient(135deg,var(--br-orange),#ea580c);transform:translateY(-3px);box-shadow:0 16px 35px rgba(255,122,24,.24)} \r\n  .br-submit:focus-visible{outline:3px solid rgba(96,165,250,.65);outline-offset:3px} \r\n  .br-submit:disabled{opacity:.65;cursor:not-allowed;transform:none} \r\n  .br-submit-loading{display:none} \r\n  .br-submit.is-loading .br-submit-text{display:none} \r\n  .br-submit.is-loading .br-submit-loading{display:inline} \r\n  .br-review-message{display:none;position:relative;z-index:1;margin-top:18px;padding:15px 18px;border-radius:14px;font-size:13px;line-height:2;text-align:justify;text-justify:inter-word} \r\n  .br-review-message.success{display:block;color:#bfdbfe;background:rgba(37,99,235,.1);border:1px solid rgba(59,130,246,.25)} \r\n  .br-review-message.error{display:block;color:#fed7aa;background:rgba(255,122,24,.08);border:1px solid rgba(255,122,24,.25)} \r\n  @media(max-width:700px){.br-review-wrap{padding:60px 15px}.br-review-card{padding:27px 19px;border-radius:23px}.br-review-grid{grid-template-columns:1fr;gap:0}.br-review-head{margin-bottom:27px}.br-review-head h2{font-size:22px;line-height:1.65}.br-review-head p{font-size:13px;line-height:2}.br-field input{height:51px}.br-field textarea{min-height:140px}.br-stars label{font-size:32px}} \r\n  @media(max-width:380px){.br-review-wrap{padding:48px 12px}.br-review-card{padding:22px 14px;border-radius:20px}.br-review-head h2{font-size:20px}.br-review-head p{font-size:12px}.br-stars label{font-size:29px}.br-submit{height:53px;font-size:14px}} \r\n  @media(prefers-reduced-motion:reduce){.br-review-wrap *,.br-review-wrap *:before,.br-review-wrap *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} \r\n  <\/style> \r\n   \r\n  <script> \r\n  document.addEventListener('DOMContentLoaded',()=>{ \r\n   \r\n  const $=id=>document.getElementById(id); \r\n  const wrap=document.querySelector('.br-review-wrap'); \r\n  const form=$('brReviewForm'); \r\n   \r\n  if(!wrap||!form)return; \r\n   \r\n  const name=$('brName'), \r\n        company=$('brCompany'), \r\n        input=$('brMessage'), \r\n        count=$('brCount'), \r\n        ratingText=$('brRatingText'), \r\n        submit=$('brSubmit'), \r\n        msg=$('brReviewMessage'); \r\n   \r\n  let product='This product'; \r\n  const wooTitle=document.querySelector('.product_title'); \r\n  const pageTitle=document.querySelector('h1'); \r\n   \r\n  if(wooTitle?.textContent.trim())product=wooTitle.textContent.trim(); \r\n  else if(pageTitle?.textContent.trim())product=pageTitle.textContent.trim(); \r\n  else product=document.title.replace(\/\\s*[|\u2013-]\\s*.*$\/,'').trim(); \r\n   \r\n  document.querySelectorAll('.br-product-name').forEach(el=>el.textContent=product); \r\n   \r\n  const ratings={1:'Rating 1 out of 5',2:'Rating 2 out of 5',3:'Rating 3 out of 5',4:'Rating 4 out of 5',5:'Rating 5 out of 5'}; \r\n   \r\n  document.querySelectorAll('input[name=\"rating\"]').forEach(el=>{ \r\n    el.addEventListener('change',()=>ratingText.textContent=ratings[el.value]); \r\n  }); \r\n   \r\n  input.addEventListener('input',()=>count.textContent=input.value.length); \r\n   \r\n  form.addEventListener('submit',async e=>{ \r\n   \r\n    e.preventDefault(); \r\n   \r\n    msg.className='br-review-message'; \r\n    msg.textContent=''; \r\n   \r\n    const rating=document.querySelector('input[name=\"rating\"]:checked'); \r\n   \r\n    if(!rating)return show('Please select your rating.','error'); \r\n    if(!name.value.trim())return show('Please enter your full name.','error',name); \r\n    if(!input.value.trim())return show('Please enter your review.','error',input); \r\n   \r\n    submit.disabled=true; \r\n    submit.classList.add('is-loading'); \r\n   \r\n    try{ \r\n   \r\n      const response=await fetch('\/wp-json\/berandil\/v1\/reviews',{ \r\n        method:'POST', \r\n        headers:{'Content-Type':'application\/json'}, \r\n        body:JSON.stringify({ \r\n          name:name.value.trim(), \r\n          company:company.value.trim(), \r\n          product:product, \r\n          rating:Number(rating.value), \r\n          message:input.value.trim() \r\n        }) \r\n      }); \r\n   \r\n      const data=await response.json(); \r\n   \r\n      if(!response.ok)throw new Error(data.message||'The review could not be submitted.'); \r\n   \r\n      form.reset(); \r\n      count.textContent='0'; \r\n      ratingText.textContent='Select your rating'; \r\n   \r\n      show('Your review has been submitted successfully and will be displayed on the website after approval by the administrator.','success'); \r\n   \r\n    }catch(error){ \r\n   \r\n      show(error.message||'An error occurred while submitting your review. Please try again.','error'); \r\n   \r\n    }finally{ \r\n   \r\n      submit.disabled=false; \r\n      submit.classList.remove('is-loading'); \r\n   \r\n    } \r\n   \r\n  }); \r\n   \r\n  function show(text,type,focus){ \r\n   \r\n    msg.className='br-review-message '+type; \r\n    msg.textContent=text; \r\n   \r\n    if(focus)focus.focus(); \r\n   \r\n  } \r\n   \r\n  }); \r\n  <\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6be666d3 e-con e-atomic-element e-flexbox-base e-default-div e-6be666d3-ffdf25d \" data-id=\"6be666d3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6be666d3\" data-e-type=\"e-flexbox\" data-id=\"6be666d3\">\n    \t\t<div class=\"elementor-element elementor-element-21ec5d29 elementor-widget elementor-widget-html\" data-id=\"21ec5d29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =====================================================\r\n   RESET\r\n===================================================== *\/\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n    direction: rtl;\r\n\r\n    font-family:\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    background: #f4f6f5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VARIABLES\r\n===================================================== *\/\r\n\r\n:root {\r\n\r\n    --footer-bg: #12251f;\r\n\r\n    --footer-card: #19332b;\r\n\r\n    --footer-card-hover: #1d3a31;\r\n\r\n    --green: #2ca879;\r\n\r\n    --green-light: #4bc995;\r\n\r\n    --text: #f3f8f6;\r\n\r\n    --text-light: #b9cbc5;\r\n\r\n    --text-muted: #849b94;\r\n\r\n    --border: rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FOOTER\r\n===================================================== *\/\r\n\r\n.site-footer {\r\n\r\n    position: relative;\r\n\r\n    background: var(--footer-bg);\r\n\r\n    color: var(--text);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CONTAINER\r\n===================================================== *\/\r\n\r\n.footer-container {\r\n\r\n    width: min(1400px, 94%);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 20px 0 16px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.15fr\r\n        1fr\r\n        1fr\r\n        1fr\r\n        .9fr;\r\n\r\n    gap: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COLUMNS\r\n===================================================== *\/\r\n\r\n.footer-column {\r\n\r\n    min-width: 0;\r\n\r\n    padding: 14px;\r\n\r\n    background: var(--footer-card);\r\n\r\n    border:\r\n        1px solid var(--border);\r\n\r\n    border-radius: 13px;\r\n\r\n    transition:\r\n        background .25s ease;\r\n\r\n}\r\n\r\n.footer-column:hover {\r\n\r\n    background:\r\n        var(--footer-card-hover);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TITLE\r\n===================================================== *\/\r\n\r\n.footer-title {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-bottom: 11px;\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n.footer-title i {\r\n\r\n    color: var(--green-light);\r\n\r\n    font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAP\r\n===================================================== *\/\r\n\r\n.map-box {\r\n\r\n    height: 165px;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 9px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    background: #10211c;\r\n\r\n}\r\n\r\n.map-box iframe {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border: 0;\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ADDRESS\r\n===================================================== *\/\r\n\r\n.address-box {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 9px;\r\n\r\n    margin-bottom: 11px;\r\n\r\n}\r\n\r\n.address-icon {\r\n\r\n    flex: 0 0 32px;\r\n\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 8px;\r\n\r\n    color: var(--green-light);\r\n\r\n    background:\r\n        rgba(44,168,121,.12);\r\n\r\n}\r\n\r\n.address-box p {\r\n\r\n    color: var(--text-light);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 2;\r\n\r\n}\r\n\r\n\r\n.phone-list {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 6px;\r\n\r\n}\r\n\r\n.phone-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    min-height: 31px;\r\n\r\n    padding: 5px 8px;\r\n\r\n    border-radius: 7px;\r\n\r\n    color: var(--text-light);\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    font-size: 11px;\r\n\r\n    text-decoration: none;\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n.phone-item i {\r\n\r\n    color: var(--green-light);\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n.phone-item:hover {\r\n\r\n    color: white;\r\n\r\n    background:\r\n        rgba(44,168,121,.12);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MENU\r\n===================================================== *\/\r\n\r\n.footer-menu {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 2px;\r\n\r\n}\r\n\r\n\r\n.menu-link,\r\n.submenu-toggle {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding: 5px 7px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: transparent;\r\n\r\n    color: var(--text-light);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 11px;\r\n\r\n    text-decoration: none;\r\n\r\n    text-align: right;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.menu-link span,\r\n.submenu-toggle span {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n}\r\n\r\n\r\n.menu-link i,\r\n.submenu-toggle i {\r\n\r\n    color: var(--green-light);\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n\r\n.menu-link:hover,\r\n.submenu-toggle:hover {\r\n\r\n    color: white;\r\n\r\n    background:\r\n        rgba(44,168,121,.10);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SUBMENU\r\n===================================================== *\/\r\n\r\n.has-submenu {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.submenu {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 100;\r\n\r\n    top: calc(100% - 1px);\r\n\r\n    right: 0;\r\n\r\n    width: 225px;\r\n\r\n    padding: 6px;\r\n\r\n    background: #18342c;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-radius: 9px;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(0,0,0,.25);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translateY(6px);\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.has-submenu:hover .submenu {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n.submenu a {\r\n\r\n    display: block;\r\n\r\n    padding: 6px 8px;\r\n\r\n    border-radius: 6px;\r\n\r\n    color: var(--text-light);\r\n\r\n    font-size: 10px;\r\n\r\n    text-decoration: none;\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.submenu a:hover {\r\n\r\n    color: white;\r\n\r\n    background:\r\n        rgba(44,168,121,.12);\r\n\r\n    padding-right: 12px;\r\n\r\n}\r\n\r\n\r\n.arrow {\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CATEGORY - Single Column\r\n===================================================== *\/\r\n\r\n.category-list {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 2px;\r\n\r\n}\r\n\r\n\r\n.category-list a {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 25px;\r\n\r\n    padding: 3px 7px;\r\n\r\n    border-radius: 5px;\r\n\r\n    color: var(--text-light);\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.5;\r\n\r\n    text-decoration: none;\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.category-list a::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 4px;\r\n    height: 4px;\r\n\r\n    flex: 0 0 4px;\r\n\r\n    margin-left: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--green);\r\n\r\n}\r\n\r\n\r\n.category-list a:hover {\r\n\r\n    color: white;\r\n\r\n    background:\r\n        rgba(44,168,121,.09);\r\n\r\n}\r\n\r\n\r\n.all-products {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-top: 7px;\r\n\r\n    padding: 6px 8px;\r\n\r\n    border-radius: 6px;\r\n\r\n    color: var(--green-light);\r\n\r\n    background:\r\n        rgba(44,168,121,.08);\r\n\r\n    font-size: 10px;\r\n\r\n    text-decoration: none;\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n.all-products:hover {\r\n\r\n    color: white;\r\n\r\n    background:\r\n        rgba(44,168,121,.15);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BRAND\r\n===================================================== *\/\r\n\r\n.brand-image {\r\n\r\n    width: 100%;\r\n\r\n    height: 120px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    border-radius: 8px;\r\n\r\n    background: #dbdbdb;\r\n\r\n}\r\n\r\n\r\n.brand-image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n}\r\n\r\n\r\n.brand-description {\r\n\r\n    color: var(--text-light);\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.8;\r\n\r\n    margin-bottom: 8px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SOCIAL\r\n===================================================== *\/\r\n\r\n.social-section h4 {\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: white;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.social-links {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SOCIAL LINK\r\n===================================================== *\/\r\n\r\n.social-link {\r\n\r\n    position: relative;\r\n\r\n    width: 35px;\r\n    height: 35px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 9px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    color: var(--text-light);\r\n\r\n    font-size: 15px;\r\n\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        color .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TOOLTIP\r\n===================================================== *\/\r\n\r\n.social-link::after {\r\n\r\n    content: attr(data-tooltip);\r\n\r\n    position: absolute;\r\n\r\n    right: 50%;\r\n\r\n    bottom: calc(100% + 8px);\r\n\r\n    transform:\r\n        translateX(50%)\r\n        translateY(5px);\r\n\r\n    padding: 5px 9px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #0d211c;\r\n\r\n    color: white;\r\n\r\n    font-size: 10px;\r\n\r\n    white-space: nowrap;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 200;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(0,0,0,.25);\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n\/* Arrow *\/\r\n\r\n.social-link::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 50%;\r\n\r\n    bottom: calc(100% + 2px);\r\n\r\n    transform:\r\n        translateX(50%);\r\n\r\n    border:\r\n        5px solid transparent;\r\n\r\n    border-top-color:\r\n        #0d211c;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    z-index: 200;\r\n\r\n    transition: .2s ease;\r\n\r\n}\r\n\r\n\r\n\/* Show Tooltip *\/\r\n\r\n.social-link:hover::after {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateX(50%)\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n.social-link:hover::before {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HOVER SOCIAL\r\n===================================================== *\/\r\n\r\n.social-link:hover {\r\n\r\n    color: white;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 7px 16px rgba(0,0,0,.20);\r\n\r\n}\r\n\r\n\r\n\/* Eitaa *\/\r\n\r\n.social-link.eitaa:hover {\r\n\r\n    background: #1f9d75;\r\n\r\n    border-color: #1f9d75;\r\n\r\n}\r\n\r\n\r\n\/* Telegram *\/\r\n\r\n.social-link.telegram:hover {\r\n\r\n    background: #229ed9;\r\n\r\n    border-color: #229ed9;\r\n\r\n}\r\n\r\n\r\n\/* Rubika *\/\r\n\r\n.social-link.rubika:hover {\r\n\r\n    background: #7b3ff2;\r\n\r\n    border-color: #7b3ff2;\r\n\r\n}\r\n\r\n\r\n\/* Bale *\/\r\n\r\n.social-link.bale:hover {\r\n\r\n    background: #168de2;\r\n\r\n    border-color: #168de2;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FOOTER BOTTOM\r\n===================================================== *\/\r\n\r\n.footer-bottom {\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    background:\r\n        #0e1f1a;\r\n\r\n}\r\n\r\n\r\n.footer-bottom-inner {\r\n\r\n    width: min(1400px, 94%);\r\n\r\n    min-height: 43px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    color: var(--text-muted);\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOGO berandil\r\n===================================================== *\/\r\n\r\n.brand-logo-upload {\r\n\r\n    position: relative;\r\n\r\n    width: 44px;\r\n    height: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 6px;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n.brand-logo-upload input {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n.brand-logo-placeholder {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--text-muted);\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n\r\n.brand-logo-upload:hover {\r\n\r\n    border-color:\r\n        var(--green);\r\n\r\n    background:\r\n        rgba(44,168,121,.10);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.brand-logo-upload:hover\r\n.brand-logo-placeholder {\r\n\r\n    color:\r\n        var(--green-light);\r\n\r\n}\r\n\r\n\r\n.brand-logo-placeholder img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: contain;\r\n\r\n    padding: 3px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DOMAIN\r\n===================================================== *\/\r\n\r\n.footer-domain {\r\n\r\n    direction: ltr;\r\n\r\n    color:\r\n        var(--green-light);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BACK TO TOP\r\n===================================================== *\/\r\n\r\n.back-to-top {\r\n\r\n    position: fixed;\r\n\r\n    left: 18px;\r\n\r\n    bottom: 18px;\r\n\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--green);\r\n\r\n    color: white;\r\n\r\n    cursor: pointer;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translateY(10px);\r\n\r\n    z-index: 500;\r\n\r\n    transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n.back-to-top.show {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n.back-to-top:hover {\r\n\r\n    background:\r\n        var(--green-light);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .footer-container {\r\n\r\n        grid-template-columns:\r\n            repeat(3, 1fr);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE MENU\r\n===================================================== *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .footer-container {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap: 9px;\r\n\r\n        padding-top: 12px;\r\n\r\n    }\r\n\r\n\r\n    .submenu {\r\n\r\n        position: static;\r\n\r\n        display: none;\r\n\r\n        width: 100%;\r\n\r\n        margin-top: 2px;\r\n\r\n        padding: 4px;\r\n\r\n        opacity: 1;\r\n\r\n        visibility: visible;\r\n\r\n        transform: none;\r\n\r\n        box-shadow: none;\r\n\r\n        background:\r\n            rgba(0,0,0,.10);\r\n\r\n    }\r\n\r\n\r\n    .has-submenu.open .submenu {\r\n\r\n        display: block;\r\n\r\n    }\r\n\r\n\r\n    .has-submenu.open .arrow {\r\n\r\n        transform:\r\n            rotate(180deg);\r\n\r\n    }\r\n\r\n\r\n    .has-submenu:hover .submenu {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .has-submenu.open:hover .submenu {\r\n\r\n        display: block;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    .footer-container {\r\n\r\n        width: 92%;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 7px;\r\n\r\n        padding: 9px 0;\r\n\r\n    }\r\n\r\n\r\n    .footer-column {\r\n\r\n        padding: 11px;\r\n\r\n        border-radius: 11px;\r\n\r\n    }\r\n\r\n\r\n    .footer-title {\r\n\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .map-box {\r\n\r\n        height: 125px;\r\n\r\n    }\r\n\r\n\r\n    .brand-image {\r\n\r\n        height: 82px;\r\n\r\n    }\r\n\r\n\r\n    .footer-bottom-inner {\r\n\r\n        width: 92%;\r\n\r\n        min-height: 40px;\r\n\r\n        gap: 8px;\r\n\r\n        padding: 5px 0;\r\n\r\n    }\r\n\r\n\r\n    .brand-logo-upload {\r\n\r\n        width: 38px;\r\n\r\n        height: 27px;\r\n\r\n    }\r\n\r\n\r\n    .back-to-top {\r\n\r\n        width: 35px;\r\n        height: 35px;\r\n\r\n        left: 11px;\r\n        bottom: 11px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VERY SMALL\r\n===================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .footer-bottom-inner {\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .social-link {\r\n\r\n        width: 33px;\r\n        height: 33px;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>\u0628\u0631\u0646\u062f\u06cc\u0644<\/title>\r\n\r\n    <!-- Font Awesome -->\r\n    <link\r\n        rel=\"stylesheet\"\r\n        href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\r\n    >\r\n\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<!-- =====================================================\r\n     FOOTER\r\n===================================================== -->\r\n\r\n<footer class=\"site-footer\">\r\n\r\n    <div class=\"footer-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             First Column - Map\r\n        ================================================== -->\r\n\r\n        <div class=\"footer-column map-column\">\r\n\r\n            <h3 class=\"footer-title\">\r\n                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                Our Location\r\n            <\/h3>\r\n\r\n            <div class=\"map-box\">\r\n\r\n                <iframe\r\n                    src=\"https:\/\/www.google.com\/maps?q=\u06a9\u0645\u0627\u0644\u0634\u0647\u0631%20\u06a9\u0631\u062c&output=embed\"\r\n                    loading=\"lazy\"\r\n                    referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             Second Column - Address and Phone\r\n        ================================================== -->\r\n\r\n        <div class=\"footer-column address-column\">\r\n\r\n            <h3 class=\"footer-title\">\r\n                <i class=\"fa-solid fa-building\"><\/i>\r\n                Factory Address\r\n            <\/h3>\r\n\r\n            <div class=\"address-box\">\r\n\r\n                <div class=\"address-icon\">\r\n                    <i class=\"fa-solid fa-location-crosshairs\"><\/i>\r\n                <\/div>\r\n\r\n                <p>\r\n                    Karaj, Kamalshahr, Next to Road Police,\r\n                    Ata Street, No. 7\r\n                    <br>\r\n                    Production Workshop\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"phone-list\">\r\n\r\n                <a\r\n                    href=\"tel:02634721245\"\r\n                    class=\"phone-item\">\r\n\r\n                    <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n                    <span>\r\n                        \u06f0\u06f2\u06f6-\u06f3\u06f4\u06f7\u06f2\u06f1\u06f2\u06f4\u06f5\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"tel:09122050682\"\r\n                    class=\"phone-item\">\r\n\r\n                    <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n\r\n                    <span>\r\n                        \u06f0\u06f9\u06f1\u06f2\u06f2\u06f0\u06f5\u06f0\u06f6\u06f8\u06f2\r\n                    <\/span>\r\n\r\n                <\/a>\r\n                <a\r\n                href=\"tel:09122050682\"\r\n                class=\"phone-item\">\r\n\r\n                <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n\r\n                <span>\r\n                    \u06f0\u06f9\u06f1\u06f2\u06f6\u06f3\u06f0\u06f6\u06f1\u06f5\u06f0\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             Third Column - Menu\r\n        ================================================== -->\r\n\r\n        <div class=\"footer-column menu-column\">\r\n\r\n            <h3 class=\"footer-title\">\r\n                <i class=\"fa-solid fa-bars\"><\/i>\r\n                Menu\r\n            <\/h3>\r\n\r\n\r\n            <nav class=\"footer-menu\">\r\n\r\n\r\n                <!-- Home -->\r\n\r\n                <a\r\n                    href=\"https:\/\/berandil.ir\/en\/\"\r\n                    class=\"menu-link\">\r\n\r\n                    <span>\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                        Home\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- Products -->\r\n\r\n                <div class=\"menu-item has-submenu\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"submenu-toggle\"\r\n                        aria-expanded=\"false\">\r\n\r\n                        <span>\r\n                            <i class=\"fa-solid fa-box-open\"><\/i>\r\n                            Products\r\n                        <\/span>\r\n\r\n                        <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"submenu\">\r\n\r\n                        <a href=\"https:\/\/berandil.ir\/en\/stirred-yogurt-stabilizer\/\">\r\n                            Whipped Yogurt Stabilizer\r\n                        <\/a>\r\n        \r\n        \r\n                        <a href=\"https:\/\/berandil.ir\/en\/doogh-stabilizer\/\">\r\n                            Doogh Stabilizer\r\n                        <\/a>\r\n        \r\n        \r\n                        <a href=\"https:\/\/berandil.ir\/en\/cheese-stabilizer-2\/\">\r\n                            Cheese Stabilizer\r\n                        <\/a>\r\n        \r\n        \r\n                        <a href=\"https:\/\/berandil.ir\/en\/whipping-cream-stabilizer\/\">\r\n                            Confectionery Cream Stabilizer\r\n                        <\/a>\r\n        \r\n        \r\n                        <a href=\"https:\/\/berandil.ir\/en\/ice-cream-stabilizer\/\">\r\n                            Ice Cream Stabilizer\r\n                        <\/a>\r\n        \r\n                        <a href=\"https:\/\/berandil.ir\/en\/breakfast-cream-stabilizer\/\">\r\n                            Breakfast Cream Stabilizer\r\n                        <\/a>\r\n        \r\n        \r\n                        <a href=\"https:\/\/berandil.ir\/en\/flavored-milk-stabilizer\/\">\r\n                            Flavored Milk Stabilizer\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Other Menus -->\r\n\r\n                <!-- Berandil Customers -->\r\n\r\n<div class=\"menu-item has-submenu\">\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"submenu-toggle\"\r\n        aria-expanded=\"false\">\r\n\r\n        <span>\r\n            <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n            Berandil Customers\r\n        <\/span>\r\n\r\n        <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n\r\n    <\/button>\r\n\r\n\r\n    <div class=\"submenu\">\r\n\r\n        <a href=\"https:\/\/berandil.ir\/%d9%85%d8%b4%d8%aa%d8%b1%db%8c%d8%a7%d9%86-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d8%a8%d8%b1%d9%86%d8%af%db%8c%d9%84\/\">\r\n            <i class=\"fa-solid fa-building\"><\/i>\r\n            Domestic Customers\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/berandil.ir\/%d9%85%d8%b4%d8%aa%d8%b1%db%8c%d8%a7%d9%86-%d8%a8%d8%b1%d9%86%d8%af%db%8c%d9%84\/\">\r\n            <i class=\"fa-solid fa-globe\"><\/i>\r\n            International Customers\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/articles\/\" class=\"menu-link\">\r\n\r\n                    <span>\r\n                        <i class=\"fa-solid fa-newspaper\"><\/i>\r\n                        Articles\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/about-berandil\/\" class=\"menu-link\">\r\n\r\n                    <span>\r\n                        <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                        About Berandil\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/contact-berandil\/\" class=\"menu-link\">\r\n\r\n                    <span>\r\n                        <i class=\"fa-solid fa-envelope\"><\/i>\r\n                        Contact Us\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/nav>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             Fourth Column - Stabilizer Categories\r\n        ================================================== -->\r\n\r\n        <div class=\"footer-column category-column\">\r\n\r\n            <h3 class=\"footer-title\">\r\n\r\n                <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n                Stabilizer Categories\r\n\r\n            <\/h3>\r\n\r\n\r\n            <div class=\"category-list\">\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/stirred-yogurt-stabilizer\/\">\r\n                    Whipped Yogurt Stabilizer\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/doogh-stabilizer\/\">\r\n                    Doogh Stabilizer\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/cheese-stabilizer-2\/\">\r\n                    Cheese Stabilizer\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/whipping-cream-stabilizer\/\">\r\n                    Confectionery Cream Stabilizer\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/ice-cream-stabilizer\/\">\r\n                    Ice Cream Stabilizer\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/breakfast-cream-stabilizer\/\">\r\n                    Breakfast Cream Stabilizer\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/berandil.ir\/en\/flavored-milk-stabilizer\/\">\r\n                    Flavored Milk Stabilizer\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"https:\/\/berandil.ir\/en\/product-category\/dairy-stabilizers\/\"\r\n                class=\"all-products\">\r\n\r\n                <span>\r\n                    View All Stabilizers\r\n                <\/span>\r\n\r\n                <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             Fifth Column - Brand + Social Media\r\n        ================================================== -->\r\n\r\n        <div class=\"footer-column brand-column\">\r\n\r\n\r\n            <div class=\"brand-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/08\/berandil-1.png\"\r\n                    alt=\"\u0628\u0631\u0646\u062f\u06cc\u0644\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"brand-description\">\r\n\r\n                Berandil, a specialized manufacturer of\r\n                stabilizers used in the\r\n                dairy and food industries.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- Social Media -->\r\n\r\n            <div class=\"social-section\">\r\n\r\n                <h4>\r\n                    Social Media\r\n                <\/h4>\r\n\r\n\r\n                <div class=\"social-links\">\r\n\r\n\r\n                    <!-- ================= Eitaa ================= -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/eitaa.com\/berandil_food_factory\" target=\"_blank\"\r\n                        class=\"social-link eitaa\"\r\n                        data-tooltip=\"Eitaa\"\r\n                        aria-label=\"Eitaa\">\r\n\r\n                        <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <!-- ================= Telegram ================= -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/t.me\/berandil_food_factory\" target=\"_blank\"\r\n                        class=\"social-link telegram\"\r\n                        data-tooltip=\"Telegram\"\r\n                        aria-label=\"Telegram\">\r\n\r\n                        <i class=\"fa-brands fa-telegram\"><\/i>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <!-- ================= Rubika ================= -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/rubika.ir\/berandil_food_factory\" target=\"_blank\"\r\n                        class=\"social-link rubika\"\r\n                        data-tooltip=\"Rubika\"\r\n                        aria-label=\"Rubika\">\r\n\r\n                        <i class=\"fa-solid fa-comment-dots\"><\/i>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <!-- ================= Bale ================= -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/ble.ir\/berandil_food_factory\" target=\"_blank\" \r\n                        class=\"social-link bale\" \r\n                        data-tooltip=\"Bale\" \r\n                        aria-label=\"Bale\"> \r\n \r\n                        <i class=\"fa-solid fa-comments\"><\/i> \r\n \r\n                    <\/a> \r\n \r\n                <\/div> \r\n \r\n            <\/div> \r\n \r\n        <\/div> \r\n \r\n    <\/div> \r\n \r\n \r\n    <!-- ===================================================== \r\n         Bottom Bar \r\n    ====================================================== --> \r\n \r\n    <div class=\"footer-bottom\"> \r\n \r\n        <div class=\"footer-bottom-inner\"> \r\n \r\n \r\n            <!-- Small Berandil Logo --> \r\n \r\n          \r\n \r\n \r\n            <!-- Copyright Text --> \r\n \r\n            <span class=\"copyright-text\"> \r\n \r\n                \u00a9 \r\n                <span id=\"currentYear\"><\/span> \r\n \r\n                All rights reserved by Berandil. \r\n \r\n            <\/span> \r\n \r\n \r\n             \r\n \r\n \r\n        <\/div> \r\n \r\n    <\/div> \r\n \r\n<\/footer> \r\n \r\n \r\n<!-- ===================================================== \r\n     BACK TO TOP \r\n===================================================== --> \r\n \r\n<button \r\n    type=\"button\" \r\n    id=\"backToTop\" \r\n    class=\"back-to-top\" \r\n    aria-label=\"Back to Top\"> \r\n \r\n    <i class=\"fa-solid fa-arrow-up\"><\/i> \r\n \r\n<\/button> \r\n \r\n \r\n<script> \r\n    document.addEventListener(\"DOMContentLoaded\", function () { \r\n \r\n \r\n\/* ===================================================== \r\n   Current Year \r\n===================================================== *\/ \r\n \r\nconst currentYear = \r\n    document.getElementById(\"currentYear\"); \r\n \r\nif (currentYear) { \r\n \r\n    currentYear.textContent = \r\n        new Date().getFullYear(); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\n   Products Menu on Mobile \r\n===================================================== *\/ \r\n\/* ===================================================== \r\n   Menus with Submenus \r\n===================================================== *\/ \r\n \r\nconst submenuParents = \r\n    document.querySelectorAll(\".has-submenu\"); \r\n \r\n \r\nsubmenuParents.forEach(function (parent) { \r\n \r\n    const toggle = \r\n        parent.querySelector(\".submenu-toggle\"); \r\n \r\n \r\n    if (!toggle) return; \r\n \r\n \r\n    toggle.addEventListener( \r\n        \"click\", \r\n        function (event) { \r\n \r\n            event.preventDefault(); \r\n \r\n            const isOpen = \r\n                parent.classList.toggle(\"open\"); \r\n \r\n \r\n            toggle.setAttribute( \r\n                \"aria-expanded\", \r\n                isOpen ? \"true\" : \"false\" \r\n            ); \r\n \r\n        } \r\n    ); \r\n \r\n}); \r\n \r\n \r\n\/* ===================================================== \r\n   Close Submenu on Outside Click \r\n===================================================== *\/ \r\n \r\ndocument.addEventListener( \r\n    \"click\", \r\n    function (event) { \r\n \r\n        submenuParents.forEach(function (parent) { \r\n \r\n            if (!parent.contains(event.target)) { \r\n \r\n                parent.classList.remove(\"open\"); \r\n \r\n \r\n                const toggle = \r\n                    parent.querySelector(\".submenu-toggle\"); \r\n \r\n \r\n                if (toggle) { \r\n \r\n                    toggle.setAttribute( \r\n                        \"aria-expanded\", \r\n                        \"false\" \r\n                    ); \r\n \r\n                } \r\n \r\n            } \r\n \r\n        }); \r\n \r\n    } \r\n); \r\n \r\n \r\n\/* ===================================================== \r\n   Upload Berandil Logo \r\n===================================================== *\/ \r\n \r\nconst brandLogoInput = \r\n    document.getElementById( \r\n        \"brandLogoInput\" \r\n    ); \r\n \r\n \r\nconst brandLogoPlaceholder = \r\n    document.getElementById( \r\n        \"brandLogoPlaceholder\" \r\n    ); \r\n \r\n \r\nif ( \r\n    brandLogoInput && \r\n    brandLogoPlaceholder \r\n) { \r\n \r\n    brandLogoInput.addEventListener( \r\n        \"change\", \r\n        function (event) { \r\n \r\n            const file = \r\n                event.target.files[0]; \r\n \r\n            if (!file) return; \r\n \r\n \r\n            if (!file.type.startsWith(\"image\/\")) { \r\n \r\n                alert( \r\n                    \"Please select an image file.\" \r\n                ); \r\n \r\n                brandLogoInput.value = \"\"; \r\n \r\n                return; \r\n \r\n            } \r\n \r\n \r\n            const reader = \r\n                new FileReader(); \r\n \r\n \r\n            reader.onload = \r\n                function (e) { \r\n \r\n                    brandLogoPlaceholder.innerHTML = \"\"; \r\n \r\n \r\n                    const image = \r\n                        document.createElement(\"img\"); \r\n \r\n \r\n                    image.src = \r\n                        e.target.result; \r\n \r\n \r\n                    image.alt = \r\n                        \"Berandil Logo\"; \r\n \r\n \r\n                    brandLogoPlaceholder.appendChild( \r\n                        image \r\n                    ); \r\n \r\n                }; \r\n \r\n \r\n            reader.readAsDataURL(file); \r\n \r\n        } \r\n    ); \r\n \r\n} \r\n \r\n \r\n\/* ===================================================== \r\n   BACK TO TOP \r\n===================================================== *\/ \r\n \r\nconst backToTop = \r\n    document.getElementById( \r\n        \"backToTop\" \r\n    ); \r\n \r\n \r\nif (backToTop) { \r\n \r\n    window.addEventListener( \r\n        \"scroll\", \r\n        function () { \r\n \r\n            if (window.scrollY > 350) { \r\n \r\n                backToTop.classList.add(\"show\"); \r\n \r\n            } else { \r\n \r\n                backToTop.classList.remove(\"show\"); \r\n \r\n            } \r\n \r\n        } \r\n    ); \r\n \r\n \r\n    backToTop.addEventListener( \r\n        \"click\", \r\n        function () { \r\n \r\n            window.scrollTo({ \r\n \r\n                top: 0, \r\n \r\n                behavior: \"smooth\" \r\n \r\n            }); \r\n \r\n        } \r\n    ); \r\n \r\n} \r\n \r\n}); \r\n<\/script> \r\n \r\n<\/body> \r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Brandil \/ Specialized Solutions for the Dairy Industry Ice Cream Stabilizer \u2726 Brandil Specialized Product Brandil Ice Cream Stabilizer is a specialized and advanced blend designed for producing ice cream with a smooth, uniform texture and stable structure. With its precise and functional formulation, this product helps improve the physical and sensory properties of ice&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2342,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3098","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/3098","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=3098"}],"version-history":[{"count":7,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/3098\/revisions"}],"predecessor-version":[{"id":3830,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/3098\/revisions\/3830"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/media\/2342"}],"wp:attachment":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/media?parent=3098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}