{"id":23,"date":"2026-09-21T14:43:24","date_gmt":"2026-09-21T14:43:24","guid":{"rendered":"https:\/\/bsolution.me\/ar\/?page_id=23"},"modified":"2026-09-22T08:57:48","modified_gmt":"2026-09-22T08:57:48","slug":"home","status":"publish","type":"page","link":"https:\/\/bsolution.me\/ar\/","title":{"rendered":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629"},"content":{"rendered":"<style>\r\n\r\n\r\n#bnet-home-wrap {\r\n  font-family: 'Heebo', system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  direction: rtl;\r\n  color: #111827;\r\n  background: #fff;\r\n  user-select: none;\r\n  overflow-x: hidden;\r\n  overflow-y: visible;\r\n  position: relative;\r\n  height: auto;\r\n  scroll-snap-type: none;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap {\r\n    overflow-y: scroll;\r\n    height: 100dvh;\r\n    scroll-snap-type: y mandatory;\r\n  }\r\n}\r\n#bnet-home-wrap * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n@media (hover:hover) and (pointer:fine){\r\n  #bnet-home-wrap { cursor: none; }\r\n}\r\n\r\n#bnet-home-wrap #particles {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  width: 100%; height: 100%;\r\n  z-index: 0;\r\n  pointer-events: none; \r\n}\r\n\r\n#bnet-home-wrap .page-shell {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#bnet-home-wrap .hero {\r\n  min-height: 90svh; \r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 28px 18px 110px;\r\n  position: relative;\r\n}\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .hero {\r\n    min-height: 100dvh;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .center-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  max-width: 900px;\r\n  width: 100%;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#bnet-home-wrap section.is-inview .center-wrapper,\r\n#bnet-home-wrap section.is-inview .content-container {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper {\r\n  position: relative;\r\n  perspective: 800px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  margin: auto;\r\n  width: 120%;\r\n  height: 120%;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(0,0,0,.24) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,0) 72%);\r\n  opacity: .85;\r\n  filter: blur(18px);\r\n  z-index: 0;\r\n  transition: transform .2s ease, opacity .2s ease;\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: calc(100% + 38px);\r\n  height: calc(100% + 38px);\r\n  border-radius: 999px;\r\n  border: 2px solid rgba(17,24,39,.12);\r\n  z-index: 0;\r\n  animation: pulseRing 2.4s ease-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n#bnet-home-wrap .logo {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 260px;\r\n  height: auto;\r\n  cursor: pointer;\r\n  transition: transform .15s ease-out, filter .25s ease, opacity .25s ease;\r\n  transform-style: preserve-3d;\r\n  filter: drop-shadow(0 10px 24px rgba(0,0,0,.16));\r\n  border-radius: 24px;\r\n  animation: logoNudge 5.2s ease-in-out infinite;\r\n}\r\n\r\n#bnet-home-wrap .logo:hover {\r\n  filter: drop-shadow(0 16px 30px rgba(0,0,0,.20));\r\n}\r\n\r\n#bnet-home-wrap .logo-cta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  max-width: 700px;\r\n}\r\n\r\n#bnet-home-wrap .click-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255,255,255,.88);\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n  border-radius: 999px;\r\n  padding: 10px 18px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  backdrop-filter: blur(8px);\r\n  animation: badgeFloat 2.6s ease-in-out infinite;\r\n}\r\n\r\n#bnet-home-wrap .click-badge .hand {\r\n  font-size: 18px;\r\n  animation: handTap 1.2s ease-in-out infinite;\r\n  transform-origin: center;\r\n}\r\n\r\n#bnet-home-wrap .hero-title {\r\n  margin: 8px 0 0;\r\n  font-size: clamp(28px, 5vw, 52px);\r\n  line-height: 1.1;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#bnet-home-wrap .hero-subtitle {\r\n  margin: 10px 0 0;\r\n  font-size: clamp(15px, 2vw, 20px);\r\n  line-height: 1.8;\r\n  color: #4b5563;\r\n  max-width: 720px;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .hero-actions {\r\n  margin-top: 22px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#bnet-home-wrap .hero-btn,\r\n#bnet-home-wrap .tool-btn {\r\n  appearance: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  min-height: 48px;\r\n  padding: 12px 18px;\r\n  border-radius: 16px;\r\n  font-weight: 800;\r\n  font-size: 15px;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n#bnet-home-wrap .hero-btn.primary {\r\n  background: #111827;\r\n  color: #fff;\r\n  box-shadow: 0 12px 28px rgba(17,24,39,.22);\r\n}\r\n\r\n#bnet-home-wrap .hero-btn.secondary {\r\n  background: rgba(255,255,255,.88);\r\n  color: #111827;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n#bnet-home-wrap .hero-btn:hover,\r\n#bnet-home-wrap .tool-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#bnet-home-wrap .content-section {\r\n  padding: 40px 18px;\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: auto; \r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .content-section {\r\n    min-height: 100dvh;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .content-container {\r\n  width: min(1180px, calc(100% - 24px));\r\n  margin: 0 auto;\r\n  opacity: 0;\r\n  transform: scale(0.95) translateY(40px);\r\n  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#bnet-home-wrap .glass-card {\r\n  background: rgba(255,255,255,.84);\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,.07);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 28px;\r\n}\r\n\r\n#bnet-home-wrap .about-card {\r\n  padding: 30px 22px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#bnet-home-wrap .section-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  background: #f3f4f6;\r\n  color: #111827;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#bnet-home-wrap .section-title {\r\n  margin: 0 0 12px;\r\n  font-size: clamp(24px, 4vw, 38px);\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#bnet-home-wrap .section-text {\r\n  margin: 0;\r\n  color: #4b5563;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .stats-grid {\r\n  margin-top: 22px;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n#bnet-home-wrap .stat-box {\r\n  padding: 18px 16px;\r\n  border-radius: 22px;\r\n  background: #f9fafb;\r\n  border: 1px solid rgba(17,24,39,.06);\r\n}\r\n\r\n#bnet-home-wrap .stat-num {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#bnet-home-wrap .stat-label {\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 700;\r\n}\r\n\r\n#bnet-home-wrap .features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n  margin-top: 22px;\r\n}\r\n\r\n#bnet-home-wrap .feature-card {\r\n  padding: 22px 18px;\r\n  border-radius: 24px;\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.05);\r\n}\r\n\r\n#bnet-home-wrap .feature-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 16px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  margin-bottom: 12px;\r\n  background: #f3f4f6;\r\n}\r\n\r\n#bnet-home-wrap .feature-title {\r\n  margin: 0 0 8px;\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n}\r\n\r\n#bnet-home-wrap .feature-text {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: #6b7280;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .tools-section {\r\n  padding-bottom: 60px;\r\n}\r\n\r\n#bnet-home-wrap .tools-card {\r\n  padding: 30px 22px;\r\n  position: relative;\r\n}\r\n\r\n#bnet-home-wrap .tools-header {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: end;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#bnet-home-wrap .tools-header p {\r\n  margin: 0;\r\n  color: #6b7280;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  font-weight: 500;\r\n  max-width: 680px;\r\n}\r\n\r\n#bnet-home-wrap .tools-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 12px;\r\n}\r\n\r\n\r\n#bnet-home-wrap .tool-card {\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 6px 16px rgba(0,0,0,.05);\r\n  border-radius: 16px;\r\n  padding: 12px 14px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 0;\r\n  text-align: right;\r\n  min-height: 0;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n#bnet-home-wrap .tool-card:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 22px rgba(0,0,0,.09);\r\n  background: #f9fafb;\r\n}\r\n\r\n#bnet-home-wrap .tool-top {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n}\r\n\r\n#bnet-home-wrap .tool-emoji {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #f3f4f6;\r\n  font-size: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n#bnet-home-wrap .tool-name {\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  flex: 1;\r\n}\r\n\r\n\r\n#bnet-home-wrap .tool-desc {\r\n  display: none;\r\n}\r\n\r\n\r\n#bnet-home-wrap .tool-btn-hidden {\r\n  display: none;\r\n}\r\n\r\n#bnet-home-wrap .tool-btn {\r\n  background: #111827;\r\n  color: #fff;\r\n  width: max-content;\r\n  box-shadow: 0 10px 22px rgba(17,24,39,.16);\r\n}\r\n\r\n\r\n#bnet-home-wrap .tools-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 18px;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n#bnet-home-wrap .all-tools-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #111827;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 14px;\r\n  padding: 11px 18px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n  box-shadow: 0 8px 20px rgba(17,24,39,.18);\r\n  text-decoration: none;\r\n  font-family: inherit;\r\n}\r\n\r\n#bnet-home-wrap .all-tools-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 26px rgba(17,24,39,.24);\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n  #bnet-home-wrap .tools-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n  #bnet-home-wrap .tool-card.hidden-mobile {\r\n    display: none;\r\n  }\r\n  #bnet-home-wrap .tool-card.hidden-mobile.shown {\r\n    display: flex;\r\n  }\r\n  #bnet-home-wrap .show-more-tools {\r\n    display: inline-flex;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .show-more-tools {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: transparent;\r\n  border: 1.5px solid rgba(17,24,39,.15);\r\n  color: #111827;\r\n  border-radius: 12px;\r\n  padding: 9px 16px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  transition: background .18s ease;\r\n}\r\n\r\n#bnet-home-wrap .show-more-tools:hover {\r\n  background: #f3f4f6;\r\n}\r\n\r\n#bnet-home-wrap .mini-links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 18px;\r\n}\r\n\r\n#bnet-home-wrap .mini-link {\r\n  text-decoration: none;\r\n  color: #111827;\r\n  background: #f9fafb;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  border-radius: 999px;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n#bnet-home-wrap .mini-link:hover {\r\n  transform: translateY(-2px);\r\n  background: #f3f4f6;\r\n}\r\n\r\n\r\n#cursorCircle {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 40px; height: 40px;\r\n  background: rgba(0,0,0,.5);\r\n  border: 2px solid #000;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 999999;\r\n  box-shadow: 0 0 20px rgba(0,0,0,.6);\r\n  transition: transform .08s linear;\r\n  display: none; \r\n}\r\n\r\n@media (hover:none), (pointer:coarse){\r\n  #cursorCircle{ display: none !important; }\r\n}\r\n\r\n@media (max-width:980px){\r\n  #bnet-home-wrap .features-grid,\r\n  #bnet-home-wrap .stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\r\n@media (max-width:600px){\r\n  #bnet-home-wrap .logo { max-width: 210px; }\r\n  #bnet-home-wrap .hero { padding: 24px 14px 105px; }\r\n  #bnet-home-wrap .about-card,\r\n  #bnet-home-wrap .tools-card {\r\n    padding: 24px 16px;\r\n    border-radius: 22px;\r\n  }\r\n  #bnet-home-wrap .feature-card,\r\n  #bnet-home-wrap .tool-card { border-radius: 20px; }\r\n  #bnet-home-wrap .features-grid,\r\n  #bnet-home-wrap .tools-grid,\r\n  #bnet-home-wrap .stats-grid { grid-template-columns: 1fr; }\r\n  #bnet-home-wrap .hero-actions { width: 100%; }\r\n  #bnet-home-wrap .hero-btn { width: 100%; }\r\n  #bnet-home-wrap .click-badge { font-size: 14px; padding: 9px 14px; }\r\n}\r\n\r\n@keyframes logoNudge {\r\n  0%, 84%, 100% { transform: translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1); }\r\n  86% { transform: translate3d(-3px,0,0) rotateZ(-2deg) scale(1.02); }\r\n  88% { transform: translate3d(4px,0,0) rotateZ(2deg) scale(1.03); }\r\n  90% { transform: translate3d(-4px,0,0) rotateZ(-2deg) scale(1.03); }\r\n  92% { transform: translate3d(3px,0,0) rotateZ(1deg) scale(1.02); }\r\n  94% { transform: translate3d(0,0,0) rotateZ(0deg) scale(1.01); }\r\n}\r\n\r\n@keyframes pulseRing {\r\n  0% { transform: scale(.94); opacity: .85; }\r\n  70% { transform: scale(1.08); opacity: 0; }\r\n  100% { transform: scale(1.08); opacity: 0; }\r\n}\r\n\r\n@keyframes badgeFloat {\r\n  0%,100% { transform: translateY(0); }\r\n  50% { transform: translateY(-4px); }\r\n}\r\n\r\n@keyframes handTap {\r\n  0%,100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(2px) rotate(-10deg); }\r\n}\r\n\r\n\r\n#bnet-home-wrap .posts-slider-container {\r\n  display: flex;\r\n  gap: 16px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  padding-bottom: 24px;\r\n  -webkit-overflow-scrolling: touch;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(17,24,39,.15) transparent;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar {\r\n  height: 6px;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar-thumb {\r\n  background-color: rgba(17,24,39,.15);\r\n  border-radius: 999px;\r\n}\r\n#bnet-home-wrap .posts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n#bnet-home-wrap .post-card {\r\n  flex: 0 0 280px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.05);\r\n  border-radius: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n  height: 100%;\r\n}\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .post-card {\r\n    flex: 0 0 320px;\r\n  }\r\n}\r\n#bnet-home-wrap .post-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 18px 34px rgba(0,0,0,.08);\r\n}\r\n#bnet-home-wrap .post-thumb {\r\n  width: 100%;\r\n  height: 160px;\r\n  object-fit: cover;\r\n  background: #f3f4f6;\r\n}\r\n#bnet-home-wrap .post-content {\r\n  padding: 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n#bnet-home-wrap .post-date {\r\n  font-size: 12px;\r\n  color: #6b7280;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n#bnet-home-wrap .post-title {\r\n  margin: 0 0 8px;\r\n  font-size: 16px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n  color: #111827;\r\n}\r\n#bnet-home-wrap .post-excerpt {\r\n  margin: 0 0 14px;\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  flex: 1;\r\n}\r\n#bnet-home-wrap .read-more-btn {\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n#bnet-home-wrap .read-more-btn::after {\r\n  content: \"\u2190\";\r\n  transition: transform .15s ease;\r\n}\r\n#bnet-home-wrap .read-more-btn:hover::after {\r\n  transform: translateX(-4px);\r\n}\r\n@media (max-width:980px){\r\n  #bnet-home-wrap .posts-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n@media (max-width:600px){\r\n  #bnet-home-wrap .posts-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"name\": \"\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u062f\u0648\u0627\u062a - Bsolution\",\r\n  \"description\": \"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.\"\r\n}\r\n<\/script>\r\n\r\n<div id=\"bnet-home-wrap\">\r\n  <canvas id=\"particles\"><\/canvas>\r\n  <div id=\"cursorCircle\"><\/div>\r\n\r\n  <div class=\"page-shell\">\r\n    <section class=\"hero\">\r\n      <div class=\"center-wrapper\">\r\n        <div class=\"logo-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/bsolution.me\/\u05dc\u05d5\u05d2\u05d5 PNG.png\" alt=\"Bsolution\" class=\"logo\" id=\"mainLogoTrigger\" data-bsolution-tools-trigger=\"true\">\r\n        <\/div>\r\n\r\n        <div class=\"logo-cta\">\r\n          <div class=\"click-badge\">\r\n            <span class=\"hand\">\ud83d\udc46<\/span>\r\n            <span>\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0639\u0627\u0631 \u0644\u0641\u062a\u062d \u0642\u0627\u0626\u0645\u0629 \u0645\u0641\u062a\u0627\u062d \u0627\u0644\u0631\u0628\u0637<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"hero-title\">\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution<\/h2>\r\n          <p class=\"hero-subtitle\">\r\n            \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0639\u0627\u0631 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u0648\u0627\u0641\u062a\u062d \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0633\u0631\u064a\u0639 \u0625\u0644\u0649 \u0627\u0644\u0639\u0634\u0631\u0627\u062a \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0648\u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u064a\u062d\u0629 \u0644\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f.\r\n          <\/p>\r\n\r\n          <div class=\"hero-actions\">\r\n            \r\n            <button class=\"hero-btn primary\" id=\"openMenuBtn\" type=\"button\" data-bsolution-tools-trigger=\"true\">\u0641\u062a\u062d \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/button>\r\n            <a class=\"hero-btn secondary\" href=\"#about-site\">\u0627\u0643\u062a\u0634\u0641 \u0645\u0627 \u0647\u0648 \u0645\u0648\u062c\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section\" id=\"about-site\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card about-card\">\r\n          <div class=\"section-kicker\">\u2728 \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0646\u062a\u0638\u0631\u0643 \u0647\u0646\u0627<\/div>\r\n          <h2 class=\"section-title\">\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0648\u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/h2>\r\n          <p class=\"section-text\">\r\n            \u064a\u0642\u062f\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u0648\u0642\u064a\u0646 \u0648\u0627\u0644\u0645\u0628\u062f\u0639\u064a\u0646 \u0648\u0627\u0644\u0646\u0627\u0634\u0631\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0628 \u0648\u0627\u0644\u0645\u0648\u0644\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0639\u0627\u062f\u064a.\r\n          <\/p>\r\n\r\n          <div class=\"stats-grid\">\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\" \u062f\u0648\u0646 \u0645\u0642\u0627\u0628\u0644 \"<\/div>\r\n              <div class=\"stat-label\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0631\u064a\u062d \u0644\u0644\u0645\u062a\u0635\u0641\u062d<\/div>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u0623\u0633\u0631\u0639\u0648\u0627!<\/div>\r\n              <div class=\"stat-label\">\u0627\u0646\u0642\u0631 \u0648\u0627\u0633\u062a\u062e\u062f\u0645 \u0648\u0633\u062c\u0644 \u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f<\/div>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">(\u0646\u0648\u0627\u0647)<\/div>\r\n              <div class=\"stat-label\">\u0648\u0627\u062c\u0647\u0629 \u0648\u0627\u0636\u062d\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0634\u062e\u0635\u064a<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83d\udd17<\/div>\r\n              <h3 class=\"feature-title\">\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639<\/h3>\r\n              <p class=\"feature-text\">\u0631\u0628\u0637 \u0627\u0644\u0645\u0648\u0644\u062f\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0644\u0645\u0627\u062a \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83e\uddee<\/div>\r\n              <h3 class=\"feature-title\">\u0627\u0644\u0622\u0644\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642<\/h3>\r\n              <p class=\"feature-text\">\u0623\u062f\u0648\u0627\u062a \u0644\u0644\u062d\u0633\u0627\u0628 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0633\u0631\u064a\u0639 \u0641\u064a \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83d\udcc4<\/div>\r\n              <h3 class=\"feature-title\">\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3>\r\n              <p class=\"feature-text\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621 \u0648\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section tools-section\" id=\"popular-tools\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card tools-card\">\r\n          <div class=\"tools-header\">\r\n            <div>\r\n              <div class=\"section-kicker\">\ud83d\udd25 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/div>\r\n              <h2 class=\"section-title\">\u0623\u0632\u0631\u0627\u0631 \u0633\u0631\u064a\u0639\u0629 \u0644\u0623\u062f\u0648\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u0641\u064a\u062f\u0629<\/h2>\r\n            <\/div>\r\n            <p>\r\n              \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0627\u062e\u062a\u0635\u0627\u0631\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0628\u0639\u0636 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639. \u064a\u0645\u0643\u0646\u0643 \u0623\u064a\u0636\u064b\u0627 \u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0645\u0646 \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"tools-grid\" id=\"quickToolsGrid\">\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ar\/fuel-calculator\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\ude93<\/div>\r\n                <h3 class=\"tool-name\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0648\u0642\u0648\u062f<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ar\/pdf-splitter\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\u2702\ufe0f<\/div>\r\n                <h3 class=\"tool-name\">\u0645\u0642\u0633\u0645 \u0645\u0644\u0641\u0627\u062a PDF &#8211; \u062a\u0642\u0633\u064a\u0645 PDF \u0625\u0644\u0649 \u0635\u0641\u062d\u0627\u062a \u0648\u0645\u0644\u0641\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ar\/flip-image\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\udd04<\/div>\r\n                <h3 class=\"tool-name\">\u0623\u062f\u0627\u0629 \u0642\u0644\u0628 \u0627\u0644\u0635\u0648\u0631<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ar\/paint-calculator-2\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83c\udfa8<\/div>\r\n                <h3 class=\"tool-name\">\ud83c\udfa8 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0644\u0627\u0621 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card hidden-mobile\" href=\"https:\/\/bsolution.me\/ar\/weight-converter\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\u2696\ufe0f<\/div>\r\n                <h3 class=\"tool-name\">\u0645\u062d\u0648\u0644 \u0627\u0644\u0623\u0648\u0632\u0627\u0646 &#8211; \u062a\u062d\u0648\u064a\u0644 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0648\u0632\u0646<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                      <\/div>\r\n\r\n          <div class=\"tools-footer\">\r\n            <button class=\"all-tools-btn\" type=\"button\" data-bsolution-tools-trigger=\"true\">\ud83e\uddf0 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/button>\r\n            <button class=\"show-more-tools\" id=\"showMoreToolsBtn\" type=\"button\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f \u25be<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section featured-posts-section\" id=\"featured-posts\" style=\"padding-bottom:120px;\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card tools-card\">\r\n          <div class=\"tools-header\">\r\n            <div>\r\n              <div class=\"section-kicker\">\u2b50 \u0645\u0648\u0635\u0649 \u0628\u0647<\/div>\r\n              <h2 class=\"section-title\">\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0642\u0631\u0627\u0621\u062a\u0647\u0627 \u0628\u0628\u0633\u0627\u0637\u0629<\/h2>\r\n            <\/div>\r\n            <p>\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u062f\u0644\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0630\u064a \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 \u0644\u0643.<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"posts-grid\">\r\n            <p style=\"grid-column: 1 \/ -1; text-align: center; color: #6b7280; padding: 20px;\">\u0644\u062a\u0638\u0647\u0631 \u0645\u0642\u0627\u0644\u0627\u062a\u0643 \u0647\u0646\u0627\u060c \u0642\u0645 \u0628\u0632\u064a\u0627\u0631\u0629 \u0623\u062d\u062f \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0631\u062f\u0628\u0631\u0633 (\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a) \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0623\u0636\u0641 \u0639\u0644\u0627\u0645\u0629 <b>\u0645\u0645\u064a\u0632\u0629<\/b>.<\/p>          <\/div>\r\n          \r\n          \r\n          <div class=\"recent-text-links\" style=\"margin-top:24px; padding-top:18px; border-top:1px solid rgba(17,24,39,.08);\">\r\n            <h4 style=\"font-size:14px; font-weight:800; color:#111827; margin:0 0 10px;\">\u0623\u062d\u062f\u062b \u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u062f\u0648\u0646\u0629:<\/h4>\r\n            <div style=\"display:flex; flex-wrap:wrap; gap:14px; font-size:13px;\">\r\n                          <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"content-section final-action-section\" id=\"auto-trigger-menu\" style=\"min-height: 80vh;\">\r\n      <div class=\"center-wrapper\" style=\"text-align:center;\">\r\n        <div class=\"bottom-logo\" style=\"margin-bottom:20px; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease-out; transform: translateY(60px); opacity: 0;\">\r\n          <img decoding=\"async\" src=\"http:\/\/bsolution.me\/\u05dc\u05d5\u05d2\u05d5 PNG.png\" alt=\"Bsolution\" style=\"width:160px; filter: drop-shadow(0 10px 24px rgba(0,0,0,.12)); border-radius:18px;\">\r\n        <\/div>\r\n        <h2 style=\"font-size:22px; font-weight:800; color:#111827;\">\u064a\u0641\u062a\u062d \u0642\u0627\u0626\u0645\u0629 \u0645\u0641\u062a\u0627\u062d \u0627\u0644\u0631\u0628\u0637...<\/h2>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \r\n  const wrap = document.getElementById('bnet-home-wrap');\r\n  if(!wrap) return;\r\n\r\n  \r\n  const canvas = wrap.querySelector('#particles');\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  function resizeCanvas(){\r\n    \r\n    canvas.width = wrap.clientWidth || window.innerWidth;\r\n    canvas.height = wrap.clientHeight || window.innerHeight;\r\n  }\r\n  resizeCanvas();\r\n  \r\n  const observer = new ResizeObserver(() => resizeCanvas());\r\n  observer.observe(wrap);\r\n\r\n  let particles = [];\r\n  class Particle {\r\n    constructor(){ this.reset(true); }\r\n    reset(init=false){\r\n      this.x = Math.random() * canvas.width;\r\n      this.y = Math.random() * canvas.height;\r\n      this.size = Math.random() * 3 + 1;\r\n      this.speedX = (Math.random() - .5) * 1.5;\r\n      this.speedY = (Math.random() - .5) * 1.5;\r\n      if(!init && this.size <= .2) this.size = Math.random() * 3 + 1;\r\n    }\r\n    update(){\r\n      this.x += this.speedX;\r\n      this.y += this.speedY;\r\n      if(this.size > .2) this.size -= .02;\r\n    }\r\n    draw(){\r\n      ctx.fillStyle = '#000';\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fill();\r\n    }\r\n  }\r\n  function initParticles(){\r\n    particles = [];\r\n    for(let i=0; i<150; i++) particles.push(new Particle());\r\n  }\r\n  function animateParticles(){\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    particles.forEach((p, i) => {\r\n      p.update();\r\n      p.draw();\r\n      if(p.size <= .2) particles[i] = new Particle();\r\n    });\r\n    requestAnimationFrame(animateParticles);\r\n  }\r\n  initParticles();\r\n  animateParticles();\r\n\r\n  \r\n  const cursorCircle = wrap.querySelector('#cursorCircle');\r\n  let lastX = window.innerWidth \/ 2;\r\n  let lastY = window.innerHeight \/ 2;\r\n  let circleSize = 40;\r\n\r\n  function updateCursor(x, y){\r\n    const dx = x - lastX;\r\n    const dy = y - lastY;\r\n    const speed = Math.sqrt(dx*dx + dy*dy);\r\n    circleSize = Math.min(100, Math.max(40, speed * 3));\r\n    cursorCircle.style.width = circleSize + 'px';\r\n    cursorCircle.style.height = circleSize + 'px';\r\n    cursorCircle.style.left = (x - circleSize\/2 - circleSize*0.2) + 'px';\r\n    cursorCircle.style.top = (y - circleSize\/2 - circleSize*0.2) + 'px';\r\n    lastX = x;\r\n    lastY = y;\r\n  }\r\n\r\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    wrap.addEventListener('mouseenter', () => {\r\n        cursorCircle.style.display = 'block';\r\n    });\r\n    wrap.addEventListener('mouseleave', () => {\r\n        cursorCircle.style.display = 'none';\r\n    });\r\n    wrap.addEventListener('mousemove', e => {\r\n        updateCursor(e.clientX, e.clientY);\r\n    }, { passive: true });\r\n  }\r\n\r\n  \r\n  const logo = wrap.querySelector('.logo');\r\n  const logoWrapper = wrap.querySelector('.logo-wrapper');\r\n\r\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    logo.addEventListener('mousemove', e => {\r\n      const rect = logo.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const cx = rect.width \/ 2;\r\n      const cy = rect.height \/ 2;\r\n      const rotateX = ((y - cy) \/ cy) * -10;\r\n      const rotateY = ((x - cx) \/ cx) * 10;\r\n      logo.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n      logoWrapper.style.transform = `rotateY(${rotateY*0.2}deg) rotateX(${rotateX*0.2}deg)`;\r\n    });\r\n\r\n    logo.addEventListener('mouseleave', () => {\r\n      logo.style.transform = '';\r\n      logoWrapper.style.transform = 'none';\r\n    });\r\n  }\r\n\r\n  \r\n  const mainLogoTrigger = wrap.querySelector('#mainLogoTrigger');\r\n  function triggerMenuOpen(){\r\n    if (mainLogoTrigger) {\r\n      mainLogoTrigger.style.animation = 'none';\r\n      setTimeout(() => {\r\n        mainLogoTrigger.style.animation = 'logoNudge 5.2s ease-in-out infinite';\r\n      }, 3500);\r\n    }\r\n  }\r\n  \r\n  const triggers = wrap.querySelectorAll('[data-bsolution-tools-trigger=\"true\"]');\r\n  triggers.forEach(el => el.addEventListener('click', triggerMenuOpen));\r\n\r\n  \r\n  const showMoreBtn = wrap.querySelector('#showMoreToolsBtn');\r\n  if (showMoreBtn) {\r\n    showMoreBtn.addEventListener('click', () => {\r\n      const hiddenCards = wrap.querySelectorAll('.tool-card.hidden-mobile:not(.shown)');\r\n      hiddenCards.forEach(c => c.classList.add('shown'));\r\n      showMoreBtn.style.display = 'none';\r\n      \/\/ Recalculate section bounds for intersection observer after expanding\r\n      setTimeout(() => {\r\n        const parentSec = showMoreBtn.closest('section');\r\n        if (parentSec) sectionObserver.observe(parentSec);\r\n      }, 300);\r\n    });\r\n  }\r\n\r\n  \r\n  const sections = wrap.querySelectorAll('section');\r\n  let menuTriggered = false; \r\n\r\n  \r\n  const isDesktop = window.matchMedia('(min-width: 980px)').matches;\r\n  const sectionObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-inview');\r\n        \r\n        \r\n        if (entry.target.id === 'auto-trigger-menu') {\r\n          const bottomLogo = entry.target.querySelector('.bottom-logo');\r\n          if (bottomLogo) {\r\n            bottomLogo.style.opacity = '1';\r\n            bottomLogo.style.transform = 'translateY(0)';\r\n          }\r\n          \r\n          if (!menuTriggered) {\r\n            menuTriggered = true;\r\n            setTimeout(() => {\r\n                const globalTrigger = document.querySelector('[data-bsolution-tools-trigger=\"true\"]');\r\n                if (globalTrigger) {\r\n                    globalTrigger.click(); \r\n                }\r\n            }, 600); \r\n          }\r\n        }\r\n\r\n      } else {\r\n        if (entry.target.id === 'auto-trigger-menu') {\r\n          const bottomLogo = entry.target.querySelector('.bottom-logo');\r\n          if (bottomLogo) {\r\n            bottomLogo.style.opacity = '0';\r\n            bottomLogo.style.transform = 'translateY(60px)';\r\n          }\r\n          menuTriggered = false;\r\n        }\r\n      }\r\n    });\r\n  }, {\r\n    root: isDesktop ? wrap : null, \r\n    threshold: 0.1\r\n  });\r\n\r\n  sections.forEach(sec => sectionObserver.observe(sec));\r\n\r\n})();\r\n<\/script>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution","_yoast_wpseo_metadesc":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.","footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution<\/title>\n<meta name=\"description\" content=\"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsolution.me\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsolution.me\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0623\u062f\u0648\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-22T08:57:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/\",\"name\":\"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/#website\"},\"datePublished\":\"2026-09-21T14:43:24+00:00\",\"dateModified\":\"2026-09-22T08:57:48+00:00\",\"description\":\"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsolution.me\\\/ar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/#website\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/\",\"name\":\"\u0623\u062f\u0648\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsolution.me\\\/ar\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution","description":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsolution.me\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution","og_description":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.","og_url":"https:\/\/bsolution.me\/ar\/","og_site_name":"\u0623\u062f\u0648\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644","article_modified_time":"2026-09-22T08:57:48+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsolution.me\/ar\/","url":"https:\/\/bsolution.me\/ar\/","name":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 - bSolution","isPartOf":{"@id":"https:\/\/bsolution.me\/ar\/#website"},"datePublished":"2026-09-21T14:43:24+00:00","dateModified":"2026-09-22T08:57:48+00:00","description":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a Bsolution. \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.","breadcrumb":{"@id":"https:\/\/bsolution.me\/ar\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsolution.me\/ar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsolution.me\/ar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsolution.me\/ar\/"},{"@type":"ListItem","position":2,"name":"\u0645\u0631\u0643\u0632 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629"}]},{"@type":"WebSite","@id":"https:\/\/bsolution.me\/ar\/#website","url":"https:\/\/bsolution.me\/ar\/","name":"\u0623\u062f\u0648\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsolution.me\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":3,"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/pages\/23\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/bsolution.me\/ar\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}