{"id":2780,"date":"2026-09-20T08:47:31","date_gmt":"2026-09-20T05:17:31","guid":{"rendered":"https:\/\/berandil.ir\/stirred-yogurt-stabilizer\/"},"modified":"2026-09-25T09:59:58","modified_gmt":"2026-09-25T06:29:58","slug":"stirred-yogurt-stabilizer","status":"publish","type":"page","link":"https:\/\/berandil.ir\/en\/stirred-yogurt-stabilizer\/","title":{"rendered":"**Stirred Yogurt Stabilizer**"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2780\" class=\"elementor elementor-2780\" 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.yg-widget-01 {\r\n  --yg-purple: #7c3aed;\r\n  --yg-purple-dark: #35145f;\r\n  --yg-purple-deep: #12081f;\r\n  --yg-purple-soft: #a855f7;\r\n  --yg-orange: #ff7a18;\r\n  --yg-orange-light: #ffb15c;\r\n  --yg-white: #ffffff;\r\n  --yg-text: #f7f3ff;\r\n  --yg-muted: #c9bddb;\r\n  --yg-border: rgba(255,255,255,.13);\r\n  --yg-glass: rgba(255,255,255,.065);\r\n  --yg-shadow: 0 24px 70px rgba(0,0,0,.34);\r\n  --yg-radius: 28px;\r\n  --yg-transition: all .35s cubic-bezier(.22,.61,.36,1);\r\n\r\n  font-family:\"Shabnam\",\"IRANSans\",\"IRANSansX\",Tahoma,Arial,sans-serif;\r\n  color:var(--yg-text);\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(circle at 82% 18%,rgba(124,58,237,.20),transparent 30%),\r\n    radial-gradient(circle at 12% 70%,rgba(255,122,24,.08),transparent 28%),\r\n    linear-gradient(135deg,#10071b 0%,#180b28 48%,#0e0618 100%);\r\n\r\n  padding:80px 0 90px;\r\n  isolation:isolate;\r\n}\r\n\r\n.yg-widget-01 .yg-container {\r\n  width:min(1240px,calc(100% - 40px));\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.yg-widget-01 .yg-hero {\r\n  position:relative;\r\n  min-height:680px;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-grid {\r\n  width:100%;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\r\n  gap:70px;\r\n  align-items:center;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-content {\r\n  position:relative;\r\n  z-index:5;\r\n}\r\n\r\n.yg-widget-01 .yg-brand-line {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  margin-bottom:22px;\r\n  color:var(--yg-muted);\r\n  font-size:14px;\r\n  font-weight:600;\r\n  letter-spacing:.1px;\r\n}\r\n\r\n.yg-widget-01 .yg-brand-dot {\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--yg-orange),var(--yg-orange-light));\r\n  box-shadow:\r\n    0 0 0 5px rgba(255,122,24,.08),\r\n    0 0 20px rgba(255,122,24,.35);\r\n}\r\n\r\n.yg-widget-01 .yg-brand-separator {\r\n  color:rgba(255,255,255,.28);\r\n  margin:0 3px;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-title {\r\n  margin:0;\r\n  max-width:720px;\r\n  color:var(--yg-white);\r\n  font-size:clamp(48px,6vw,82px);\r\n  line-height:1.02;\r\n  font-weight:900;\r\n  letter-spacing:-2px;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-title span {\r\n  display:block;\r\n  margin-top:8px;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ffffff 0%,\r\n      #c084fc 45%,\r\n      #ff9a3d 100%\r\n    );\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n\r\n.yg-widget-01 .yg-product-tag {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:24px;\r\n  padding:9px 15px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(168,85,247,.28);\r\n  background:rgba(124,58,237,.10);\r\n  color:#e9d5ff;\r\n  font-size:13px;\r\n  font-weight:700;\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\r\n}\r\n\r\n.yg-widget-01 .yg-tag-icon {\r\n  color:var(--yg-orange);\r\n  font-size:15px;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-description {\r\n  margin-top:26px;\r\n  max-width:760px;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-description p {\r\n  margin:0 0 15px;\r\n  color:var(--yg-muted);\r\n  font-size:15.5px;\r\n  line-height:2.05;\r\n  text-align:justify;\r\n  text-justify:inter-word;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-description p:last-child {\r\n  margin-bottom:0;\r\n}\r\n\r\n.yg-widget-01 .yg-trust {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  margin-top:27px;\r\n  max-width:580px;\r\n  padding-top:20px;\r\n  border-top:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.yg-widget-01 .yg-trust-icon {\r\n  flex:0 0 auto;\r\n  width:35px;\r\n  height:35px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  color:#fff;\r\n  background:\r\n    linear-gradient(135deg,var(--yg-orange),#ff9e42);\r\n  box-shadow:0 8px 22px rgba(255,122,24,.18);\r\n}\r\n\r\n.yg-widget-01 .yg-trust strong {\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:#fff;\r\n  font-size:13px;\r\n}\r\n\r\n.yg-widget-01 .yg-trust span {\r\n  display:block;\r\n  color:var(--yg-muted);\r\n  font-size:12px;\r\n  line-height:1.8;\r\n  text-align:justify;\r\n}\r\n\r\n.yg-widget-01 .yg-hero-visual {\r\n  min-height:650px;\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.yg-widget-01 .yg-visual-glow {\r\n  position:absolute;\r\n  width:430px;\r\n  height:430px;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(124,58,237,.28),\r\n      rgba(124,58,237,.08) 45%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter:blur(8px);\r\n  animation:ygGlow 5s ease-in-out infinite;\r\n}\r\n\r\n.yg-widget-01 .yg-ring {\r\n  position:absolute;\r\n  border-radius:50%;\r\n  border:1px solid rgba(168,85,247,.18);\r\n  pointer-events:none;\r\n}\r\n\r\n.yg-widget-01 .yg-ring-1 {\r\n  width:490px;\r\n  height:490px;\r\n  animation:ygRingRotate 24s linear infinite;\r\n}\r\n\r\n.yg-widget-01 .yg-ring-2 {\r\n  width:570px;\r\n  height:570px;\r\n  border-color:rgba(255,122,24,.09);\r\n  animation:ygRingRotateReverse 32s linear infinite;\r\n}\r\n\r\n.yg-widget-01 .yg-ring-3 {\r\n  width:650px;\r\n  height:650px;\r\n  border-style:dashed;\r\n  border-color:rgba(255,255,255,.055);\r\n  animation:ygRingRotate 42s linear infinite;\r\n}\r\n\r\n.yg-widget-01 .yg-product-badge {\r\n  position:absolute;\r\n  top:5%;\r\n  right:7%;\r\n  z-index:5;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  padding:12px 15px;\r\n  border-radius:17px;\r\n  border:1px solid rgba(255,255,255,.13);\r\n\r\n  background:rgba(18,8,31,.72);\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n\r\n  box-shadow:0 18px 45px rgba(0,0,0,.22);\r\n}\r\n\r\n.yg-widget-01 .yg-badge-star {\r\n  width:31px;\r\n  height:31px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:10px;\r\n  background:rgba(255,122,24,.12);\r\n  color:var(--yg-orange);\r\n  font-size:16px;\r\n}\r\n\r\n.yg-widget-01 .yg-product-badge small,\r\n.yg-widget-01 .yg-product-badge strong {\r\n  display:block;\r\n}\r\n\r\n.yg-widget-01 .yg-product-badge small {\r\n  color:var(--yg-muted);\r\n  font-size:8px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.yg-widget-01 .yg-product-badge strong {\r\n  color:#fff;\r\n  font-size:12px;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.yg-widget-01 .yg-product-frame {\r\n  position:relative;\r\n  z-index:3;\r\n\r\n  width:min(380px,68%);\r\n  padding:13px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.18),\r\n      rgba(255,255,255,.025)\r\n    );\r\n\r\n  border:1px solid rgba(255,255,255,.14);\r\n\r\n  box-shadow:\r\n    0 35px 80px rgba(0,0,0,.42),\r\n    inset 0 1px 0 rgba(255,255,255,.1);\r\n\r\n  transform:rotate(-3deg);\r\n\r\n  transition:\r\n    transform .5s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.yg-widget-01 .yg-product-frame:hover {\r\n  transform:rotate(0deg) translateY(-8px);\r\n}\r\n\r\n.yg-widget-01 .yg-product-frame-inner {\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  min-height:510px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:25px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 20%,\r\n      rgba(168,85,247,.22),\r\n      transparent 45%\r\n    ),\r\n    linear-gradient(160deg,#29123f,#11091c);\r\n}\r\n\r\n.yg-widget-01 .yg-product-image {\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  max-height:540px;\r\n  object-fit:contain;\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  filter:drop-shadow(0 30px 35px rgba(0,0,0,.38));\r\n}\r\n\r\n.yg-widget-01 .yg-image-shine {\r\n  position:absolute;\r\n  top:-30%;\r\n  left:-70%;\r\n\r\n  width:55%;\r\n  height:160%;\r\n\r\n  transform:rotate(20deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.11),\r\n      transparent\r\n    );\r\n\r\n  animation:ygShine 5s ease-in-out infinite;\r\n  pointer-events:none;\r\n}\r\n\r\n.yg-widget-01 .yg-floating-card {\r\n  position:absolute;\r\n  z-index:6;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  padding:12px 14px;\r\n  min-width:185px;\r\n\r\n  border-radius:17px;\r\n  border:1px solid rgba(255,255,255,.13);\r\n\r\n  background:rgba(19,9,31,.76);\r\n  backdrop-filter:blur(15px);\r\n  -webkit-backdrop-filter:blur(15px);\r\n\r\n  box-shadow:0 20px 45px rgba(0,0,0,.25);\r\n\r\n  animation:ygFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.yg-widget-01 .yg-floating-card-1 {\r\n  right:-2%;\r\n  bottom:17%;\r\n}\r\n\r\n.yg-widget-01 .yg-floating-card-2 {\r\n  left:-4%;\r\n  bottom:29%;\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n.yg-widget-01 .yg-floating-icon {\r\n  width:36px;\r\n  height:36px;\r\n  flex:0 0 36px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border-radius:11px;\r\n\r\n  color:#d8b4fe;\r\n  background:rgba(124,58,237,.14);\r\n  border:1px solid rgba(168,85,247,.18);\r\n}\r\n\r\n.yg-widget-01 .yg-floating-icon-orange {\r\n  color:var(--yg-orange);\r\n  background:rgba(255,122,24,.10);\r\n  border-color:rgba(255,122,24,.17);\r\n}\r\n\r\n.yg-widget-01 .yg-floating-card strong {\r\n  display:block;\r\n  color:#fff;\r\n  font-size:12px;\r\n  margin-bottom:3px;\r\n}\r\n\r\n.yg-widget-01 .yg-floating-card span {\r\n  display:block;\r\n  color:var(--yg-muted);\r\n  font-size:10px;\r\n}\r\n\r\n.yg-widget-01 .yg-particle {\r\n  position:absolute;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--yg-orange);\r\n\r\n  box-shadow:\r\n    0 0 16px rgba(255,122,24,.55);\r\n\r\n  animation:ygParticle 5s ease-in-out infinite;\r\n}\r\n\r\n.yg-widget-01 .yg-particle-1 {\r\n  top:15%;\r\n  left:19%;\r\n}\r\n\r\n.yg-widget-01 .yg-particle-2 {\r\n  top:34%;\r\n  right:12%;\r\n  animation-delay:-1s;\r\n}\r\n\r\n.yg-widget-01 .yg-particle-3 {\r\n  bottom:18%;\r\n  right:18%;\r\n  animation-delay:-2s;\r\n}\r\n\r\n.yg-widget-01 .yg-particle-4 {\r\n  bottom:12%;\r\n  left:28%;\r\n  animation-delay:-3s;\r\n}\r\n\r\n.yg-widget-01 .yg-particle-5 {\r\n  top:24%;\r\n  left:8%;\r\n  width:3px;\r\n  height:3px;\r\n  background:var(--yg-purple-soft);\r\n  animation-delay:-1.5s;\r\n}\r\n\r\n.yg-widget-01 .yg-particle-6 {\r\n  top:65%;\r\n  right:5%;\r\n  width:3px;\r\n  height:3px;\r\n  background:var(--yg-purple-soft);\r\n  animation-delay:-3.5s;\r\n}\r\n\r\n@keyframes ygGlow {\r\n  0%,100% {\r\n    transform:scale(1);\r\n    opacity:.8;\r\n  }\r\n\r\n  50% {\r\n    transform:scale(1.08);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes ygRingRotate {\r\n  from {\r\n    transform:rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes ygRingRotateReverse {\r\n  from {\r\n    transform:rotate(360deg);\r\n  }\r\n\r\n  to {\r\n    transform:rotate(0deg);\r\n  }\r\n}\r\n\r\n@keyframes ygFloat {\r\n  0%,100% {\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:translateY(-9px);\r\n  }\r\n}\r\n\r\n@keyframes ygParticle {\r\n  0%,100% {\r\n    transform:translateY(0);\r\n    opacity:.45;\r\n  }\r\n\r\n  50% {\r\n    transform:translateY(-18px);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes ygShine {\r\n  0% {\r\n    left:-70%;\r\n  }\r\n\r\n  45%,100% {\r\n    left:140%;\r\n  }\r\n}\r\n\r\n.yg-widget-01 a:focus-visible,\r\n.yg-widget-01 input:focus-visible,\r\n.yg-widget-01 select:focus-visible,\r\n.yg-widget-01 textarea:focus-visible {\r\n  outline:2px solid var(--yg-orange);\r\n  outline-offset:3px;\r\n}\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .yg-widget-01 .yg-hero-grid {\r\n    gap:40px;\r\n    grid-template-columns:minmax(0,1fr) minmax(400px,.85fr);\r\n  }\r\n\r\n  .yg-widget-01 .yg-ring-3 {\r\n    width:570px;\r\n    height:570px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-ring-2 {\r\n    width:510px;\r\n    height:510px;\r\n  }\r\n}\r\n\r\n@media (max-width:1000px) {\r\n\r\n  .yg-widget-01 {\r\n    padding:60px 0 70px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-grid {\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-content {\r\n    text-align:center;\r\n    max-width:820px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .yg-widget-01 .yg-brand-line {\r\n    justify-content:center;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-description {\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .yg-widget-01 .yg-trust {\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n    text-align:right;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-visual {\r\n    min-height:590px;\r\n  }\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n  .yg-widget-01 {\r\n    padding:45px 0 55px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-container {\r\n    width:min(100% - 28px,1240px);\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-title {\r\n    font-size:clamp(43px,13vw,64px);\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-description p {\r\n    font-size:14px;\r\n    line-height:2;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-visual {\r\n    min-height:500px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-frame {\r\n    width:min(330px,72%);\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-frame-inner {\r\n    min-height:430px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-ring-1 {\r\n    width:410px;\r\n    height:410px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-ring-2 {\r\n    width:470px;\r\n    height:470px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-ring-3 {\r\n    display:none;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card {\r\n    min-width:155px;\r\n    padding:9px 10px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card-1 {\r\n    right:0;\r\n    bottom:10%;\r\n  }\r\n\r\n  .yg-widget-01 .yg-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\r\n  .yg-widget-01 .yg-brand-line {\r\n    font-size:11px;\r\n    gap:6px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-tag {\r\n    font-size:11px;\r\n    padding:8px 12px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-description p {\r\n    font-size:13px;\r\n    line-height:1.95;\r\n  }\r\n\r\n  .yg-widget-01 .yg-trust {\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .yg-widget-01 .yg-trust span {\r\n    font-size:10px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-visual {\r\n    min-height:430px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-frame {\r\n    width:66%;\r\n    padding:9px;\r\n    border-radius:25px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-frame-inner {\r\n    min-height:350px;\r\n    border-radius:19px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card {\r\n    min-width:130px;\r\n    gap:7px;\r\n    padding:8px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-icon {\r\n    width:30px;\r\n    height:30px;\r\n    flex-basis:30px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card strong {\r\n    font-size:9px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card span {\r\n    font-size:8px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card-1 {\r\n    right:-4px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card-2 {\r\n    left:-4px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-badge {\r\n    top:0;\r\n    right:0;\r\n    padding:8px 10px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-badge-star {\r\n    width:25px;\r\n    height:25px;\r\n  }\r\n}\r\n\r\n@media (max-width:360px) {\r\n\r\n  .yg-widget-01 .yg-container {\r\n    width:calc(100% - 20px);\r\n  }\r\n\r\n  .yg-widget-01 .yg-hero-title {\r\n    font-size:41px;\r\n  }\r\n\r\n  .yg-widget-01 .yg-product-frame {\r\n    width:62%;\r\n  }\r\n\r\n  .yg-widget-01 .yg-floating-card {\r\n    transform:scale(.88);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .yg-widget-01 *,\r\n  .yg-widget-01 *::before,\r\n  .yg-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=\"yg-yogurt-page yg-widget-01\" dir=\"ltr\">\r\n\r\n  <div class=\"yg-container\">\r\n\r\n    <div class=\"yg-hero\">\r\n\r\n      <div class=\"yg-hero-grid\">\r\n\r\n        <!-- Product text -->\r\n        <div class=\"yg-hero-content\">\r\n\r\n          <div class=\"yg-brand-line\">\r\n            <span class=\"yg-brand-dot\"><\/span>\r\n            <span>Berandil<\/span>\r\n            <span class=\"yg-brand-separator\">\/<\/span>\r\n            <span>Specialized Solutions for the Dairy Industry<\/span>\r\n          <\/div>\r\n\r\n\r\n          <h1 class=\"yg-hero-title\">\r\n            Yogurt Stabilizer\r\n            <span>Stirred Yogurt<\/span>\r\n          <\/h1>\r\n\r\n\r\n          <div class=\"yg-product-tag\">\r\n            <span class=\"yg-tag-icon\">\u2726<\/span>\r\n            Berandil Specialized Product\r\n          <\/div>\r\n\r\n\r\n          <div class=\"yg-hero-description\">\r\n\r\n            <p>\r\n              Berandil Stirred Yogurt Stabilizer is a specialized and advanced\r\n              solution designed for producing yogurt with a uniform texture,\r\n              desirable consistency, and high stability. This stirred yogurt\r\n              stabilizer utilizes a precise formulation tailored to industrial\r\n              dairy production processes, helping improve the structure and\r\n              overall quality of the finished product.\r\n            <\/p>\r\n\r\n\r\n            <p>\r\n              The functional formulation of Berandil Stirred Yogurt Stabilizer\r\n              is designed to improve viscosity, increase consistency, and create\r\n              a soft and homogeneous texture. This yogurt stabilizer also helps\r\n              control syneresis and improve the structural stability of the\r\n              product, helping maintain the visual quality and texture of the\r\n              yogurt throughout its storage period.\r\n            <\/p>\r\n\r\n\r\n            <p>\r\n              Berandil Stirred Yogurt Stabilizer is a professional choice for\r\n              manufacturers seeking a product with premium texture, long-lasting\r\n              stability, uniform appearance, and consistent quality. This yogurt\r\n              stabilizer provides a reliable solution for producing stirred yogurt\r\n              to professional standards and in line with the requirements of\r\n              competitive domestic and international markets.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"yg-trust\">\r\n\r\n            <div class=\"yg-trust-icon\">\r\n              \u2713\r\n            <\/div>\r\n\r\n            <div>\r\n              <strong>\r\n                Specialized Solution for Dairy Manufacturers\r\n              <\/strong>\r\n\r\n              <span>\r\n                Suitable for producing stirred yogurt with uniform texture, desirable consistency, and high stability\r\n              <\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Product image -->\r\n        <div class=\"yg-hero-visual\">\r\n\r\n          <div class=\"yg-visual-glow\"><\/div>\r\n\r\n          <div class=\"yg-ring yg-ring-1\"><\/div>\r\n          <div class=\"yg-ring yg-ring-2\"><\/div>\r\n          <div class=\"yg-ring yg-ring-3\"><\/div>\r\n\r\n\r\n          <span class=\"yg-particle yg-particle-1\"><\/span>\r\n          <span class=\"yg-particle yg-particle-2\"><\/span>\r\n          <span class=\"yg-particle yg-particle-3\"><\/span>\r\n          <span class=\"yg-particle yg-particle-4\"><\/span>\r\n          <span class=\"yg-particle yg-particle-5\"><\/span>\r\n          <span class=\"yg-particle yg-particle-6\"><\/span>\r\n\r\n\r\n          <div class=\"yg-product-badge\">\r\n\r\n            <span class=\"yg-badge-star\">\r\n              \u2726\r\n            <\/span>\r\n\r\n            <span>\r\n              <small>BRANDIL<\/small>\r\n              <strong>YOGURT<\/strong>\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"yg-product-frame\">\r\n\r\n            <div class=\"yg-product-frame-inner\">\r\n\r\n              <img fetchpriority=\"high\"\r\n                class=\"yg-product-image\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-29-2026-04_53_23-PM.png\"\r\n                alt=\"Berandil Stirred Yogurt 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=\"yg-image-shine\"><\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- First card -->\r\n          <div class=\"yg-floating-card yg-floating-card-1\">\r\n\r\n            <div class=\"yg-floating-icon\">\r\n              \u25c8\r\n            <\/div>\r\n\r\n            <div>\r\n              <strong>Uniform Texture<\/strong>\r\n              <span>Desirable Product Consistency<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- Second card -->\r\n          <div class=\"yg-floating-card yg-floating-card-2\">\r\n\r\n            <div class=\"yg-floating-icon yg-floating-icon-orange\">\r\n              \u224b\r\n            <\/div>\r\n\r\n            <div>\r\n              <strong>Syneresis Control<\/strong>\r\n              <span>Improved Structural 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>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b95983 elementor-widget elementor-widget-html\" data-id=\"0b95983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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...\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3addb3f elementor-widget elementor-widget-html\" data-id=\"3addb3f\" 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          Berandil 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 Product Delivery\r\n        <\/h2>\r\n  \r\n        <p>\r\n          Alongside providing specialized dairy industry products, Berandil strives to make\r\n          the purchasing process simpler and more professional for manufacturers through\r\n          reliable delivery, dependable quality, and specialized 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              Nationwide product delivery with appropriate coordination for\r\n              reliable and fast 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>\u2190<\/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 focus on product quality and providing solutions tailored\r\n              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>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 03 \u2014 Specialized 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              Specialized Support\r\n            <\/h3>\r\n  \r\n            <p>\r\n              Receive specialized consultation before purchase to select a product\r\n              suited to your production process and technical requirements.\r\n            <\/p>\r\n  \r\n          <\/div>\r\n  \r\n  \r\n          <div class=\"bd-widget-02-card-arrow\">\r\n            <span>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n  \r\n  \r\n        <!-- ===================================================\r\n             CARD 04 \u2014 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 track\r\n              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>\u2190<\/span>\r\n          <\/div>\r\n  \r\n        <\/article>\r\n  \r\n      <\/div>\r\n  \r\n    <\/div>\r\n  \r\n  <\/section>\r\n  \r\n  \r\n  <style>\r\n  \r\n  \/* =========================================================\r\n     WIDGET 02 \u2014 VARIABLES\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 {\r\n  \r\n    --bd-blue: #2563eb;\r\n    --bd-blue-light: #3b82f6;\r\n    --bd-blue-soft: #60a5fa;\r\n    --bd-blue-deep: #172554;\r\n  \r\n    --bd-orange: #ff7a18;\r\n    --bd-orange-light: #ff9a42;\r\n  \r\n    --bd-white: #ffffff;\r\n    --bd-text: #f7f3ff;\r\n    --bd-muted: #c9bddb;\r\n  \r\n    --bd-card:\r\n      rgba(255,255,255,.055);\r\n  \r\n    --bd-border:\r\n      rgba(255,255,255,.11);\r\n  \r\n    --bd-transition:\r\n      all .38s cubic-bezier(.22,.61,.36,1);\r\n  \r\n    position: relative;\r\n  \r\n    overflow: hidden;\r\n  \r\n    padding: 25px 0 85px;\r\n  \r\n    color: var(--bd-text);\r\n  \r\n    font-family:\r\n      \"Shabnam\",\r\n      \"IRANSans\",\r\n      \"IRANSansX\",\r\n      Tahoma,\r\n      Arial,\r\n      sans-serif;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #10071b 0%,\r\n        #12081f 100%\r\n      );\r\n  \r\n    isolation: isolate;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     BACKGROUND GLOW\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02::before {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 520px;\r\n  \r\n    height: 520px;\r\n  \r\n    top: -280px;\r\n  \r\n    right: -180px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(37,99,235,.16),\r\n        transparent 70%\r\n      );\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02::after {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 450px;\r\n  \r\n    height: 450px;\r\n  \r\n    bottom: -300px;\r\n  \r\n    left: -150px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,122,24,.08),\r\n        transparent 70%\r\n      );\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CONTAINER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-doogh-container {\r\n  \r\n    width:\r\n      min(1240px, calc(100% - 40px));\r\n  \r\n    margin: 0 auto;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     HEADER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-head {\r\n  \r\n    max-width: 760px;\r\n  \r\n    margin: 0 auto 40px;\r\n  \r\n    text-align: center;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker {\r\n  \r\n    display: inline-flex;\r\n  \r\n    align-items: center;\r\n  \r\n    gap: 10px;\r\n  \r\n    margin-bottom: 13px;\r\n  \r\n    color:\r\n      var(--bd-blue-soft);\r\n  \r\n    font-size: 11px;\r\n  \r\n    font-weight: 800;\r\n  \r\n    letter-spacing: .7px;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker-line {\r\n  \r\n    width: 25px;\r\n  \r\n    height: 1px;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-blue)\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-kicker-line:last-child {\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--bd-blue),\r\n        transparent\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n    margin: 0 0 12px;\r\n  \r\n    color: var(--bd-white);\r\n  \r\n    font-size: clamp(25px, 3vw, 36px);\r\n  \r\n    line-height: 1.35;\r\n  \r\n    font-weight: 900;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n    max-width: 680px;\r\n  \r\n    margin: 0 auto;\r\n  \r\n    color: var(--bd-muted);\r\n  \r\n    font-size: 13px;\r\n  \r\n    line-height: 2;\r\n  \r\n    text-align: justify;\r\n  \r\n    text-align-last: center;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARDS GRID\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n    display: grid;\r\n  \r\n    grid-template-columns:\r\n      repeat(4, minmax(0, 1fr));\r\n  \r\n    gap: 18px;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card {\r\n  \r\n    position: relative;\r\n  \r\n    min-height: 245px;\r\n  \r\n    overflow: hidden;\r\n  \r\n    display: flex;\r\n  \r\n    flex-direction: column;\r\n  \r\n    padding: 23px;\r\n  \r\n    border-radius: 24px;\r\n  \r\n    border:\r\n      1px solid\r\n      rgba(59,130,246,.20);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(37,99,235,.095),\r\n        rgba(255,255,255,.035)\r\n      );\r\n  \r\n    box-shadow:\r\n      0 20px 50px rgba(0,0,0,.18),\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.055);\r\n  \r\n    backdrop-filter:\r\n      blur(14px);\r\n  \r\n    -webkit-backdrop-filter:\r\n      blur(14px);\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Top orange line *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card::before {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    top: 0;\r\n  \r\n    right: 25px;\r\n  \r\n    left: 25px;\r\n  \r\n    height: 2px;\r\n  \r\n    opacity: .25;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-blue-light),\r\n        transparent\r\n      );\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Hover glow *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card::after {\r\n  \r\n    content: \"\";\r\n  \r\n    position: absolute;\r\n  \r\n    width: 180px;\r\n  \r\n    height: 180px;\r\n  \r\n    top: -100px;\r\n  \r\n    right: -80px;\r\n  \r\n    border-radius: 50%;\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(59,130,246,.16),\r\n        transparent 70%\r\n      );\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  \r\n    pointer-events: none;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD HOVER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover {\r\n  \r\n    transform:\r\n      translateY(-9px);\r\n  \r\n    border-color:\r\n      rgba(255,122,24,.42);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,122,24,.12),\r\n        rgba(255,255,255,.045)\r\n      );\r\n  \r\n    box-shadow:\r\n      0 28px 65px rgba(0,0,0,.30),\r\n      0 0 35px rgba(255,122,24,.07);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover::before {\r\n  \r\n    opacity: 1;\r\n  \r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--bd-orange),\r\n        transparent\r\n      );\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover::after {\r\n  \r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,122,24,.17),\r\n        transparent 70%\r\n      );\r\n  \r\n    transform: scale(1.4);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CARD TOP\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-top {\r\n  \r\n    display: flex;\r\n  \r\n    align-items: flex-start;\r\n  \r\n    justify-content: space-between;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ICON\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-icon {\r\n  \r\n    width: 58px;\r\n  \r\n    height: 58px;\r\n  \r\n    display: grid;\r\n  \r\n    place-items: center;\r\n  \r\n    border-radius: 17px;\r\n  \r\n    color:\r\n      var(--bd-blue-light);\r\n  \r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(37,99,235,.16),\r\n        rgba(37,99,235,.055)\r\n      );\r\n  \r\n    border:\r\n      1px solid\r\n      rgba(59,130,246,.24);\r\n  \r\n    box-shadow:\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.06);\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-icon svg {\r\n  \r\n    width: 31px;\r\n  \r\n    height: 31px;\r\n  \r\n    display: block;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  \/* Icon Hover *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-icon {\r\n  \r\n    color:\r\n      var(--bd-orange);\r\n  \r\n    background:\r\n      rgba(255,122,24,.12);\r\n  \r\n    border-color:\r\n      rgba(255,122,24,.35);\r\n  \r\n    transform:\r\n      scale(1.08)\r\n      rotate(-3deg);\r\n  \r\n    box-shadow:\r\n      0 12px 28px\r\n      rgba(255,122,24,.13);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-icon svg {\r\n  \r\n    transform:\r\n      scale(1.08);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     NUMBER\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-number {\r\n  \r\n    color:\r\n      rgba(255,255,255,.16);\r\n  \r\n    font-size: 11px;\r\n  \r\n    font-weight: 900;\r\n  \r\n    letter-spacing: 1px;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-number {\r\n  \r\n    color:\r\n      rgba(255,122,24,.65);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     CONTENT\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content {\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  \r\n    margin-top: 25px;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content h3 {\r\n  \r\n    margin: 0 0 9px;\r\n  \r\n    color:\r\n      var(--bd-white);\r\n  \r\n    font-size: 17px;\r\n  \r\n    line-height: 1.5;\r\n  \r\n    font-weight: 850;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-content p {\r\n  \r\n    margin: 0;\r\n  \r\n    color:\r\n      var(--bd-muted);\r\n  \r\n    font-size: 12px;\r\n  \r\n    line-height: 2;\r\n  \r\n    text-align: justify;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-card-content h3 {\r\n  \r\n    color:\r\n      var(--bd-orange-light);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ARROW\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 .bd-widget-02-card-arrow {\r\n  \r\n    margin-top: auto;\r\n  \r\n    padding-top: 17px;\r\n  \r\n    position: relative;\r\n  \r\n    z-index: 2;\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card-arrow span {\r\n  \r\n    display: inline-grid;\r\n  \r\n    place-items: center;\r\n  \r\n    width: 31px;\r\n  \r\n    height: 31px;\r\n  \r\n    border-radius: 10px;\r\n  \r\n    color:\r\n      rgba(255,255,255,.45);\r\n  \r\n    background:\r\n      rgba(255,255,255,.045);\r\n  \r\n    font-size: 15px;\r\n  \r\n    transition:\r\n      var(--bd-transition);\r\n  }\r\n  \r\n  \r\n  .bd-widget-02 .bd-widget-02-card:hover\r\n  .bd-widget-02-card-arrow span {\r\n  \r\n    color:\r\n      #fff;\r\n  \r\n    background:\r\n      var(--bd-orange);\r\n  \r\n    transform:\r\n      translateX(-5px);\r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 1100\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 1100px) {\r\n  \r\n    .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card {\r\n  \r\n      min-height: 230px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 700\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 700px) {\r\n  \r\n    .bd-widget-02 {\r\n  \r\n      padding:\r\n        15px 0 60px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-doogh-container {\r\n  \r\n      width:\r\n        min(100% - 28px, 1240px);\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head {\r\n  \r\n      margin-bottom: 28px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n      font-size: 25px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n      font-size: 12px;\r\n  \r\n      line-height: 1.95;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-grid {\r\n  \r\n      grid-template-columns: 1fr;\r\n  \r\n      gap: 13px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card {\r\n  \r\n      min-height: auto;\r\n  \r\n      padding: 19px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content {\r\n  \r\n      margin-top: 19px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 480\r\n  ========================================================= *\/\r\n  \r\n  @media (max-width: 480px) {\r\n  \r\n    .bd-widget-02 .bd-widget-02-head h2 {\r\n  \r\n      font-size: 22px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-head p {\r\n  \r\n      font-size: 11px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-icon {\r\n  \r\n      width: 52px;\r\n  \r\n      height: 52px;\r\n  \r\n      border-radius: 15px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-icon svg {\r\n  \r\n      width: 28px;\r\n  \r\n      height: 28px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content h3 {\r\n  \r\n      font-size: 16px;\r\n  \r\n    }\r\n  \r\n    .bd-widget-02 .bd-widget-02-card-content p {\r\n  \r\n      font-size: 11px;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     ACCESSIBILITY\r\n  ========================================================= *\/\r\n  \r\n  .bd-widget-02 *:focus-visible {\r\n  \r\n    outline:\r\n      2px solid var(--bd-orange);\r\n  \r\n    outline-offset: 3px;\r\n  \r\n  }\r\n  \r\n  \r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================= *\/\r\n  \r\n  @media (prefers-reduced-motion: reduce) {\r\n  \r\n    .bd-widget-02 *,\r\n    .bd-widget-02 *::before,\r\n    .bd-widget-02 *::after {\r\n  \r\n      animation: none !important;\r\n  \r\n      transition: none !important;\r\n  \r\n    }\r\n  \r\n  }\r\n  \r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-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 YOGURT STABILIZER TABLE\r\n   Styled based on Doogh Table Design\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-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\r\n    box-sizing: border-box;\r\n}\r\n\r\n.yogurt-stab-section *,\r\n.yogurt-stab-section *::before,\r\n.yogurt-stab-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Background Glows\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-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.yogurt-stab-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.yogurt-stab-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   Title\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .stab-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.yogurt-stab-container .stab-title::after {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 90px;\r\n    height: 3px;\r\n\r\n    margin: 12px auto 0;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #2563eb,\r\n            #7c3aed,\r\n            #ff7a18\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 18px rgba(124,58,237,.45);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Top Table Bar\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .blue-bar {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Table Wrapper\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .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   Main Table\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .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.yogurt-stab-container .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 Line Above Header *\/\r\n\r\n.yogurt-stab-container .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\/* Header Hover *\/\r\n\r\n.yogurt-stab-container .stab-table th:hover {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #7c3aed,\r\n            #2563eb\r\n        );\r\n\r\n    box-shadow:\r\n        0 6px 20px rgba(37,99,235,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Table Cells\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .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.yogurt-stab-container .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   Yogurt Type\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .stab-type {\r\n    width: 22%;\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.yogurt-stab-container .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.yogurt-stab-container .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\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .stab-features {\r\n    width: 48%;\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: left;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Features List\r\n   ========================================================= *\/\r\n\r\n.yogurt-stab-container .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\/* List Items *\/\r\n\r\n.yogurt-stab-container .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.yogurt-stab-container .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.yogurt-stab-container .bottom-bar {\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    .yogurt-stab-section {\r\n        padding: 35px 12px;\r\n    }\r\n\r\n    .yogurt-stab-container {\r\n        width: 96%;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-table th {\r\n        font-size: 13px;\r\n        padding: 10px 5px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-table td {\r\n        padding: 8px 5px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-type {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-code {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-dose {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .yogurt-stab-container .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    .yogurt-stab-section {\r\n        padding: 24px 5px;\r\n    }\r\n\r\n    .yogurt-stab-container {\r\n        width: 100%;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-title {\r\n        padding: 15px 8px;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-title::after {\r\n        width: 65px;\r\n        height: 2px;\r\n\r\n        margin-top: 8px;\r\n    }\r\n\r\n\r\n    \/* Actual Table + Horizontal Scroll *\/\r\n\r\n    .yogurt-stab-container .stab-table-scroll {\r\n        overflow-x: auto;\r\n        -webkit-overflow-scrolling: touch;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-table {\r\n        min-width: 610px;\r\n\r\n        border-spacing: 1px;\r\n    }\r\n\r\n\r\n    \/* Mobile Header *\/\r\n\r\n    .yogurt-stab-container .stab-table th {\r\n        font-size: 9px;\r\n\r\n        padding: 7px 3px;\r\n    }\r\n\r\n\r\n    \/* Mobile Cells *\/\r\n\r\n    .yogurt-stab-container .stab-table td {\r\n        padding: 6px 3px;\r\n    }\r\n\r\n\r\n    \/* Yogurt Type *\/\r\n\r\n    .yogurt-stab-container .stab-type {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    \/* Code *\/\r\n\r\n    .yogurt-stab-container .stab-code {\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    \/* Dosage *\/\r\n\r\n    .yogurt-stab-container .stab-dose {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    \/* Features *\/\r\n\r\n    .yogurt-stab-container .stab-features {\r\n        font-size: 7.5px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-features ul {\r\n        padding-left: 10px;\r\n    }\r\n\r\n\r\n    \/* Bottom Bar *\/\r\n\r\n    .yogurt-stab-container .bottom-bar {\r\n        height: 5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .yogurt-stab-section {\r\n        padding: 18px 3px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-table {\r\n        min-width: 570px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-table th {\r\n        font-size: 8px;\r\n\r\n        padding: 6px 2px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-table td {\r\n        padding: 5px 2px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-type {\r\n        font-size: 8.5px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-code {\r\n        font-size: 7.5px;\r\n    }\r\n\r\n    .yogurt-stab-container .stab-dose {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .yogurt-stab-container .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    .yogurt-stab-container *,\r\n    .yogurt-stab-container *::before,\r\n    .yogurt-stab-container *::after {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"yogurt-stab-section\">\r\n\r\n    <div class=\"yogurt-stab-container\">\r\n\r\n        <!-- Title -->\r\n        <div class=\"stab-title\">\r\n            Stirred Yogurt Stabilizer\r\n        <\/div>\r\n\r\n\r\n        <!-- Table -->\r\n        <div class=\"stab-table-scroll\">\r\n\r\n            <table class=\"stab-table\">\r\n\r\n                <thead>\r\n\r\n                    <tr>\r\n\r\n                        <th style=\"width:22%;\">\r\n                            Yogurt Type\r\n                        <\/th>\r\n\r\n                        <th style=\"width:15%;\">\r\n                            Code\r\n                        <\/th>\r\n\r\n                        <th style=\"width:15%;\">\r\n                            Dosage\r\n                        <\/th>\r\n\r\n                        <th style=\"width:48%;\">\r\n                            Features\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                    <!-- 001 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Strained Yogurt\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BY - 001\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.25%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Creates a thick, smooth, and creamy texture with long-lasting stability\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Reduces syneresis and prevents water separation during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves mouthfeel and enhances texture softness\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases viscosity and product stability throughout the shelf life\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- 002 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Shallot Yogurt\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BY - 002\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.25%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Creates a uniform and stable texture with proper shallot particle distribution\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Prevents syneresis and phase separation during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves mouthfeel and enhances texture softness\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases thickness and resistance to impact and transportation conditions\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- 003 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Stirred Yogurt\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BY - 003\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.25%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Creates a soft, uniform, and creamy texture with excellent stirring performance\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Reduces syneresis and improves stability throughout storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves mouthfeel and enhances consumer satisfaction\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases viscosity and resistance to physical stresses\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- 004 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Set Yogurt\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BY - 004\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-dose\">\r\n                            0.25%\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-features\">\r\n\r\n                            <ul>\r\n\r\n                                <li>\r\n                                    Creates a cohesive and moldable texture with good cuttability\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Helps prevent cracking and syneresis during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves mouthfeel and maintains texture uniformity\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases gel strength and resistance to water separation (syneresis)\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- 005 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Icelandic Yogurt\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BY - 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 an exceptionally thick and creamy texture with stable consistency\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Reduces syneresis and improves long-term storage stability\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves mouthfeel and enhances smoothness\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases viscosity and stability against stirring and heat\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/td>\r\n\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- 006 -->\r\n                    <tr>\r\n\r\n                        <td class=\"stab-type\">\r\n                            Greek Yogurt\r\n                        <\/td>\r\n\r\n                        <td class=\"stab-code\">\r\n                            BY - 006\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 thick and creamy texture with high stability\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Reduces water separation and maintains texture uniformity during storage\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Improves mouthfeel and enhances creaminess\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    Increases thickness and resistance to mechanical stress\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=\"bottom-bar\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\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 YOGURT STABILIZER APPLICATION STEPS\r\n     Yogurt 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    <!-- =====================================================\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\r\n      <h2 id=\"bd-widget-03-title\">\r\n\r\n        Yogurt Stabilizer Application Steps\r\n        <span>in Production<\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n\r\n        An overview of the yogurt stabilizer application process in\r\n        stirred yogurt production, from raw material preparation and\r\n        accurate weighing to mixing, homogenization, process control,\r\n        and final product quality evaluation.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDER\r\n    ====================================================== -->\r\n\r\n    <div\r\n      class=\"bd-widget-03-slider\"\r\n      data-bd-slider\r\n    >\r\n\r\n\r\n      <!-- ===================================================\r\n           SLIDER TOP BAR\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-slider-top\">\r\n\r\n        <div class=\"bd-widget-03-slider-label\">\r\n\r\n          <span class=\"bd-widget-03-live-dot\"><\/span>\r\n\r\n          Production Process\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"bd-widget-03-counter\">\r\n\r\n          <span data-bd-current>\r\n            01\r\n          <\/span>\r\n\r\n          <i>\/<\/i>\r\n\r\n          <span>\r\n            08\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           SLIDES TRACK\r\n      ==================================================== -->\r\n\r\n      <div\r\n        class=\"bd-widget-03-viewport\"\r\n        data-bd-viewport\r\n      >\r\n\r\n        <div\r\n          class=\"bd-widget-03-track\"\r\n          data-bd-track\r\n        >\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 01\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide is-active\"\r\n            data-slide=\"1\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <!-- Image 01 -->\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/2-4.png\"\r\n                alt=\"Raw material preparation for stirred yogurt production\"\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, milk and other raw materials used in stirred yogurt\r\n                production are prepared according to the product\r\n                formulation, and the required conditions are adjusted\r\n                before entering the mixing and production process.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 02\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"2\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/1-5.png\"\r\n                alt=\"Accurate weighing of stirred yogurt stabilizer\"\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 stabilizer dosage is determined according to the yogurt\r\n                type, formulation, process conditions, and desired texture.\r\n                The required amount is then accurately weighed to ensure\r\n                consistent performance of the stabilizing system throughout\r\n                the product.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 03\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"3\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/3-4.png\"\r\n                alt=\"Initial mixing of stabilizer during yogurt production\"\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                Initial Mixing\r\n              <\/h3>\r\n\r\n              <p>\r\n                The stabilizer is added to the system under appropriate\r\n                conditions, and initial mixing is performed to distribute\r\n                the stabilizer components uniformly throughout the product\r\n                and prevent lump formation or uneven distribution.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 04\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"4\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/4-4.png\"\r\n                alt=\"Homogenization and formation of a uniform yogurt 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                System Homogenization\r\n              <\/h3>\r\n\r\n              <p>\r\n                After initial mixing, process conditions are controlled\r\n                to ensure that the stabilizing system is distributed\r\n                uniformly throughout the product, creating a suitable\r\n                structure for a smooth, creamy, and homogeneous texture.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 05\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"5\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/5-4.png\"\r\n                alt=\"Control of stirred yogurt production process conditions\"\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                Process parameters such as time, temperature, mixing\r\n                intensity, and system conditions are controlled according\r\n                to the formulation and desired product specifications to\r\n                provide suitable conditions for achieving the desired\r\n                texture and consistency.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 06\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"6\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/7-4.png\"\r\n                alt=\"Evaluation of stirred yogurt texture and stability\"\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                Product Texture and Stability Evaluation\r\n              <\/h3>\r\n\r\n              <p>\r\n                The physical structure, texture uniformity, viscosity,\r\n                syneresis level, and system stability are evaluated to\r\n                assess the stabilizer's performance in achieving the\r\n                desired texture and maintaining product structure.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 07\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"7\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/6-4.png\"\r\n                alt=\"Final quality control of stirred yogurt\"\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                Final Quality Control\r\n              <\/h3>\r\n\r\n              <p>\r\n                The final product is evaluated for uniformity, appearance,\r\n                consistency, texture, mouthfeel, and stability to ensure\r\n                that its characteristics meet the expected specifications\r\n                and quality requirements of the production process.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 08\r\n          ================================================== -->\r\n\r\n          <article\r\n            class=\"bd-widget-03-slide\"\r\n            data-slide=\"8\"\r\n          >\r\n\r\n            <div class=\"bd-widget-03-image\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/berandil.ir\/wp-content\/uploads\/2026\/09\/8-5.png\"\r\n                alt=\"Final preparation of stirred yogurt for storage and distribution\"\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                Final Product Preparation\r\n              <\/h3>\r\n\r\n              <p>\r\n                After the product specifications are approved, the stirred\r\n                yogurt is prepared for packaging, storage, and distribution.\r\n                The necessary conditions for maintaining its texture,\r\n                consistency, and stability throughout the storage period\r\n                are also taken into consideration.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           NAVIGATION\r\n      ==================================================== -->\r\n\r\n      <div class=\"bd-widget-03-navigation\">\r\n\r\n\r\n        <!-- Progress -->\r\n\r\n        <div class=\"bd-widget-03-progress\">\r\n\r\n          <span\r\n            data-bd-progress\r\n          ><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Dots -->\r\n\r\n        <div\r\n          class=\"bd-widget-03-dots\"\r\n          data-bd-dots\r\n        >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"is-active\"\r\n            data-slide-to=\"1\"\r\n            aria-label=\"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            \u2190\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            \u2192\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   WIDGET 03 \u2014 VARIABLES\r\n========================================================= *\/\r\n\r\n.bd-widget-03 {\r\n\r\n  --bd-blue:\r\n    #2563eb;\r\n\r\n  --bd-blue-light:\r\n    #3b82f6;\r\n\r\n  --bd-blue-soft:\r\n    #60a5fa;\r\n\r\n  --bd-blue-deep:\r\n    #172554;\r\n\r\n  --bd-purple:\r\n    #7c3aed;\r\n\r\n  --bd-orange:\r\n    #ff7a18;\r\n\r\n  --bd-orange-light:\r\n    #ff9a42;\r\n\r\n  --bd-white:\r\n    #ffffff;\r\n\r\n  --bd-text:\r\n    #f7f3ff;\r\n\r\n  --bd-muted:\r\n    #c9bddb;\r\n\r\n  --bd-border:\r\n    rgba(255,255,255,.12);\r\n\r\n  --bd-transition:\r\n    all .42s cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  padding:\r\n    85px 0 90px;\r\n\r\n  color:\r\n    var(--bd-text);\r\n\r\n  font-family:\r\n    \"Shabnam\",\r\n    \"IRANSans\",\r\n    \"IRANSansX\",\r\n    Tahoma,\r\n    Arial,\r\n    sans-serif;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #12081f 0%,\r\n      #10071b 100%\r\n    );\r\n\r\n  isolation:\r\n    isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.bd-widget-03::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 620px;\r\n\r\n  height: 620px;\r\n\r\n  top: -360px;\r\n\r\n  left: -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  right: -180px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(124,58,237,.10),\r\n      transparent 68%\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.bd-widget-03\r\n.bd-doogh-container {\r\n\r\n  width:\r\n    min(1240px, calc(100% - 40px));\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.bd-widget-03-head {\r\n\r\n  max-width:\r\n    780px;\r\n\r\n  margin:\r\n    0 auto 42px;\r\n\r\n  text-align:\r\n    center;\r\n}\r\n\r\n\r\n.bd-widget-03-kicker {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  padding:\r\n    7px 13px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(59,130,246,.22);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  background:\r\n    rgba(37,99,235,.07);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  margin-bottom:\r\n    15px;\r\n}\r\n\r\n\r\n.bd-widget-03-kicker-icon {\r\n\r\n  color:\r\n    var(--bd-orange);\r\n\r\n  font-size:\r\n    14px;\r\n}\r\n\r\n\r\n.bd-widget-03-head h2 {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color:\r\n    var(--bd-white);\r\n\r\n  font-size:\r\n    clamp(28px, 4vw, 43px);\r\n\r\n  line-height:\r\n    1.35;\r\n\r\n  font-weight:\r\n    900;\r\n\r\n  letter-spacing:\r\n    -.7px;\r\n}\r\n\r\n\r\n.bd-widget-03-head h2 span {\r\n\r\n  color:\r\n    var(--bd-blue-light);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #60a5fa,\r\n      #a78bfa\r\n    );\r\n\r\n  -webkit-background-clip:\r\n    text;\r\n\r\n  background-clip:\r\n    text;\r\n\r\n  -webkit-text-fill-color:\r\n    transparent;\r\n}\r\n\r\n\r\n.bd-widget-03-head p {\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  max-width:\r\n    690px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    2.05;\r\n\r\n  text-align:\r\n    justify;\r\n\r\n  text-align-last:\r\n    center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.bd-widget-03-slider {\r\n\r\n  position:\r\n    relative;\r\n\r\n  padding:\r\n    22px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  border-radius:\r\n    30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.055),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 80px\r\n    rgba(0,0,0,.28),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP BAR\r\n========================================================= *\/\r\n\r\n.bd-widget-03-slider-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  margin-bottom:\r\n    17px;\r\n\r\n  padding:\r\n    0 5px;\r\n}\r\n\r\n\r\n.bd-widget-03-slider-label {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.bd-widget-03-live-dot {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,122,24,.08),\r\n\r\n    0 0 16px\r\n    rgba(255,122,24,.4);\r\n\r\n  animation:\r\n    bdWidget03Pulse\r\n    2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.bd-widget-03-counter {\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.bd-widget-03-counter [data-bd-current] {\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  font-size:\r\n    15px;\r\n}\r\n\r\n\r\n.bd-widget-03-counter i {\r\n\r\n  margin:\r\n    0 4px;\r\n\r\n  font-style:\r\n    normal;\r\n\r\n  color:\r\n    rgba(255,255,255,.2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n.bd-widget-03-viewport {\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n    23px;\r\n\r\n  touch-action:\r\n    pan-y;\r\n\r\n  cursor:\r\n    grab;\r\n}\r\n\r\n\r\n.bd-widget-03-viewport.is-dragging {\r\n\r\n  cursor:\r\n    grabbing;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.bd-widget-03-track {\r\n\r\n  display:\r\n    flex;\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  will-change:\r\n    transform;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n========================================================= *\/\r\n\r\n.bd-widget-03-slide {\r\n\r\n  flex:\r\n    0 0 100%;\r\n\r\n  min-width:\r\n    100%;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, .85fr)\r\n    minmax(0, 1.15fr);\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\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.bd-widget-03-image {\r\n\r\n  position:\r\n    relative;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #172554,\r\n      #111827\r\n    );\r\n}\r\n\r\n\r\n.bd-widget-03-image img {\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  min-height:\r\n    410px;\r\n\r\n  display:\r\n    block;\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n  transition:\r\n    transform .8s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.bd-widget-03-slide:hover\r\n.bd-widget-03-image img {\r\n\r\n  transform:\r\n    scale(1.045);\r\n}\r\n\r\n\r\n\/* Image Overlay *\/\r\n\r\n.bd-widget-03-image-overlay {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(13,7,23,.05),\r\n      rgba(13,7,23,.12)\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n\/* Blue \/ Orange edge *\/\r\n\r\n.bd-widget-03-image::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    0;\r\n\r\n  top:\r\n    0;\r\n\r\n  bottom:\r\n    0;\r\n\r\n  width:\r\n    4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--bd-blue),\r\n      var(--bd-orange)\r\n    );\r\n\r\n  z-index:\r\n    3;\r\n}\r\n\r\n\r\n\/* Step number *\/\r\n\r\n.bd-widget-03-step {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    20px;\r\n\r\n  left:\r\n    20px;\r\n\r\n  z-index:\r\n    4;\r\n\r\n  width:\r\n    50px;\r\n\r\n  height:\r\n    50px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.18);\r\n\r\n  border-radius:\r\n    15px;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  background:\r\n    rgba(10,7,20,.62);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(12px);\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    900;\r\n\r\n  box-shadow:\r\n    0 15px 35px\r\n    rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.bd-widget-03-content {\r\n\r\n  direction:\r\n    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\/* Decorative line *\/\r\n\r\n.bd-widget-03-content::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    48px;\r\n\r\n  left:\r\n    48px;\r\n\r\n  width:\r\n    55px;\r\n\r\n  height:\r\n    3px;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-orange),\r\n      var(--bd-blue)\r\n    );\r\n}\r\n\r\n\r\n.bd-widget-03-step-label {\r\n\r\n  margin-bottom:\r\n    13px;\r\n\r\n  color:\r\n    var(--bd-blue-soft);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.bd-widget-03-content h3 {\r\n\r\n  margin:\r\n    0 0 16px;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    clamp(24px, 3vw, 32px);\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n  font-weight:\r\n    900;\r\n}\r\n\r\n\r\n.bd-widget-03-content p {\r\n\r\n  max-width:\r\n    510px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    2.15;\r\n\r\n  text-align:\r\n    justify;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION\r\n========================================================= *\/\r\n\r\n.bd-widget-03-navigation {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1fr auto 1fr;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    25px;\r\n\r\n  margin-top:\r\n    22px;\r\n\r\n  padding:\r\n    0 5px;\r\n}\r\n\r\n\r\n\/* Progress *\/\r\n\r\n.bd-widget-03-progress {\r\n\r\n  height:\r\n    3px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.bd-widget-03-progress span {\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    12.5%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  border-radius:\r\n    inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-blue),\r\n      var(--bd-orange)\r\n    );\r\n\r\n  transition:\r\n    width .55s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.bd-widget-03-dots {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  gap:\r\n    6px;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.bd-widget-03-dots button {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  padding:\r\n    0;\r\n\r\n  border:\r\n    0;\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.20);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n.bd-widget-03-dots button:hover {\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  transform:\r\n    scale(1.3);\r\n}\r\n\r\n\r\n.bd-widget-03-dots button.is-active {\r\n\r\n  width:\r\n    25px;\r\n\r\n  background:\r\n    var(--bd-blue-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.bd-widget-03-arrows {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    flex-start;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.bd-widget-03-arrow {\r\n\r\n  width:\r\n    40px;\r\n\r\n  height:\r\n    40px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  border-radius:\r\n    12px;\r\n\r\n  color:\r\n    rgba(255,255,255,.75);\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n.bd-widget-03-arrow:hover {\r\n\r\n  color:\r\n    #fff;\r\n\r\n  border-color:\r\n    rgba(255,122,24,.45);\r\n\r\n  background:\r\n    var(--bd-orange);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n\r\n.bd-widget-03-arrow:active {\r\n\r\n  transform:\r\n    scale(.94);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 1000\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .bd-widget-03 {\r\n\r\n    padding:\r\n      65px 0 70px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slide {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    min-height:\r\n      370px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image,\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      370px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    padding:\r\n      35px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      35px;\r\n\r\n    left:\r\n      35px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 750\r\n========================================================= *\/\r\n\r\n@media (max-width: 750px) {\r\n\r\n  .bd-widget-03\r\n  .bd-doogh-container {\r\n\r\n    width:\r\n      min(100% - 28px, 1240px);\r\n  }\r\n\r\n\r\n  .bd-widget-03-head {\r\n\r\n    margin-bottom:\r\n      28px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider {\r\n\r\n    padding:\r\n      12px;\r\n\r\n    border-radius:\r\n      23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider-top {\r\n\r\n    margin-bottom:\r\n      12px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slide {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    min-height:\r\n      auto;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image {\r\n\r\n    min-height:\r\n      280px;\r\n\r\n    height:\r\n      280px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      280px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content {\r\n\r\n    min-height:\r\n      230px;\r\n\r\n    padding:\r\n      32px 25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content::before {\r\n\r\n    top:\r\n      25px;\r\n\r\n    left:\r\n      25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content h3 {\r\n\r\n    font-size:\r\n      23px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-navigation {\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n\r\n    gap:\r\n      14px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-progress {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n    grid-row:\r\n      1;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots {\r\n\r\n    grid-column:\r\n      1;\r\n\r\n    grid-row:\r\n      2;\r\n\r\n    justify-content:\r\n      flex-start;\r\n  }\r\n\r\n\r\n  .bd-widget-03-arrows {\r\n\r\n    grid-column:\r\n      2;\r\n\r\n    grid-row:\r\n      2;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 480\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .bd-widget-03 {\r\n\r\n    padding:\r\n      50px 0 60px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-head h2 {\r\n\r\n    font-size:\r\n      25px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-head p {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n    line-height:\r\n      1.95;\r\n  }\r\n\r\n\r\n  .bd-widget-03-kicker {\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-slider-label {\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image {\r\n\r\n    height:\r\n      235px;\r\n\r\n    min-height:\r\n      235px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-image img {\r\n\r\n    min-height:\r\n      235px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-step {\r\n\r\n    width:\r\n      42px;\r\n\r\n    height:\r\n      42px;\r\n\r\n    top:\r\n      13px;\r\n\r\n    left:\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    left:\r\n      19px;\r\n\r\n    width:\r\n      42px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-step-label {\r\n\r\n    margin-bottom:\r\n      9px;\r\n\r\n    font-size:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content h3 {\r\n\r\n    margin-bottom:\r\n      11px;\r\n\r\n    font-size:\r\n      20px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-content p {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n    line-height:\r\n      2;\r\n  }\r\n\r\n\r\n  .bd-widget-03-arrow {\r\n\r\n    width:\r\n      36px;\r\n\r\n    height:\r\n      36px;\r\n\r\n    border-radius:\r\n      10px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots {\r\n\r\n    gap:\r\n      4px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots button {\r\n\r\n    width:\r\n      5px;\r\n\r\n    height:\r\n      5px;\r\n  }\r\n\r\n\r\n  .bd-widget-03-dots button.is-active {\r\n\r\n    width:\r\n      19px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n.bd-widget-03 button:focus-visible {\r\n\r\n  outline:\r\n    2px solid\r\n    var(--bd-orange);\r\n\r\n  outline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .bd-widget-03 *,\r\n  .bd-widget-03 *::before,\r\n  .bd-widget-03 *::after {\r\n\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =======================================================\r\n     FIND WIDGET\r\n  ======================================================== *\/\r\n\r\n  const root =\r\n    document.querySelector(\".bd-widget-03\");\r\n\r\n  if (!root) return;\r\n\r\n\r\n  const slider =\r\n    root.querySelector(\"[data-bd-slider]\");\r\n\r\n  const viewport =\r\n    root.querySelector(\"[data-bd-viewport]\");\r\n\r\n  const track =\r\n    root.querySelector(\"[data-bd-track]\");\r\n\r\n  const slides =\r\n    root.querySelectorAll(\".bd-widget-03-slide\");\r\n\r\n  const dots =\r\n    root.querySelectorAll(\r\n      \"[data-slide-to]\"\r\n    );\r\n\r\n  const current =\r\n    root.querySelector(\"[data-bd-current]\");\r\n\r\n  const progress =\r\n    root.querySelector(\"[data-bd-progress]\");\r\n\r\n  const prev =\r\n    root.querySelector(\"[data-bd-prev]\");\r\n\r\n  const next =\r\n    root.querySelector(\"[data-bd-next]\");\r\n\r\n\r\n  const total =\r\n    slides.length;\r\n\r\n\r\n  let index = 0;\r\n\r\n  let timer = null;\r\n\r\n  let startX = 0;\r\n\r\n  let currentX = 0;\r\n\r\n  let isDragging = false;\r\n\r\n\r\n  \/* =======================================================\r\n     UPDATE SLIDER\r\n  ======================================================== *\/\r\n\r\n  function updateSlider(\r\n    newIndex,\r\n    animate = true\r\n  ) {\r\n\r\n    index =\r\n      (newIndex + total) % total;\r\n\r\n\r\n    if (!animate) {\r\n\r\n      track.style.transition =\r\n        \"none\";\r\n\r\n    } else {\r\n\r\n      track.style.transition =\r\n        \"transform .65s cubic-bezier(.22,.61,.36,1)\";\r\n    }\r\n\r\n\r\n    track.style.transform =\r\n      \"translateX(-\" +\r\n      (index * 100) +\r\n      \"%)\";\r\n\r\n\r\n    \/* Active slide *\/\r\n\r\n    slides.forEach(\r\n      function (slide, i) {\r\n\r\n        slide.classList.toggle(\r\n          \"is-active\",\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* Current counter *\/\r\n\r\n    if (current) {\r\n\r\n      current.textContent =\r\n        String(index + 1).padStart(2, \"0\");\r\n\r\n    }\r\n\r\n\r\n    \/* Progress *\/\r\n\r\n    if (progress) {\r\n\r\n      progress.style.width =\r\n        (((index + 1) \/ total) * 100) +\r\n        \"%\";\r\n\r\n    }\r\n\r\n\r\n    \/* Dots *\/\r\n\r\n    dots.forEach(\r\n      function (dot, i) {\r\n\r\n        dot.classList.toggle(\r\n          \"is-active\",\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     NEXT\r\n  ======================================================== *\/\r\n\r\n  function goNext() {\r\n\r\n    updateSlider(index + 1);\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     PREVIOUS\r\n  ======================================================== *\/\r\n\r\n  function goPrev() {\r\n\r\n    updateSlider(index - 1);\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     BUTTON EVENTS\r\n  ======================================================== *\/\r\n\r\n  if (next) {\r\n\r\n    next.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        goNext();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (prev) {\r\n\r\n    prev.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        goPrev();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DOT EVENTS\r\n  ======================================================== *\/\r\n\r\n  dots.forEach(\r\n    function (dot) {\r\n\r\n      dot.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          const target =\r\n            Number(\r\n              dot.getAttribute(\r\n                \"data-slide-to\"\r\n              )\r\n            ) - 1;\r\n\r\n          updateSlider(target);\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     AUTOPLAY\r\n  ======================================================== *\/\r\n\r\n  function startAutoplay() {\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    timer =\r\n      setInterval(\r\n        function () {\r\n\r\n          goNext();\r\n\r\n        },\r\n        5000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function stopAutoplay() {\r\n\r\n    if (timer) {\r\n\r\n      clearInterval(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function restartAutoplay() {\r\n\r\n    startAutoplay();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     PAUSE ON HOVER\r\n  ======================================================== *\/\r\n\r\n  slider.addEventListener(\r\n    \"mouseenter\",\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"mouseleave\",\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     TOUCH \/ SWIPE\r\n  ======================================================== *\/\r\n\r\n  viewport.addEventListener(\r\n    \"touchstart\",\r\n    function (event) {\r\n\r\n      startX =\r\n        event.touches[0].clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      isDragging =\r\n        true;\r\n\r\n      viewport.classList.add(\r\n        \"is-dragging\"\r\n      );\r\n\r\n      stopAutoplay();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchmove\",\r\n    function (event) {\r\n\r\n      if (!isDragging) return;\r\n\r\n      currentX =\r\n        event.touches[0].clientX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchend\",\r\n    function () {\r\n\r\n      if (!isDragging) return;\r\n\r\n      const distance =\r\n        currentX - startX;\r\n\r\n\r\n      isDragging =\r\n        false;\r\n\r\n      viewport.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (Math.abs(distance) > 50) {\r\n\r\n        if (distance < 0) {\r\n\r\n          goNext();\r\n\r\n        } else {\r\n\r\n          goPrev();\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     MOUSE DRAG\r\n  ======================================================== *\/\r\n\r\n  viewport.addEventListener(\r\n    \"mousedown\",\r\n    function (event) {\r\n\r\n      startX =\r\n        event.clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      isDragging =\r\n        true;\r\n\r\n      viewport.classList.add(\r\n        \"is-dragging\"\r\n      );\r\n\r\n      stopAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mousemove\",\r\n    function (event) {\r\n\r\n      if (!isDragging) return;\r\n\r\n      currentX =\r\n        event.clientX;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mouseup\",\r\n    function () {\r\n\r\n      if (!isDragging) return;\r\n\r\n      const distance =\r\n        currentX - startX;\r\n\r\n\r\n      isDragging =\r\n        false;\r\n\r\n      viewport.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (Math.abs(distance) > 70) {\r\n\r\n        if (distance < 0) {\r\n\r\n          goNext();\r\n\r\n        } else {\r\n\r\n          goPrev();\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     KEYBOARD\r\n  ======================================================== *\/\r\n\r\n  slider.addEventListener(\r\n    \"keydown\",\r\n    function (event) {\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n\r\n        goNext();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n\r\n        goPrev();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     INITIALIZE\r\n  ======================================================== *\/\r\n\r\n  updateSlider(\r\n    0,\r\n    false\r\n  );\r\n\r\n  startAutoplay();\r\n\r\n\r\n})();\r\n<\/script>\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: Stirred Yogurt 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        Product Technical Information\r\n      <\/span>\r\n\r\n      <h2 class=\"bd-widget-04__title\">\r\n        Everything About the Stirred Yogurt Stabilizer\r\n      <\/h2>\r\n\r\n      <p class=\"bd-widget-04__subtitle\">\r\n        Explore the product information, technical specifications, benefits,\r\n        applications, and storage guidelines for the Stirred Yogurt Stabilizer\r\n        in the sections below.\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=\"Stirred Yogurt Stabilizer Information\"\r\n      >\r\n\r\n        <button\r\n          class=\"bd-widget-04__tab is-active\"\r\n          id=\"bd-tab-description\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-selected=\"true\"\r\n          aria-controls=\"bd-panel-description\"\r\n          tabindex=\"0\"\r\n          data-tab=\"description\"\r\n        >\r\n          <span class=\"bd-widget-04__tab-icon\">\r\n            <!-- File icon -->\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n              <path d=\"M14 2v6h6\"\/>\r\n              <path d=\"M8 13h8\"\/>\r\n              <path d=\"M8 17h6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>Product Description<\/span>\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"bd-widget-04__tab\"\r\n          id=\"bd-tab-specs\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-selected=\"false\"\r\n          aria-controls=\"bd-panel-specs\"\r\n          tabindex=\"-1\"\r\n          data-tab=\"specs\"\r\n        >\r\n          <span class=\"bd-widget-04__tab-icon\">\r\n            <!-- Settings icon -->\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z\"\/>\r\n              <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-1.7 1.7-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V20H10v-.2a1.7 1.7 0 0 0-1.03-1.56 1.7 1.7 0 0 0-1.88.34l-.06.06-1.7-1.7.06-.06A1.7 1.7 0 0 0 5.73 15a1.7 1.7 0 0 0-1.56-1.03H4v-2.4h.17A1.7 1.7 0 0 0 5.73 10a1.7 1.7 0 0 0-.34-1.88l-.06-.06 1.7-1.7.06.06a1.7 1.7 0 0 0 1.88.34A1.7 1.7 0 0 0 10 5.2V5h2.4v.2a1.7 1.7 0 0 0 1.03 1.56 1.7 1.7 0 0 0 1.88-.34l.06-.06 1.7 1.7-.06.06A1.7 1.7 0 0 0 16.67 10a1.7 1.7 0 0 0 1.56 1.03h.17v2.4h-.17A1.7 1.7 0 0 0 19.4 15Z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>Technical Specifications<\/span>\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"bd-widget-04__tab\"\r\n          id=\"bd-tab-benefits\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-selected=\"false\"\r\n          aria-controls=\"bd-panel-benefits\"\r\n          tabindex=\"-1\"\r\n          data-tab=\"benefits\"\r\n        >\r\n          <span class=\"bd-widget-04__tab-icon\">\r\n            <!-- Sparkles icon -->\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"m12 3 1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5Z\"\/>\r\n              <path d=\"m19 16 .7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7Z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>Benefits & Applications<\/span>\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"bd-widget-04__tab\"\r\n          id=\"bd-tab-storage\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-selected=\"false\"\r\n          aria-controls=\"bd-panel-storage\"\r\n          tabindex=\"-1\"\r\n          data-tab=\"storage\"\r\n        >\r\n          <span class=\"bd-widget-04__tab-icon\">\r\n            <!-- Box icon -->\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"m21 8-9 5-9-5 9-5 9 5Z\"\/>\r\n              <path d=\"M3 8v8l9 5 9-5V8\"\/>\r\n              <path d=\"M12 13v8\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>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                Product Description\r\n              <\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              The Stirred Yogurt Stabilizer is a specialized system designed\r\n              to improve the consistency, viscosity, texture, uniformity, and\r\n              structural stability of stirred yogurts, helping achieve a\r\n              product with a smooth, uniform texture and consistent quality.\r\n            <\/p>\r\n\r\n            <p>\r\n              Berandil's Stirred Yogurt Stabilizer formulation is designed\r\n              according to product characteristics and production process\r\n              conditions. It can help control syneresis, improve textural\r\n              structure, and maintain product uniformity throughout the\r\n              storage period. By creating a more stable structure, this system\r\n              helps maintain the visual and sensory quality of stirred yogurt\r\n              during production and 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      <!-- ===================================================\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                Technical Specifications\r\n              <\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              The Stirred Yogurt Stabilizer is a specialized functional system\r\n              designed for use in the formulation of various types of stirred\r\n              yogurt. Its performance can be adjusted and designed according\r\n              to the product type, total solids content, process conditions,\r\n              production equipment, and desired characteristics of the final\r\n              product.\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>Specialized Stirred Yogurt Stabilizer<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"bd-widget-04__spec-card\">\r\n                <span>Application<\/span>\r\n                <strong>Formulation of Various Stirred Yogurts<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"bd-widget-04__spec-card\">\r\n                <span>Primary Function<\/span>\r\n                <strong>Improved Consistency, Texture & Stability<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"bd-widget-04__spec-card\">\r\n                <span>Usage Form<\/span>\r\n                <strong>According to the Manufacturer's Usage Instructions<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"bd-widget-04__spec-card\">\r\n                <span>Usage Conditions<\/span>\r\n                <strong>Dependent on Formulation and Process<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"bd-widget-04__spec-card\">\r\n                <span>Suitable For<\/span>\r\n                <strong>Industrial Production of Stirred Yogurt<\/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 & Applications\r\n              <\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              1. Increased Serum Phase Stability and Syneresis Control\r\n              By optimizing Water-Binding Capacity and managing water\r\n              distribution within the Protein Matrix, the system helps reduce\r\n              Serum Separation and Syneresis while improving the stability of\r\n              the aqueous phase throughout the Shelf Life.\r\n\r\n              2. Improved Protein Network Integrity After Shearing\r\n              In stirred yogurt, the Casein Gel network can undergo structural\r\n              disruption as a result of Mechanical Shearing. The stabilizer\r\n              system helps strengthen Structural Interactions and improve\r\n              Network Recovery, supporting the integrity and restructuring of\r\n              the protein network.\r\n\r\n              3. Optimization of Rheological Profile and Yield Stress\r\n              By adjusting Viscosity, Shear-Thinning Behavior, and Yield Stress,\r\n              the system helps achieve controlled consistency and suitable Flow\r\n              Properties, resulting in a product with uniform texture and\r\n              desirable performance in industrial processes.\r\n\r\n              4. Increased Colloidal Stability and Prevention of Phase Separation\r\n              By improving colloidal system stability and controlling\r\n              Particle\u2013Particle Interactions, the system helps prevent\r\n              Aggregation, Sedimentation, and Phase Separation while improving\r\n              structural uniformity.\r\n\r\n              5. Enhanced Texture, Body, and Sensory Mouthfeel\r\n              By improving Microstructure and controlling interactions within\r\n              the Protein\u2013Hydrocolloid System, the system helps create a\r\n              Creamy Texture, appropriate Body, and a smooth, uniform\r\n              Mouthfeel while maintaining the sensory quality of the product\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      <!-- ===================================================\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                Product Storage Guidelines\r\n              <\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              To maintain the quality and performance of the Stirred Yogurt\r\n              Stabilizer, the product should be stored according to the\r\n              conditions stated on the packaging and the manufacturer's\r\n              technical instructions. Proper storage conditions, particularly\r\n              protection against moisture, contamination, and unsuitable\r\n              environmental conditions, are important for maintaining the\r\n              quality and performance of the raw material.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"bd-widget-04__storage-list\">\r\n\r\n              <div class=\"bd-widget-04__storage-item\">\r\n                <span class=\"bd-widget-04__storage-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 3v18\"\/>\r\n                    <path d=\"M7 8h10\"\/>\r\n                    <path d=\"M7 16h10\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                  <strong>Dry Environment<\/strong>\r\n                  <p>\r\n                    Store the product in a dry environment and protect it\r\n                    from direct contact with moisture.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n\r\n              <div class=\"bd-widget-04__storage-item\">\r\n                <span class=\"bd-widget-04__storage-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                    <path d=\"M12 2v2\"\/>\r\n                    <path d=\"M12 20v2\"\/>\r\n                    <path d=\"m4.93 4.93 1.41 1.41\"\/>\r\n                    <path d=\"m17.66 17.66 1.41 1.41\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                  <strong>Away from Unsuitable Environmental Conditions<\/strong>\r\n                  <p>\r\n                    Avoid exposing the product to unsuitable environmental\r\n                    conditions and severe temperature fluctuations.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n\r\n              <div class=\"bd-widget-04__storage-item\">\r\n                <span class=\"bd-widget-04__storage-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M4 4h16v16H4z\"\/>\r\n                    <path d=\"M8 8h8v8H8z\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                  <strong>Proper Packaging<\/strong>\r\n                  <p>\r\n                    After opening the package, protect and store the product\r\n                    properly and in accordance with the manufacturer's\r\n                    instructions.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n\r\n              <div class=\"bd-widget-04__storage-item\">\r\n                <span class=\"bd-widget-04__storage-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M6 3h12\"\/>\r\n                    <path d=\"M6 21h12\"\/>\r\n                    <path d=\"M7 3v5l5 4 5-4V3\"\/>\r\n                    <path d=\"M7 21v-5l5-4 5 4v5\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                  <strong>Observe the Expiry Date<\/strong>\r\n                  <p>\r\n                    Always check the production date, expiry date, and storage\r\n                    conditions stated on the product packaging.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bd-widget-04__notice\">\r\n\r\n              <span class=\"bd-widget-04__notice-icon\">\r\n                !\r\n              <\/span>\r\n\r\n              <p>\r\n                Exact storage conditions, shelf life, and usage dosage should\r\n                be followed according to the information stated on the product\r\n                packaging 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\r\n  width:100%;\r\n\r\n  padding:\r\n    80px 20px;\r\n\r\n  overflow:hidden;\r\n\r\n  color:var(--bd-text);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(37,99,235,.17),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 80%,\r\n      rgba(124,58,237,.16),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #12081f 0%,\r\n      #170d29 50%,\r\n      #0f0a19 100%\r\n    );\r\n\r\n  font-family:\r\n    \"Shabnam\",\r\n    \"IRANSans\",\r\n    \"IRANSansX\",\r\n    Tahoma,\r\n    Arial,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__container{\r\n  width:100%;\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__header{\r\n  max-width:850px;\r\n  margin:0 auto 42px;\r\n  text-align:center;\r\n}\r\n\r\n.bd-widget-04__eyebrow{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  padding:8px 16px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.30);\r\n\r\n  border-radius:999px;\r\n\r\n  color:#93c5fd;\r\n\r\n  background:\r\n    rgba(37,99,235,.10);\r\n\r\n  font-size:13px;\r\n  font-weight:700;\r\n\r\n  letter-spacing:.2px;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(37,99,235,.10);\r\n}\r\n\r\n.bd-widget-04__title{\r\n  margin:0 0 14px;\r\n\r\n  color:var(--bd-white);\r\n\r\n  font-size:\r\n    clamp(27px,3.5vw,42px);\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1.35;\r\n}\r\n\r\n.bd-widget-04__subtitle{\r\n  max-width:760px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:var(--bd-muted);\r\n\r\n  font-size:\r\n    clamp(14px,1.5vw,16px);\r\n\r\n  line-height:2;\r\n\r\n  text-align:justify;\r\n  text-justify:inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABS WRAPPER\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__tabs-wrapper{\r\n  position:relative;\r\n\r\n  padding:8px;\r\n\r\n  margin-bottom:20px;\r\n\r\n  border:\r\n    1px solid var(--bd-border);\r\n\r\n  border-radius:\r\n    24px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  backdrop-filter:\r\n    blur(18px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(18px);\r\n\r\n  box-shadow:\r\n    0 18px 55px rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABS\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__tabs{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:8px;\r\n\r\n  direction: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\r\n  border-radius:18px;\r\n\r\n  color:#cbd5e1;\r\n\r\n  background:\r\n    rgba(37,99,235,.09);\r\n\r\n  cursor:pointer;\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.6;\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n\/* Active top line *\/\r\n\r\n.bd-widget-04__tab::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:18%;\r\n  right:18%;\r\n\r\n  height:3px;\r\n\r\n  border-radius:\r\n    0 0 8px 8px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-blue),\r\n      var(--bd-blue-soft)\r\n    );\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n    scaleX(.4);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n\r\n\/* Icon *\/\r\n\r\n.bd-widget-04__tab-icon{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:34px;\r\n  height:34px;\r\n\r\n  flex:0 0 34px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    rgba(59,130,246,.14);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n.bd-widget-04__tab-icon svg{\r\n  width:19px;\r\n  height:19px;\r\n\r\n  fill:none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:1.7;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.bd-widget-04__tab:hover{\r\n  color:var(--bd-white);\r\n\r\n  border-color:\r\n    rgba(255,122,24,.35);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,122,24,.18),\r\n      rgba(255,122,24,.06)\r\n    );\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(255,122,24,.10);\r\n}\r\n\r\n.bd-widget-04__tab:hover\r\n.bd-widget-04__tab-icon{\r\n  color:var(--bd-orange);\r\n\r\n  background:\r\n    rgba(255,122,24,.14);\r\n\r\n  transform:\r\n    rotate(-4deg) scale(1.05);\r\n}\r\n\r\n\r\n\/* Active *\/\r\n\r\n.bd-widget-04__tab.is-active{\r\n  color:var(--bd-white);\r\n\r\n  border-color:\r\n    rgba(59,130,246,.42);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(37,99,235,.32),\r\n      rgba(124,58,237,.20)\r\n    );\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(37,99,235,.16);\r\n}\r\n\r\n.bd-widget-04__tab.is-active::before{\r\n  opacity:1;\r\n\r\n  transform:\r\n    scaleX(1);\r\n}\r\n\r\n.bd-widget-04__tab.is-active\r\n.bd-widget-04__tab-icon{\r\n  color:#fff;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--bd-blue),\r\n      var(--bd-purple)\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(37,99,235,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__content{\r\n  position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__panel{\r\n  position:relative;\r\n\r\n  padding:42px;\r\n\r\n  border:\r\n    1px solid var(--bd-border);\r\n\r\n  border-radius:\r\n    var(--bd-radius);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.075),\r\n      rgba(255,255,255,.035)\r\n    );\r\n\r\n  box-shadow:\r\n    var(--bd-shadow);\r\n\r\n  backdrop-filter:\r\n    blur(20px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(20px);\r\n\r\n  animation:\r\n    bdWidget04FadeIn .45s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.bd-widget-04__panel[hidden]{\r\n  display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL GRID\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__panel-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    82px minmax(0,1fr);\r\n\r\n  gap:30px;\r\n\r\n  align-items:start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL NUMBER\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__panel-number{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:82px;\r\n  height:82px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.32);\r\n\r\n  border-radius:22px;\r\n\r\n  color:#bfdbfe;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(37,99,235,.25),\r\n      rgba(124,58,237,.16)\r\n    );\r\n\r\n  font-size:22px;\r\n\r\n  font-weight:900;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.08),\r\n    0 15px 35px rgba(37,99,235,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL MAIN\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__panel-main{\r\n  min-width:0;\r\n}\r\n\r\n.bd-widget-04__panel-heading{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin-bottom:22px;\r\n}\r\n\r\n.bd-widget-04__mini-line{\r\n  width:38px;\r\n  height:4px;\r\n\r\n  flex:0 0 38px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--bd-orange),\r\n      var(--bd-blue)\r\n    );\r\n}\r\n\r\n.bd-widget-04__panel-heading h3{\r\n  margin:0;\r\n\r\n  color:var(--bd-white);\r\n\r\n  font-size:\r\n    clamp(21px,2.4vw,29px);\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GENERAL TEXT\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__panel p{\r\n  margin:\r\n    0 0 18px;\r\n\r\n  color:#d8cfe5;\r\n\r\n  font-size:\r\n    clamp(14px,1.45vw,16px);\r\n\r\n  line-height:2.15;\r\n\r\n  text-align:justify;\r\n\r\n  text-justify:inter-word;\r\n}\r\n\r\n.bd-widget-04__panel p:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECHNICAL SPECIFICATIONS\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__spec-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:14px;\r\n\r\n  margin-top:28px;\r\n}\r\n\r\n.bd-widget-04__spec-card{\r\n  padding:20px;\r\n\r\n  min-height:115px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.16);\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(37,99,235,.075);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n.bd-widget-04__spec-card:hover{\r\n  border-color:\r\n    rgba(255,122,24,.35);\r\n\r\n  background:\r\n    rgba(255,122,24,.07);\r\n\r\n  transform:\r\n    translateY(-4px);\r\n}\r\n\r\n.bd-widget-04__spec-card span{\r\n  display:block;\r\n\r\n  margin-bottom:9px;\r\n\r\n  color:\r\n    var(--bd-muted);\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n.bd-widget-04__spec-card strong{\r\n  display:block;\r\n\r\n  color:\r\n    var(--bd-white);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__benefits{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:14px;\r\n\r\n  padding:0;\r\n\r\n  margin:28px 0 0;\r\n\r\n  list-style:none;\r\n}\r\n\r\n.bd-widget-04__benefits li{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    42px minmax(0,1fr);\r\n\r\n  gap:14px;\r\n\r\n  padding:18px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.14);\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(37,99,235,.065);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n.bd-widget-04__benefits li:hover{\r\n  border-color:\r\n    rgba(255,122,24,.35);\r\n\r\n  background:\r\n    rgba(255,122,24,.06);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n.bd-widget-04__benefits li > span{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:13px;\r\n\r\n  color:#bfdbfe;\r\n\r\n  background:\r\n    rgba(37,99,235,.18);\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n.bd-widget-04__benefits strong{\r\n  display:block;\r\n\r\n  margin-bottom:6px;\r\n\r\n  color:var(--bd-white);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.7;\r\n}\r\n\r\n.bd-widget-04__benefits p{\r\n  margin:0 !important;\r\n\r\n  color:\r\n    var(--bd-muted) !important;\r\n\r\n  font-size:13px !important;\r\n\r\n  line-height:1.9 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STORAGE\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__storage-list{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:15px;\r\n\r\n  margin-top:28px;\r\n}\r\n\r\n.bd-widget-04__storage-item{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    52px minmax(0,1fr);\r\n\r\n  gap:15px;\r\n\r\n  padding:20px;\r\n\r\n  border:\r\n    1px solid rgba(59,130,246,.15);\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n    rgba(37,99,235,.065);\r\n\r\n  transition:\r\n    var(--bd-transition);\r\n}\r\n\r\n.bd-widget-04__storage-item:hover{\r\n  border-color:\r\n    rgba(255,122,24,.35);\r\n\r\n  background:\r\n    rgba(255,122,24,.055);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n.bd-widget-04__storage-icon{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:52px;\r\n  height:52px;\r\n\r\n  border-radius:15px;\r\n\r\n  color:#93c5fd;\r\n\r\n  background:\r\n    rgba(37,99,235,.15);\r\n}\r\n\r\n.bd-widget-04__storage-icon svg{\r\n  width:24px;\r\n  height:24px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.7;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.bd-widget-04__storage-item strong{\r\n  display:block;\r\n\r\n  margin:\r\n    0 0 7px;\r\n\r\n  color:var(--bd-white);\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.7;\r\n}\r\n\r\n.bd-widget-04__storage-item p{\r\n  margin:0 !important;\r\n\r\n  color:var(--bd-muted) !important;\r\n\r\n  font-size:13px !important;\r\n\r\n  line-height:1.9 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTICE\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__notice{\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  gap:14px;\r\n\r\n  margin-top:22px;\r\n\r\n  padding:18px 20px;\r\n\r\n  border:\r\n    1px solid rgba(255,122,24,.20);\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,122,24,.09),\r\n      rgba(255,255,255,.025)\r\n    );\r\n}\r\n\r\n.bd-widget-04__notice-icon{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:30px;\r\n  height:30px;\r\n\r\n  flex:0 0 30px;\r\n\r\n  border-radius:50%;\r\n\r\n  color:#fff;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--bd-orange),\r\n      #ea580c\r\n    );\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n.bd-widget-04__notice p{\r\n  margin:0 !important;\r\n\r\n  color:#eadfd4 !important;\r\n\r\n  font-size:13px !important;\r\n\r\n  line-height:2 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   ========================================================= *\/\r\n\r\n@keyframes bdWidget04FadeIn{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(12px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.bd-widget-04__tab:focus-visible{\r\n  outline:\r\n    3px solid rgba(96,165,250,.65);\r\n\r\n  outline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .bd-widget-04{\r\n    padding:\r\n      65px 18px;\r\n  }\r\n\r\n  .bd-widget-04__tabs{\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n  }\r\n\r\n  .bd-widget-04__panel{\r\n    padding:32px;\r\n  }\r\n\r\n  .bd-widget-04__spec-grid{\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .bd-widget-04{\r\n    padding:\r\n      52px 14px;\r\n  }\r\n\r\n  .bd-widget-04__header{\r\n    margin-bottom:28px;\r\n  }\r\n\r\n  .bd-widget-04__tabs-wrapper{\r\n    padding:6px;\r\n\r\n    border-radius:20px;\r\n  }\r\n\r\n  .bd-widget-04__tabs{\r\n    display:flex;\r\n\r\n    overflow-x:auto;\r\n\r\n    scrollbar-width:none;\r\n\r\n    scroll-snap-type:x proximity;\r\n\r\n    padding-bottom:2px;\r\n  }\r\n\r\n  .bd-widget-04__tabs::-webkit-scrollbar{\r\n    display:none;\r\n  }\r\n\r\n  .bd-widget-04__tab{\r\n    min-width:180px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    min-height:62px;\r\n\r\n    padding:12px 14px;\r\n\r\n    border-radius:15px;\r\n\r\n    scroll-snap-align:start;\r\n\r\n    font-size:13px;\r\n  }\r\n\r\n  .bd-widget-04__panel{\r\n    padding:25px 20px;\r\n\r\n    border-radius:23px;\r\n  }\r\n\r\n  .bd-widget-04__panel-grid{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:20px;\r\n  }\r\n\r\n  .bd-widget-04__panel-number{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    border-radius:17px;\r\n\r\n    font-size:17px;\r\n  }\r\n\r\n  .bd-widget-04__spec-grid,\r\n  .bd-widget-04__benefits,\r\n  .bd-widget-04__storage-list{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .bd-widget-04__title{\r\n    font-size:26px;\r\n  }\r\n\r\n  .bd-widget-04__subtitle{\r\n    font-size:13px;\r\n  }\r\n\r\n  .bd-widget-04__panel{\r\n    padding:22px 16px;\r\n  }\r\n\r\n  .bd-widget-04__panel-heading{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .bd-widget-04__panel-heading h3{\r\n    font-size:20px;\r\n  }\r\n\r\n  .bd-widget-04__tab{\r\n    min-width:165px;\r\n  }\r\n\r\n  .bd-widget-04__tab-icon{\r\n    width:30px;\r\n    height:30px;\r\n\r\n    flex-basis:30px;\r\n  }\r\n\r\n  .bd-widget-04__benefits li{\r\n    grid-template-columns:\r\n      36px minmax(0,1fr);\r\n\r\n    padding:15px;\r\n  }\r\n\r\n  .bd-widget-04__benefits li > span{\r\n    width:36px;\r\n    height:36px;\r\n  }\r\n\r\n  .bd-widget-04__storage-item{\r\n    padding:16px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .bd-widget-04 *,\r\n  .bd-widget-04 *::before,\r\n  .bd-widget-04 *::after{\r\n    animation-duration:.01ms !important;\r\n    animation-iteration-count:1 !important;\r\n    transition-duration:.01ms !important;\r\n    scroll-behavior:auto !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n  \/* =======================================================\r\n     WIDGET 04 \u2014 TAB SYSTEM\r\n     ======================================================= *\/\r\n\r\n  function initBDWidget04(){\r\n\r\n    const widgets =\r\n      document.querySelectorAll(\".bd-widget-04\");\r\n\r\n    widgets.forEach(function(widget){\r\n\r\n      const tabs =\r\n        widget.querySelectorAll(\".bd-widget-04__tab\");\r\n\r\n      const panels =\r\n        widget.querySelectorAll(\".bd-widget-04__panel\");\r\n\r\n\r\n      if(!tabs.length || !panels.length){\r\n        return;\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         Activate selected tab\r\n         --------------------------------------------------- *\/\r\n\r\n      function activateTab(tab){\r\n\r\n        const target =\r\n          tab.getAttribute(\"data-tab\");\r\n\r\n        if(!target){\r\n          return;\r\n        }\r\n\r\n\r\n        \/* Update tabs *\/\r\n\r\n        tabs.forEach(function(item){\r\n\r\n          const isActive =\r\n            item === tab;\r\n\r\n          item.classList.toggle(\r\n            \"is-active\",\r\n            isActive\r\n          );\r\n\r\n          item.setAttribute(\r\n            \"aria-selected\",\r\n            isActive ? \"true\" : \"false\"\r\n          );\r\n\r\n          item.setAttribute(\r\n            \"tabindex\",\r\n            isActive ? \"0\" : \"-1\"\r\n          );\r\n\r\n        });\r\n\r\n\r\n        \/* Update panels *\/\r\n\r\n        panels.forEach(function(panel){\r\n\r\n          const isActive =\r\n            panel.getAttribute(\"data-panel\") === target;\r\n\r\n          panel.hidden =\r\n            !isActive;\r\n\r\n          panel.classList.toggle(\r\n            \"is-active\",\r\n            isActive\r\n          );\r\n\r\n        });\r\n\r\n\r\n        \/* Mobile: bring active tab into view *\/\r\n\r\n        if(\r\n          window.innerWidth <= 700\r\n        ){\r\n\r\n          try{\r\n\r\n            tab.scrollIntoView({\r\n              behavior:\"smooth\",\r\n              block:\"nearest\",\r\n              inline:\"center\"\r\n            });\r\n\r\n          }catch(error){}\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         Click\r\n         --------------------------------------------------- *\/\r\n\r\n      tabs.forEach(function(tab){\r\n\r\n        tab.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            activateTab(tab);\r\n\r\n          }\r\n        );\r\n\r\n\r\n        \/* -------------------------------------------------\r\n           Keyboard navigation\r\n           ------------------------------------------------- *\/\r\n\r\n        tab.addEventListener(\r\n          \"keydown\",\r\n          function(event){\r\n\r\n            const key =\r\n              event.key;\r\n\r\n            let index =\r\n              Array.prototype.indexOf.call(\r\n                tabs,\r\n                tab\r\n              );\r\n\r\n            if(\r\n              key === \"ArrowRight\" ||\r\n              key === \"ArrowDown\"\r\n            ){\r\n\r\n              event.preventDefault();\r\n\r\n              index =\r\n                (index + 1) %\r\n                tabs.length;\r\n\r\n              tabs[index].focus();\r\n\r\n              activateTab(\r\n                tabs[index]\r\n              );\r\n\r\n            }\r\n\r\n\r\n            if(\r\n              key === \"ArrowLeft\" ||\r\n              key === \"ArrowUp\"\r\n            ){\r\n\r\n              event.preventDefault();\r\n\r\n              index =\r\n                (index - 1 + tabs.length) %\r\n                tabs.length;\r\n\r\n              tabs[index].focus();\r\n\r\n              activateTab(\r\n                tabs[index]\r\n              );\r\n\r\n            }\r\n\r\n\r\n            if(key === \"Home\"){\r\n\r\n              event.preventDefault();\r\n\r\n              tabs[0].focus();\r\n\r\n              activateTab(\r\n                tabs[0]\r\n              );\r\n\r\n            }\r\n\r\n\r\n            if(key === \"End\"){\r\n\r\n              event.preventDefault();\r\n\r\n              tabs[tabs.length - 1].focus();\r\n\r\n              activateTab(\r\n                tabs[tabs.length - 1]\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     ELEMENTOR \/ NORMAL LOAD\r\n     ======================================================= *\/\r\n\r\n  if(\r\n    document.readyState === \"loading\"\r\n  ){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initBDWidget04\r\n    );\r\n\r\n  }else{\r\n\r\n    initBDWidget04();\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3df694c elementor-widget elementor-widget-html\" data-id=\"3df694c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= \r\n     WIDGET FAQ \u2014 Stirred Yogurt Stabilizer Frequently Asked Questions\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        Technical Answers About the Stirred Yogurt Stabilizer \r\n      <\/h2> \r\n \r\n      <p class=\"bd-faq-subtitle\"> \r\n        In this section, we answer common technical questions about the Stirred Yogurt Stabilizer \r\n        to help manufacturers better understand the performance of the stabilizing system, \r\n        process conditions, and final product characteristics. \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 role does the Stirred Yogurt Stabilizer play in the structure and texture 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 \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              The Stirred Yogurt Stabilizer helps control viscosity, increase consistency, \r\n              improve texture uniformity, and reduce the tendency toward syneresis by creating \r\n              and strengthening an appropriate physical structure within the product matrix. \r\n              In stirred yogurt, the stabilizing system should be selected based on factors such \r\n              as milk type and total solids, fermentation process, stirring intensity, thermal \r\n              conditions, final pH, and the desired texture. The final performance of the stabilizer \r\n              results from its interaction with milk proteins and other formulation components \r\n              and is not determined solely by its dosage. \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 the Stirred Yogurt 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 the Stirred Yogurt Stabilizer is not a single fixed value applicable \r\n              to all formulations. It should be determined based on the product composition, \r\n              total solids, protein content, type and level of other hydrocolloids, process conditions, \r\n              and the target texture. Increasing the dosage beyond the required level does not \r\n              necessarily improve quality and may adversely affect viscosity, mouthfeel, consistency, \r\n              and processing behavior. The final dosage should preferably be determined through \r\n              laboratory and pilot-scale trials based on the technical guidelines of the stabilizing \r\n              system and then validated on the production line. \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 the Stirred Yogurt Stabilizer help reduce syneresis? \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              Syneresis in yogurt refers to the release of the aqueous phase from the protein gel \r\n              network and can be influenced by factors such as milk composition, total solids, \r\n              thermal conditions, fermentation process, pH, and stirring operations. An appropriate \r\n              stabilizing system can help reduce syneresis by modifying the rheological properties \r\n              and increasing water-holding capacity within the product structure. However, controlling \r\n              syneresis cannot be achieved simply by increasing the stabilizer level. Simultaneous \r\n              optimization of the formulation and process parameters is essential for achieving \r\n              stable results. \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 the stabilizer control the viscosity and consistency of stirred yogurt? \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              Viscosity control in stirred yogurt results from the interaction of the stabilizing \r\n              system with the aqueous phase, milk proteins, and other formulation components. \r\n              The hydrocolloids and functional ingredients present in the stabilizer can help create \r\n              the desired consistency and texture by increasing the viscosity of the continuous phase \r\n              and improving water retention. The type and level of stabilizer should be selected so \r\n              that the product achieves sufficient consistency without developing an excessively \r\n              gel-like, sticky, or heavy texture. Therefore, simultaneous rheological and sensory \r\n              evaluation is essential for determining the optimum level. \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            How should the Stirred Yogurt Stabilizer be added to the formulation? \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              The method of adding the stabilizer should be determined according to the type of \r\n              stabilizing system and its technical instructions. In general, achieving uniform \r\n              dispersion before full incorporation into the system is important, and in some \r\n              formulations, pre-mixing with a portion of the dry ingredients can help reduce \r\n              lump formation. The addition sequence, process temperature, mixing intensity and \r\n              duration, and the amount of available water all affect the hydration and performance \r\n              of the stabilizer. Therefore, the mixing method should be coordinated with the \r\n              production-line equipment and the characteristics of the stabilizer. \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 factors affect the performance of the Stirred Yogurt 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              The performance of the Stirred Yogurt Stabilizer depends on a combination of \r\n              formulation and process factors. Total solids and protein content, milk type and \r\n              raw materials, stabilizer composition, thermal conditions, fermentation process, \r\n              final pH, stirring level and intensity, cooling conditions, and storage temperature \r\n              can all affect the viscosity, consistency, syneresis, and stability of the product. \r\n              For this reason, a stabilizing system should be evaluated under actual production \r\n              conditions, and its performance should be assessed based on the final product \r\n              specifications. \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            Is the Stirred Yogurt Stabilizer suitable for industrial production? \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              Yes. Stabilizing systems specifically designed for stirred yogurt can be developed \r\n              and used for industrial production processes, provided that they are compatible with \r\n              the formulation and production-line equipment. At industrial scale, factors such as \r\n              tank capacity, mixing system, thermal process, fermentation method, homogenization \r\n              equipment, product transfer speed, and cold-chain conditions should be considered \r\n              when selecting the stabilizer. The system should also be evaluated at actual \r\n              production scale in terms of consistency, viscosity, syneresis, and stability \r\n              throughout 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 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            How does the stabilizer affect syneresis and yogurt stability during storage? \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              The stabilizing system can help reduce syneresis and maintain yogurt uniformity \r\n              during storage by increasing water-holding capacity and improving the rheological \r\n              structure of the product. However, yogurt stability is not determined by the stabilizer \r\n              alone. Factors such as pH, acidification level, protein network structure, total solids, \r\n              thermal conditions, stirring intensity, and storage temperature also play important \r\n              roles. Therefore, stability should be evaluated through actual storage trials and \r\n              by monitoring changes in viscosity, syneresis, and texture over time. \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            Can the stabilizer affect the flavor and mouthfeel of stirred yogurt? \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              The type and dosage of the stabilizer can affect the sensory characteristics \r\n              of yogurt, particularly its mouthfeel. An unsuitable stabilizing system or excessive \r\n              usage may result in stickiness, heaviness, a gel-like texture, or changes in flavor \r\n              release. On the other hand, selecting the appropriate system and dosage can provide \r\n              the desired consistency and viscosity while creating a soft and uniform texture. \r\n              Therefore, sensory evaluation should be performed alongside physical and rheological \r\n              measurements. \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            What information is needed to select the right Stirred Yogurt 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-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              Accurate selection of the stabilizing system requires information such as yogurt type, \r\n              fat and total solids content, protein level, formulation composition, milk type and raw \r\n              materials, target pH, thermal process, fermentation method and duration, homogenization \r\n              and stirring equipment, cooling conditions, and storage temperature. It is also important \r\n              to define the desired product characteristics in terms of viscosity, consistency, texture, \r\n              syneresis, mouthfeel, and stability throughout storage. Existing issues such as syneresis, \r\n              viscosity loss, texture instability, or structural changes during storage are also \r\n              important factors when selecting the appropriate system. \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 a sample of the Stirred Yogurt Stabilizer and conduct a production trial? \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              A sample trial can be useful for evaluating the compatibility of the stabilizing \r\n              system with the formulation and production process. During a technical trial, factors \r\n              such as dosage level, addition and dispersion method, viscosity, consistency, texture, \r\n              syneresis, product behavior after stirring, and changes during storage can be evaluated. \r\n              For more accurate assessment, the trial should preferably be conducted under conditions \r\n              close to the actual production process, and the results should be compared with a control \r\n              sample while keeping other formulation parameters unchanged. Sample and trial arrangements \r\n              can also be evaluated based on the product type and specific technical requirements. \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          Have a technical question about the Stirred Yogurt Stabilizer? \r\n        <\/strong> \r\n \r\n        <p> \r\n          Berandil experts are ready to review your formulation, production process, and technical requirements. \r\n        <\/p> \r\n \r\n      <\/div> \r\n \r\n      <a \r\n        href=\"https:\/\/ble.ir\/realthreea\" \r\n        class=\"bd-faq-cta\" \r\n        target=\"_blank\" \r\n        rel=\"noopener noreferrer\" \r\n      > \r\n        Get Technical 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\/* =========================================================  \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\/* =========================================================  \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\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\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\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\/* =========================================================  \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\/* =========================================================  \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\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\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\/* =========================================================  \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\/* =========================================================  \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\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  stroke:currentColor;  \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\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\/* =========================================================  \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\/* =========================================================  \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\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\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\/* =========================================================  \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\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\r\n.bd-faq-answer[hidden]{  \r\n\r\n  display:grid;  \r\n\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\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\/* =========================================================  \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\/* =========================================================  \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\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\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\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\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\r\n.bd-faq-cta{  \r\n\r\n  display:inline-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: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\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\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\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\/* =========================================================  \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\/* =========================================================  \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\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\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\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\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\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\/* =========================================================  \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\r\n  .bd-faq-header{  \r\n\r\n    margin-bottom:30px;  \r\n\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\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\r\n  .bd-faq-list{  \r\n\r\n    gap:10px;  \r\n\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\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\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\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\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\r\n  .bd-faq-toggle{  \r\n\r\n    width:34px;  \r\n    height:34px;  \r\n\r\n    border-radius:10px;  \r\n\r\n  }  \r\n\r\n\r\n\r\n  .bd-faq-toggle svg{  \r\n\r\n    width:17px;  \r\n    height:17px;  \r\n\r\n  }  \r\n\r\n\r\n\r\n  .bd-faq-answer-inner,  \r\n  .bd-faq-item.is-open  \r\n  .bd-faq-answer-inner{  \r\n\r\n    padding-left:16px;  \r\n\r\n    padding-right:16px;  \r\n\r\n  }  \r\n\r\n\r\n\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\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\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\r\n  .bd-faq-bottom-icon{  \r\n\r\n    width:48px;  \r\n    height:48px;  \r\n\r\n    border-radius:14px;  \r\n\r\n  }  \r\n\r\n\r\n\r\n  .bd-faq-bottom-content strong{  \r\n\r\n    font-size:13px;  \r\n\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\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\/* =========================================================  \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\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\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\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\/* =========================================================  \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\r\n<script>  \r\n\r\n(function(){  \r\n\r\n  \"use strict\";  \r\n\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\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\r\n      if(!items.length){  \r\n        return;  \r\n      }  \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\r\n        if(!button || !answer){  \r\n          return;  \r\n        }  \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\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      \/* =================================================  \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\r\n        if(!button){  \r\n          return;  \r\n        }  \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        \/* ===============================================  \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  \/* =======================================================  \r\n     LOAD  \r\n     ======================================================= *\/  \r\n\r\n  if(  \r\n    document.readyState === \"loading\"  \r\n  ){  \r\n\r\n    document.addEventListener(  \r\n      \"DOMContentLoaded\",  \r\n      initBDFaq  \r\n    );  \r\n\r\n  }else{  \r\n\r\n    initBDFaq();  \r\n\r\n  }  \r\n\r\n})();  \r\n\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caa2f54 elementor-widget elementor-widget-html\" data-id=\"caa2f54\" 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-bcd612a e-con e-atomic-element e-flexbox-base e-default-div e-bcd612a-92821c6 \" data-id=\"bcd612a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bcd612a\" data-e-type=\"e-flexbox\" data-id=\"bcd612a\">\n    \t\t<div class=\"elementor-element elementor-element-4b463087 elementor-widget elementor-widget-html\" data-id=\"4b463087\" 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>Berandil \/ Specialized Solutions for the Dairy Industry Yogurt Stabilizer Stirred Yogurt \u2726 Berandil Specialized Product Berandil Stirred Yogurt Stabilizer is a specialized and advanced solution designed for producing yogurt with a uniform texture, desirable consistency, and high stability. This stirred yogurt stabilizer utilizes a precise formulation tailored to industrial dairy production processes, helping improve&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3254,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2780","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/2780","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=2780"}],"version-history":[{"count":10,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/2780\/revisions"}],"predecessor-version":[{"id":3827,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/pages\/2780\/revisions\/3827"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/media\/3254"}],"wp:attachment":[{"href":"https:\/\/berandil.ir\/en\/wp-json\/wp\/v2\/media?parent=2780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}