{"id":15454,"date":"2026-09-06T12:41:05","date_gmt":"2026-09-06T09:11:05","guid":{"rendered":"https:\/\/mabato.ir\/?page_id=15454"},"modified":"2026-09-07T15:04:18","modified_gmt":"2026-09-07T11:34:18","slug":"support","status":"publish","type":"page","link":"https:\/\/mabato.ir\/?page_id=15454","title":{"rendered":"\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15454\" class=\"elementor elementor-15454\">\n\t\t\t\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-8390831 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"8390831\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b5587bb\" data-id=\"b5587bb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-9478464 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"9478464\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4316df5\" data-id=\"4316df5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-899fa64 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"899fa64\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6fa6136\" data-id=\"6fa6136\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-16960e1 elementor-widget elementor-widget-html\" data-id=\"16960e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"support-hero\" dir=\"rtl\">\r\n  <style>\r\n.support-hero {\r\n  background: #0a0f1c;\r\n  padding: 100px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #fff;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 - \u0627\u06cc\u0646 \u06f4 \u062e\u0637 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0642\u0633\u0645\u062a \u0647\u0633\u062a\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .support-hero * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .support-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 50px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Content *\/\r\n    .support-content {\r\n      flex: 1;\r\n      max-width: 540px;\r\n    }\r\n\r\n    .support-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(59, 130, 246, 0.12);\r\n      border: 1px solid rgba(59, 130, 246, 0.3);\r\n      color: #60a5fa;\r\n      padding: 8px 18px;\r\n      border-radius: 50px;\r\n      font-size: 0.9rem;\r\n      font-weight: 500;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .support-badge svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    .support-title {\r\n      font-size: 2.4rem;\r\n      font-weight: 800;\r\n      line-height: 1.4;\r\n      margin: 0 0 18px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .support-desc {\r\n      font-size: 1.05rem;\r\n      line-height: 1.9;\r\n      color: #94a3b8;\r\n      margin: 0 0 28px;\r\n    }\r\n\r\n    .support-buttons {\r\n      display: flex;\r\n      gap: 14px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 36px;\r\n    }\r\n\r\n    .btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: #3b82f6;\r\n      color: #fff;\r\n      padding: 14px 26px;\r\n      border-radius: 12px;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      background: #2563eb;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4);\r\n    }\r\n\r\n    .btn-secondary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: transparent;\r\n      color: #e2e8f0;\r\n      padding: 14px 26px;\r\n      border-radius: 12px;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      transition: all 0.3s ease;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n      border-color: #3b82f6;\r\n      color: #60a5fa;\r\n      background: rgba(59, 130, 246, 0.08);\r\n    }\r\n\r\n    .support-bottom {\r\n      display: flex;\r\n      gap: 28px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .support-bottom-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 0.95rem;\r\n      color: #94a3b8;\r\n    }\r\n\r\n    .support-bottom-item svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      color: #60a5fa;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Visual Side *\/\r\n    .support-visual {\r\n      flex: 1;\r\n      position: relative;\r\n      height: 420px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Monitor *\/\r\n    .monitor {\r\n      width: 380px;\r\n      height: 260px;\r\n      background: #1e293b;\r\n      border-radius: 12px 12px 4px 4px;\r\n      border: 4px solid #334155;\r\n      position: relative;\r\n      z-index: 2;\r\n      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .monitor-screen {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(160deg, #0f172a, #1e293b);\r\n      padding: 16px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n\r\n    .monitor-topbar {\r\n      display: flex;\r\n      gap: 6px;\r\n      margin-bottom: 2px;\r\n    }\r\n\r\n    .monitor-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #475569;\r\n    }\r\n    .monitor-dot:nth-child(1) { background: #ef4444; }\r\n    .monitor-dot:nth-child(2) { background: #eab308; }\r\n    .monitor-dot:nth-child(3) { background: #22c55e; }\r\n\r\n    .monitor-header {\r\n      height: 26px;\r\n      background: rgba(59, 130, 246, 0.18);\r\n      border-radius: 6px;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 0 12px;\r\n    }\r\n\r\n    .monitor-header-line {\r\n      height: 8px;\r\n      width: 45%;\r\n      background: rgba(96, 165, 250, 0.45);\r\n      border-radius: 4px;\r\n    }\r\n\r\n    .monitor-body {\r\n      flex: 1;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.4fr;\r\n      gap: 10px;\r\n    }\r\n\r\n    .monitor-sidebar {\r\n      background: rgba(30, 41, 59, 0.7);\r\n      border-radius: 8px;\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      padding: 10px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .sidebar-item {\r\n      height: 12px;\r\n      background: rgba(148, 163, 184, 0.2);\r\n      border-radius: 4px;\r\n    }\r\n\r\n    .sidebar-item.active {\r\n      background: rgba(59, 130, 246, 0.35);\r\n      width: 80%;\r\n    }\r\n\r\n    .monitor-main {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .main-card {\r\n      flex: 1;\r\n      background: rgba(30, 41, 59, 0.7);\r\n      border-radius: 8px;\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .monitor-stand {\r\n      width: 80px;\r\n      height: 18px;\r\n      background: #334155;\r\n      margin: 0 auto;\r\n      border-radius: 0 0 6px 6px;\r\n    }\r\n\r\n    .monitor-base {\r\n      width: 140px;\r\n      height: 8px;\r\n      background: #475569;\r\n      margin: 0 auto;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    \/* Floating Icons with labels *\/\r\n    .float-item {\r\n      position: absolute;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 8px;\r\n      z-index: 5;\r\n      animation: float 5s ease-in-out infinite;\r\n    }\r\n\r\n    .float-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      background: #1e293b;\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #60a5fa;\r\n      border: 1px solid rgba(59, 130, 246, 0.3);\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .float-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    .float-label {\r\n      font-size: 0.8rem;\r\n      color: #94a3b8;\r\n      background: rgba(15, 23, 42, 0.85);\r\n      padding: 4px 10px;\r\n      border-radius: 20px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .float-1 { top: 10px; right: 20px; animation-delay: 0s; }\r\n    .float-2 { top: 30px; left: 10px; animation-delay: 1s; }\r\n    .float-3 { bottom: 80px; left: 0; animation-delay: 2s; }\r\n    .float-4 { bottom: 40px; right: 10px; animation-delay: 3s; }\r\n    .float-5 { top: 160px; right: -10px; animation-delay: 4s; }\r\n\r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    \/* Big Shield *\/\r\n    .big-shield {\r\n      position: absolute;\r\n      bottom: 20px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 70px;\r\n      height: 70px;\r\n      background: rgba(59, 130, 246, 0.15);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #60a5fa;\r\n      border: 2px solid rgba(59, 130, 246, 0.4);\r\n      z-index: 3;\r\n      box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);\r\n    }\r\n\r\n    .big-shield svg {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n    \/* Glow *\/\r\n    .support-glow {\r\n      position: absolute;\r\n      width: 500px;\r\n      height: 500px;\r\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.12), transparent 70%);\r\n      top: 50%;\r\n      left: 25%;\r\n      transform: translate(-50%, -50%);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .support-container {\r\n        flex-direction: column-reverse;\r\n        text-align: center;\r\n        gap: 50px;\r\n      }\r\n\r\n      .support-content {\r\n        max-width: 100%;\r\n      }\r\n\r\n      .support-title {\r\n        font-size: 2rem;\r\n      }\r\n\r\n      .support-buttons {\r\n        justify-content: center;\r\n      }\r\n\r\n      .support-bottom {\r\n        justify-content: center;\r\n      }\r\n\r\n      .support-visual {\r\n        height: 360px;\r\n        width: 100%;\r\n      }\r\n\r\n      .monitor {\r\n        width: 320px;\r\n        height: 220px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n      .support-hero {\r\n        padding: 70px 16px;\r\n      }\r\n\r\n      .support-title {\r\n        font-size: 1.65rem;\r\n      }\r\n\r\n      .btn-primary,\r\n      .btn-secondary {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n\r\n      .monitor {\r\n        width: 280px;\r\n        height: 190px;\r\n      }\r\n\r\n      .float-label {\r\n        display: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"support-glow\"><\/div>\r\n\r\n  <div class=\"support-container\">\r\n\r\n    <!-- Content -->\r\n    <div class=\"support-content\">\r\n      <div class=\"support-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n        <\/svg>\r\n        \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a \u0648\u0631\u062f\u067e\u0631\u0633\u06cc\r\n      <\/div>\r\n\r\n      <h1 class=\"support-title\">\r\n        \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u062a\u0627\u0646 \u0631\u0627<br>\r\n        \u0628\u0647 \u06cc\u06a9 \u062a\u06cc\u0645 \u0628\u0633\u067e\u0627\u0631\u06cc\u062f\u060c<br>\r\n        \u0646\u0647 \u0628\u0647 \u06cc\u06a9 \u0641\u0631\u062f.\r\n      <\/h1>\r\n\r\n      <p class=\"support-desc\">\r\n        \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u060c \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0633\u062a\u0645\u0631 \u0648\u0628\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633\u06cc \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u06cc\u06a9 \u0633\u0631\u0648\u06cc\u0633 \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627\u060c \u067e\u0627\u0633\u062e\u06af\u0648 \u0648 \u0631\u0633\u0645\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f.\r\n      <\/p>\r\n\r\n      <div class=\"support-buttons\">\r\n        <a href=\"#\" class=\"btn-primary\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0631\u0631\u0633\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a<\/a>\r\n        <a href=\"#\" class=\"btn-secondary\">\r\n          \u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" width=\"18\" height=\"18\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" \/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"support-bottom\">\r\n        <div class=\"support-bottom-item\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\" \/>\r\n          <\/svg>\r\n          \u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635\r\n        <\/div>\r\n        <div class=\"support-bottom-item\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n          <\/svg>\r\n          \u067e\u0627\u0633\u062e\u06af\u0648 \u0648 \u0645\u062a\u0639\u0647\u062f\r\n        <\/div>\r\n        <div class=\"support-bottom-item\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" \/>\r\n          <\/svg>\r\n          \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0648 \u0635\u0648\u0631\u062a\u200c\u062d\u0633\u0627\u0628 \u0631\u0633\u0645\u06cc\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Visual -->\r\n    <div class=\"support-visual\">\r\n\r\n      <!-- Floating Items -->\r\n      <div class=\"float-item float-1\">\r\n        <div class=\"float-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"float-label\">\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"float-item float-2\">\r\n        <div class=\"float-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"float-label\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"float-item float-3\">\r\n        <div class=\"float-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"float-label\">\u067e\u0627\u06cc\u0634 \u0648 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u06cc\u0646\u06af<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"float-item float-4\">\r\n        <div class=\"float-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"float-label\">\u0627\u0645\u0646\u06cc\u062a<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"float-item float-5\">\r\n        <div class=\"float-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"float-label\">\u0628\u06a9\u0627\u067e \u0645\u0646\u0638\u0645<\/span>\r\n      <\/div>\r\n\r\n      <!-- Monitor -->\r\n      <div>\r\n        <div class=\"monitor\">\r\n          <div class=\"monitor-screen\">\r\n            <div class=\"monitor-topbar\">\r\n              <div class=\"monitor-dot\"><\/div>\r\n              <div class=\"monitor-dot\"><\/div>\r\n              <div class=\"monitor-dot\"><\/div>\r\n            <\/div>\r\n            <div class=\"monitor-header\">\r\n              <div class=\"monitor-header-line\"><\/div>\r\n            <\/div>\r\n            <div class=\"monitor-body\">\r\n              <div class=\"monitor-sidebar\">\r\n                <div class=\"sidebar-item active\"><\/div>\r\n                <div class=\"sidebar-item\"><\/div>\r\n                <div class=\"sidebar-item\"><\/div>\r\n                <div class=\"sidebar-item\"><\/div>\r\n                <div class=\"sidebar-item\"><\/div>\r\n              <\/div>\r\n              <div class=\"monitor-main\">\r\n                <div class=\"main-card\"><\/div>\r\n                <div class=\"main-card\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"monitor-stand\"><\/div>\r\n        <div class=\"monitor-base\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Big Shield -->\r\n      <div class=\"big-shield\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-e9c926b elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"e9c926b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c47bf20\" data-id=\"c47bf20\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97ad387 elementor-widget elementor-widget-html\" data-id=\"97ad387\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"responsibility-section\" dir=\"rtl\">\r\n  <style>\r\n.responsibility-section {\r\n  background: #f8fafc;\r\n  padding: 90px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #0f172a;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .responsibility-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .responsibility-container {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .responsibility-title {\r\n      text-align: center;\r\n      font-size: 1.9rem;\r\n      font-weight: 800;\r\n      margin: 0 0 50px;\r\n      color: #0f172a;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Cards Grid *\/\r\n    .responsibility-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 22px;\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .responsibility-card {\r\n      background: #ffffff;\r\n      border-radius: 16px;\r\n      padding: 28px 22px;\r\n      text-align: center;\r\n      border: 1px solid #e2e8f0;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n    }\r\n\r\n    .responsibility-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);\r\n      border-color: #bfdbfe;\r\n    }\r\n\r\n    .responsibility-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      margin: 0 auto 18px;\r\n      background: #eff6ff;\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #3b82f6;\r\n    }\r\n\r\n    .responsibility-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n    }\r\n\r\n    .responsibility-card h3 {\r\n      font-size: 1.05rem;\r\n      font-weight: 700;\r\n      margin: 0 0 10px;\r\n      color: #0f172a;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .responsibility-card p {\r\n      font-size: 0.9rem;\r\n      line-height: 1.75;\r\n      color: #64748b;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Bottom Banner *\/\r\n    .responsibility-banner {\r\n      background: #eff6ff;\r\n      border: 1px solid #bfdbfe;\r\n      border-radius: 16px;\r\n      padding: 22px 28px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      text-align: center;\r\n    }\r\n\r\n    .responsibility-banner-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n      background: #3b82f6;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .responsibility-banner-icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .responsibility-banner p {\r\n      margin: 0;\r\n      font-size: 1.05rem;\r\n      font-weight: 600;\r\n      color: #1e40af;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .responsibility-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .responsibility-title {\r\n        font-size: 1.6rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .responsibility-section {\r\n        padding: 60px 16px;\r\n      }\r\n\r\n      .responsibility-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 400px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        margin-bottom: 30px;\r\n      }\r\n\r\n      .responsibility-title {\r\n        font-size: 1.4rem;\r\n        margin-bottom: 36px;\r\n      }\r\n\r\n      .responsibility-banner {\r\n        flex-direction: column;\r\n        padding: 20px 18px;\r\n        gap: 12px;\r\n      }\r\n\r\n      .responsibility-banner p {\r\n        font-size: 0.95rem;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"responsibility-container\">\r\n\r\n    <h2 class=\"responsibility-title\">\u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062f\u0627\u0631\u06cc\u062f \u0627\u0645\u0627 \u0686\u0647 \u06a9\u0633\u06cc \u0645\u0633\u0626\u0648\u0644 \u0622\u0646 \u0627\u0633\u062a\u061f<\/h2>\r\n\r\n    <div class=\"responsibility-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"responsibility-card\">\r\n        <div class=\"responsibility-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0646\u06cc\u0627\u0632 \u0628\u0647 \u0635\u0648\u0631\u062a\u200c\u062d\u0633\u0627\u0628 \u0631\u0633\u0645\u06cc<\/h3>\r\n        <p>\u062e\u062f\u0645\u0627\u062a \u0648\u0628 \u0628\u0627\u06cc\u062f \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a \u0642\u0627\u0628\u0644 \u062b\u0628\u062a \u0648 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc \u0628\u0627\u0634\u062f<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"responsibility-card\">\r\n        <div class=\"responsibility-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0646\u06af\u0631\u0627\u0646 \u0627\u0645\u0646\u06cc\u062a \u0648 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc<\/h3>\r\n        <p>\u0648\u0631\u062f\u067e\u0631\u0633\u060c \u0642\u0627\u0644\u0628 \u0648 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u0633\u062a\u0645\u0631 \u0647\u0633\u062a\u0646\u062f<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"responsibility-card\">\r\n        <div class=\"responsibility-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0647\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u06a9\u0648\u0686\u06a9\u06cc \u062f\u0631\u062f\u0633\u0631 \u0627\u0633\u062a<\/h3>\r\n        <p>\u062a\u063a\u06cc\u06cc\u0631 \u0645\u062d\u062a\u0648\u0627\u060c \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0647 \u06cc\u0627 \u0631\u0641\u0639 \u062e\u0637\u0627 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0646\u06cc\u0631\u0648\u06cc \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"responsibility-card\">\r\n        <div class=\"responsibility-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0637\u0631\u0627\u062d \u0633\u0627\u06cc\u062a \u062f\u06cc\u06af\u0631 \u067e\u0627\u0633\u062e\u06af\u0648 \u0646\u06cc\u0633\u062a<\/h3>\r\n        <p>\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0637\u0631\u0627\u062d \u0642\u0628\u0644\u06cc \u062f\u0634\u0648\u0627\u0631 \u0627\u0633\u062a \u06cc\u0627 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0645\u0646\u0627\u0633\u0628\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Banner -->\r\n    <div class=\"responsibility-banner\">\r\n      <div class=\"responsibility-banner-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <p>\u0645\u0627\u0628\u0627\u062a\u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0648\u0627\u062d\u062f \u0641\u0646\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a \u0634\u0645\u0627 \u0628\u0627\u0634\u062f\u061b \u06cc\u06a9 \u062a\u06cc\u0645 \u0647\u0645\u0631\u0627\u0647\u060c \u067e\u0627\u0633\u062e\u06af\u0648 \u0648 \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-68e1c96 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"68e1c96\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ef6cf5\" data-id=\"2ef6cf5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7747da elementor-widget elementor-widget-html\" data-id=\"f7747da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"support-plans\" dir=\"rtl\">\r\n  <style>\r\n.support-plans {\r\n  background: #0f172a;\r\n  padding: 90px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #fff;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .support-plans * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .support-plans-container {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* Top Title *\/\r\n    .plans-top-title {\r\n      text-align: center;\r\n      font-size: 1.8rem;\r\n      font-weight: 800;\r\n      margin: 0 0 40px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    \/* Care Grid *\/\r\n    .care-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(6, 1fr);\r\n      gap: 16px;\r\n      margin-bottom: 70px;\r\n    }\r\n\r\n    .care-item {\r\n      background: #1e293b;\r\n      border-radius: 14px;\r\n      padding: 24px 14px;\r\n      text-align: center;\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .care-item:hover {\r\n      background: #243044;\r\n      border-color: rgba(59, 130, 246, 0.3);\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .care-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      margin: 0 auto 14px;\r\n      background: rgba(59, 130, 246, 0.12);\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #60a5fa;\r\n    }\r\n\r\n    .care-icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .care-item h4 {\r\n      font-size: 0.9rem;\r\n      font-weight: 700;\r\n      margin: 0 0 8px;\r\n      color: #f1f5f9;\r\n    }\r\n\r\n    .care-item p {\r\n      font-size: 0.78rem;\r\n      line-height: 1.6;\r\n      color: #94a3b8;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Plans Title *\/\r\n    .plans-title {\r\n      text-align: center;\r\n      font-size: 1.7rem;\r\n      font-weight: 800;\r\n      margin: 0 0 40px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    \/* Pricing Grid *\/\r\n    .pricing-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .pricing-card {\r\n      background: #1e293b;\r\n      border-radius: 18px;\r\n      padding: 32px 26px;\r\n      border: 1px solid rgba(255, 255, 255, 0.07);\r\n      position: relative;\r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .pricing-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .pricing-card.recommended {\r\n      border-color: #3b82f6;\r\n      background: linear-gradient(180deg, #1e293b 0%, #172033 100%);\r\n    }\r\n\r\n    .pricing-card.basic {\r\n      border-color: rgba(249, 115, 22, 0.4);\r\n    }\r\n\r\n    .pricing-badge {\r\n      position: absolute;\r\n      top: -12px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: #3b82f6;\r\n      color: #fff;\r\n      font-size: 0.78rem;\r\n      font-weight: 600;\r\n      padding: 5px 16px;\r\n      border-radius: 20px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .pricing-header {\r\n      text-align: center;\r\n      margin-bottom: 24px;\r\n      padding-bottom: 20px;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .pricing-header h3 {\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      margin: 0 0 6px;\r\n      color: #f1f5f9;\r\n    }\r\n\r\n    .pricing-header span {\r\n      font-size: 0.85rem;\r\n      color: #94a3b8;\r\n    }\r\n\r\n    .pricing-features {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0 0 28px;\r\n      flex: 1;\r\n    }\r\n\r\n    .pricing-features li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n      font-size: 0.92rem;\r\n      color: #cbd5e1;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .pricing-features li svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex-shrink: 0;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .pricing-card.basic .pricing-features li svg {\r\n      color: #f97316;\r\n    }\r\n\r\n    .pricing-card.recommended .pricing-features li svg {\r\n      color: #3b82f6;\r\n    }\r\n\r\n    .pricing-card.premium .pricing-features li svg {\r\n      color: #22c55e;\r\n    }\r\n\r\n    .pricing-price {\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .pricing-price .amount {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .pricing-price .period {\r\n      font-size: 0.9rem;\r\n      color: #94a3b8;\r\n    }\r\n\r\n    .pricing-price .custom {\r\n      font-size: 1.1rem;\r\n      font-weight: 600;\r\n      color: #e2e8f0;\r\n    }\r\n\r\n    .pricing-btn {\r\n      display: block;\r\n      text-align: center;\r\n      padding: 13px 20px;\r\n      border-radius: 10px;\r\n      font-size: 0.95rem;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .pricing-card.basic .pricing-btn {\r\n      background: rgba(249, 115, 22, 0.15);\r\n      color: #fb923c;\r\n      border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .pricing-card.basic .pricing-btn:hover {\r\n      background: #f97316;\r\n      color: #fff;\r\n    }\r\n\r\n    .pricing-card.recommended .pricing-btn {\r\n      background: #3b82f6;\r\n      color: #fff;\r\n    }\r\n\r\n    .pricing-card.recommended .pricing-btn:hover {\r\n      background: #2563eb;\r\n    }\r\n\r\n    .pricing-card.premium .pricing-btn {\r\n      background: rgba(34, 197, 94, 0.12);\r\n      color: #4ade80;\r\n      border: 1px solid rgba(34, 197, 94, 0.3);\r\n    }\r\n\r\n    .pricing-card.premium .pricing-btn:hover {\r\n      background: #22c55e;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* Note *\/\r\n    .plans-note {\r\n      text-align: center;\r\n      font-size: 0.85rem;\r\n      color: #64748b;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .care-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n      }\r\n\r\n      .pricing-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 400px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .support-plans {\r\n        padding: 60px 16px;\r\n      }\r\n\r\n      .care-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .plans-top-title,\r\n      .plans-title {\r\n        font-size: 1.45rem;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"support-plans-container\">\r\n\r\n    <!-- Care Section -->\r\n    <h2 class=\"plans-top-title\">\u0645\u0627 \u0627\u0632 \u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0645\u0631\u0627\u0642\u0628\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u061f<\/h2>\r\n\r\n    <div class=\"care-grid\">\r\n      <div class=\"care-item\">\r\n        <div class=\"care-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc<\/h4>\r\n        <p>\u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0645\u0634\u062e\u0635 \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062a\u0648\u0633\u0637 \u062a\u06cc\u0645 \u0645\u0627<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"care-item\">\r\n        <div class=\"care-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u0627\u0645\u0646\u06cc\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc<\/h4>\r\n        <p>\u0628\u0631\u0631\u0633\u06cc \u0627\u0645\u0646\u06cc\u062a\u060c \u0631\u0641\u0639 \u062e\u0637\u0627\u0647\u0627\u060c \u0628\u06a9\u0627\u067e \u0645\u0646\u0638\u0645 \u0648 \u067e\u0627\u06cc\u0634 \u0633\u0644\u0627\u0645\u062a \u0633\u0627\u06cc\u062a<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"care-item\">\r\n        <div class=\"care-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627<\/h4>\r\n        <p>\u062f\u0631\u062c \u0648 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0635\u0641\u062d\u0627\u062a\u060c \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"care-item\">\r\n        <div class=\"care-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0648 \u062a\u0648\u0633\u0639\u0647<\/h4>\r\n        <p>\u0627\u0646\u062c\u0627\u0645 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0648 \u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u062c\u062f\u06cc\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"care-item\">\r\n        <div class=\"care-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0633\u0627\u06cc\u062a<\/h4>\r\n        <p>\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u06a9\u0646\u062a\u0631\u0644\u200c\u0634\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633\u060c \u0642\u0627\u0644\u0628 \u0648 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"care-item\">\r\n        <div class=\"care-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z\" \/>\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0641\u0646\u06cc<\/h4>\r\n        <p>\u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0633\u0627\u06cc\u062a \u0648 \u0631\u0641\u0639 \u0645\u0634\u06a9\u0644\u0627\u062a \u0641\u0646\u06cc \u0648 \u0646\u0627\u0633\u0627\u0632\u06af\u0627\u0631\u06cc\u200c\u0647\u0627<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Plans Title -->\r\n    <h2 class=\"plans-title\">\u067e\u0644\u0646\u200c\u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0627\u0628\u0627\u062a\u0648<\/h2>\r\n\r\n    <!-- Pricing Cards -->\r\n    <div class=\"pricing-grid\">\r\n\r\n      <!-- Basic -->\r\n      <div class=\"pricing-card basic\">\r\n        <div class=\"pricing-header\">\r\n          <h3>\u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u067e\u0627\u06cc\u0647<\/h3>\r\n          <span>\u0645\u0646\u0627\u0633\u0628 \u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a\u06cc<\/span>\r\n        <\/div>\r\n        <ul class=\"pricing-features\">\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648\u0631\u062f\u067e\u0631\u0633\u060c \u0642\u0627\u0644\u0628 \u0648 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u067e\u0627\u06cc\u0634 \u0648 \u0631\u0641\u0639 \u062e\u0637\u0627\u0647\u0627\u06cc \u0641\u0646\u06cc\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u0628\u06a9\u0627\u067e \u0645\u0646\u0638\u0645 \u0648 \u0628\u0631\u0631\u0633\u06cc \u0627\u0645\u0646\u06cc\u062a\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0631 \u0633\u0627\u0639\u0627\u062a \u0627\u062f\u0627\u0631\u06cc\r\n          <\/li>\r\n        <\/ul>\r\n        <div class=\"pricing-price\">\r\n          <div class=\"amount\">\u06f1,\u06f4\u06f9\u06f0,\u06f0\u06f0\u06f0<\/div>\r\n          <div class=\"period\">\u062a\u0648\u0645\u0627\u0646 \/ \u0645\u0627\u0647<\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"pricing-btn\">\u062f\u0631\u06cc\u0627\u0641\u062a \u067e\u06cc\u0634\u0646\u0647\u0627\u062f<\/a>\r\n      <\/div>\r\n\r\n      <!-- Recommended -->\r\n      <div class=\"pricing-card recommended\">\r\n        <div class=\"pricing-badge\">\u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f<\/div>\r\n        <div class=\"pricing-header\">\r\n          <h3>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0631\u06a9\u062a\u06cc<\/h3>\r\n          <span>\u0645\u0646\u0627\u0633\u0628 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644<\/span>\r\n        <\/div>\r\n        <ul class=\"pricing-features\">\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u062a\u0645\u0627\u0645 \u062e\u062f\u0645\u0627\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u067e\u0627\u06cc\u0647\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u0627\u0646\u062c\u0627\u0645 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0648 \u062a\u0648\u0633\u0639\u0647 \u0633\u0627\u06cc\u062a\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639 \u0648 \u0627\u0648\u0644\u0648\u06cc\u062a\u200c\u0628\u0646\u062f\u06cc\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u06af\u0632\u0627\u0631\u0634 \u0645\u0627\u0647\u0627\u0646\u0647 \u0627\u0632 \u0648\u0636\u0639\u06cc\u062a \u0633\u0627\u06cc\u062a\r\n          <\/li>\r\n        <\/ul>\r\n        <div class=\"pricing-price\">\r\n          <div class=\"amount\">\u06f2,\u06f9\u06f0\u06f0,\u06f0\u06f0\u06f0<\/div>\r\n          <div class=\"period\">\u062a\u0648\u0645\u0627\u0646 \/ \u0645\u0627\u0647<\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"pricing-btn\">\u062f\u0631\u06cc\u0627\u0641\u062a \u067e\u06cc\u0634\u0646\u0647\u0627\u062f<\/a>\r\n      <\/div>\r\n\r\n      <!-- Premium -->\r\n      <div class=\"pricing-card premium\">\r\n        <div class=\"pricing-header\">\r\n          <h3>\u062a\u0648\u0633\u0639\u0647 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/h3>\r\n          <span>\u0645\u0646\u0627\u0633\u0628 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/span>\r\n        <\/div>\r\n        <ul class=\"pricing-features\">\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u062a\u0645\u0627\u0645 \u062e\u062f\u0645\u0627\u062a \u067e\u0644\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0631\u06a9\u062a\u06cc\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u062a\u0648\u0633\u0639\u0647 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 CRM \u0648 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0627 API \u0648 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\r\n            \u067e\u0646\u0644\u200c\u0647\u0627 \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\r\n          <\/li>\r\n        <\/ul>\r\n        <div class=\"pricing-price\">\r\n          <div class=\"custom\">\u0642\u06cc\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632<\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"pricing-btn\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"plans-note\">\u0642\u06cc\u0645\u062a\u200c\u0647\u0627 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0648\u062f\u0647 \u0648 \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0646\u0647\u0627\u06cc\u06cc \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-0b7469d elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"0b7469d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-477cccd\" data-id=\"477cccd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0841732 elementor-widget elementor-widget-html\" data-id=\"0841732\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"advanced-needs\" dir=\"rtl\">\r\n  <style>\r\n.advanced-needs {\r\n  background: #f8fafc;\r\n  padding: 90px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #0f172a;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .advanced-needs * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .advanced-container {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .advanced-header {\r\n      text-align: center;\r\n      max-width: 800px;\r\n      margin: 0 auto 50px;\r\n    }\r\n\r\n    .advanced-title {\r\n      font-size: 1.85rem;\r\n      font-weight: 800;\r\n      margin: 0 0 18px;\r\n      color: #0f172a;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .advanced-desc {\r\n      font-size: 1.05rem;\r\n      line-height: 1.9;\r\n      color: #64748b;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Features Grid *\/\r\n    .advanced-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .advanced-card {\r\n      background: #ffffff;\r\n      border-radius: 16px;\r\n      padding: 28px 18px;\r\n      text-align: center;\r\n      border: 1px solid #e2e8f0;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n    }\r\n\r\n    .advanced-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);\r\n      border-color: #bfdbfe;\r\n    }\r\n\r\n    .advanced-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      margin: 0 auto 16px;\r\n      background: #eff6ff;\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #3b82f6;\r\n    }\r\n\r\n    .advanced-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n    }\r\n\r\n    .advanced-card h3 {\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      margin: 0 0 10px;\r\n      color: #0f172a;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .advanced-card p {\r\n      font-size: 0.85rem;\r\n      line-height: 1.7;\r\n      color: #64748b;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .advanced-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n      }\r\n\r\n      .advanced-title {\r\n        font-size: 1.6rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .advanced-needs {\r\n        padding: 60px 16px;\r\n      }\r\n\r\n      .advanced-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 360px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .advanced-title {\r\n        font-size: 1.4rem;\r\n      }\r\n\r\n      .advanced-desc {\r\n        font-size: 0.95rem;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"advanced-container\">\r\n\r\n    <div class=\"advanced-header\">\r\n      <h2 class=\"advanced-title\">\u0648\u0642\u062a\u06cc \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u0639\u0645\u0648\u0644\u06cc \u0627\u0633\u062a<\/h2>\r\n      <p class=\"advanced-desc\">\r\n        \u06af\u0627\u0647\u06cc \u06cc\u06a9 \u0627\u0641\u0632\u0648\u0646\u0647 \u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc \u0646\u06cc\u0627\u0632 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0646\u06cc\u0633\u062a.\r\n        \u062a\u06cc\u0645 \u0641\u0646\u06cc \u0645\u0627\u0628\u0627\u062a\u0648 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u062a\u0627\u0646 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061b \u0627\u0632 \u062a\u0648\u0633\u0639\u0647 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0627\u0631\u062a\u0628\u0627\u0637 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0628\u0627 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\u060c ERP\u060c CRM \u0648 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0631 \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"advanced-grid\">\r\n\r\n      <!-- 1 -->\r\n      <div class=\"advanced-card\">\r\n        <div class=\"advanced-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>API Integration<\/h3>\r\n        <p>\u0627\u0631\u062a\u0628\u0627\u0637 \u0633\u0627\u06cc\u062a \u0628\u0627 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627 \u0648 \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631<\/p>\r\n      <\/div>\r\n\r\n      <!-- 2 -->\r\n      <div class=\"advanced-card\">\r\n        <div class=\"advanced-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u067e\u0646\u0644 \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/h3>\r\n        <p>\u0633\u0627\u062e\u062a \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u06af\u0631\u062f\u0634\u200c\u06a9\u0627\u0631 \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646<\/p>\r\n      <\/div>\r\n\r\n      <!-- 3 -->\r\n      <div class=\"advanced-card\">\r\n        <div class=\"advanced-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.25 9.75L16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0627\u0641\u0632\u0648\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/h3>\r\n        <p>\u062a\u0648\u0633\u0639\u0647 \u0627\u0641\u0632\u0648\u0646\u0647 \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f \u0634\u0631\u06a9\u062a \u0634\u0645\u0627<\/p>\r\n      <\/div>\r\n\r\n      <!-- 4 -->\r\n      <div class=\"advanced-card\">\r\n        <div class=\"advanced-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>WordPress \u2194 ERP<\/h3>\r\n        <p>\u062a\u0628\u0627\u062f\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u0645\u0648\u062c\u0648\u062f\u06cc\u060c \u0641\u0627\u06a9\u062a\u0648\u0631 \u0648 \u0633\u0641\u0627\u0631\u0634 \u0628\u0627 ERP<\/p>\r\n      <\/div>\r\n\r\n      <!-- 5 -->\r\n      <div class=\"advanced-card\">\r\n        <div class=\"advanced-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>WordPress \u2194 CRM<\/h3>\r\n        <p>\u062b\u0628\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0631 CRM \u0648 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-6de8947 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"6de8947\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5610b68\" data-id=\"5610b68\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9be634 elementor-widget elementor-widget-html\" data-id=\"e9be634\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"steps-section\" dir=\"rtl\">\r\n  <style>\r\n.steps-section {\r\n  background: #0f172a;\r\n  padding: 90px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #fff;\r\n  text-align: center;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .steps-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .steps-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .steps-title {\r\n      font-size: 1.9rem;\r\n      font-weight: 800;\r\n      margin: 0 0 60px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .steps-wrapper {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-start;\r\n      position: relative;\r\n      gap: 16px;\r\n    }\r\n\r\n    \/* Connecting Line *\/\r\n    .steps-wrapper::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 32px;\r\n      right: 8%;\r\n      left: 8%;\r\n      height: 3px;\r\n      background: linear-gradient(to left, #3b82f6, #60a5fa, #3b82f6);\r\n      z-index: 0;\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .step-item {\r\n      flex: 1;\r\n      max-width: 240px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .step-number {\r\n      width: 64px;\r\n      height: 64px;\r\n      background: #3b82f6;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 24px;\r\n      font-size: 1.3rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      box-shadow: 0 0 0 8px rgba(59, 130, 246, 0.15);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .step-item:hover .step-number {\r\n      transform: scale(1.08);\r\n      box-shadow: 0 0 0 10px rgba(59, 130, 246, 0.25);\r\n    }\r\n\r\n    .step-card {\r\n      background: #1e293b;\r\n      border-radius: 16px;\r\n      padding: 28px 18px 24px;\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      transition: all 0.3s ease;\r\n      height: 100%;\r\n    }\r\n\r\n    .step-item:hover .step-card {\r\n      background: #243044;\r\n      border-color: rgba(59, 130, 246, 0.35);\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .step-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      margin: 0 auto 14px;\r\n      background: rgba(59, 130, 246, 0.12);\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #60a5fa;\r\n    }\r\n\r\n    .step-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    .step-card h3 {\r\n      font-size: 1.1rem;\r\n      font-weight: 700;\r\n      margin: 0 0 10px;\r\n      color: #f1f5f9;\r\n    }\r\n\r\n    .step-card p {\r\n      font-size: 0.88rem;\r\n      line-height: 1.75;\r\n      color: #94a3b8;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n      .steps-wrapper {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 40px 20px;\r\n      }\r\n\r\n      .steps-wrapper::before {\r\n        display: none;\r\n      }\r\n\r\n      .step-item {\r\n        flex: 0 0 calc(50% - 20px);\r\n        max-width: 280px;\r\n      }\r\n\r\n      .steps-title {\r\n        font-size: 1.6rem;\r\n        margin-bottom: 40px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 550px) {\r\n      .steps-section {\r\n        padding: 60px 16px;\r\n      }\r\n\r\n      .step-item {\r\n        flex: 0 0 100%;\r\n        max-width: 340px;\r\n      }\r\n\r\n      .steps-title {\r\n        font-size: 1.4rem;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"steps-container\">\r\n    <h2 class=\"steps-title\">\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0627\u0628\u0627\u062a\u0648 \u062f\u0631 \u06f4 \u0645\u0631\u062d\u0644\u0647 \u0633\u0627\u062f\u0647<\/h2>\r\n\r\n    <div class=\"steps-wrapper\">\r\n\r\n      <!-- Step 1 -->\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">\u06f1<\/div>\r\n        <div class=\"step-card\">\r\n          <div class=\"step-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>\u0628\u0631\u0631\u0633\u06cc \u0633\u0627\u06cc\u062a<\/h3>\r\n          <p>\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0646\u0642\u0627\u0637 \u0642\u0627\u0628\u0644 \u0628\u0647\u0628\u0648\u062f \u0648 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">\u06f2<\/div>\r\n        <div class=\"step-card\">\r\n          <div class=\"step-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>\u0627\u0631\u0627\u0626\u0647 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f<\/h3>\r\n          <p>\u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632\u0647\u0627\u060c \u067e\u0644\u0646 \u0645\u0646\u0627\u0633\u0628 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0631\u0627 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">\u06f3<\/div>\r\n        <div class=\"step-card\">\r\n          <div class=\"step-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>\u0634\u0631\u0648\u0639 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/h3>\r\n          <p>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0646\u0647\u0627\u06cc\u06cc \u0634\u062f\u0647 \u0648 \u062a\u06cc\u0645 \u0645\u0627 \u0633\u0631\u0648\u06cc\u0633 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">\u06f4<\/div>\r\n        <div class=\"step-card\">\r\n          <div class=\"step-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>\u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n          <p>\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0645\u0633\u062a\u0645\u0631 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-0f682d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"0f682d6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc69d5e\" data-id=\"bc69d5e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20fde2c elementor-widget elementor-widget-html\" data-id=\"20fde2c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"why-companies\" dir=\"rtl\">\r\n  <style>\r\n.why-companies {\r\n  background: #f8fafc;\r\n  padding: 90px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #0f172a;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .why-companies * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .why-companies-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .why-companies-title {\r\n      text-align: center;\r\n      font-size: 1.85rem;\r\n      font-weight: 800;\r\n      margin: 0 0 50px;\r\n      color: #0f172a;\r\n    }\r\n\r\n    .why-companies-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .why-company-card {\r\n      background: #ffffff;\r\n      border-radius: 16px;\r\n      padding: 28px 18px;\r\n      text-align: center;\r\n      border: 1px solid #e2e8f0;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n    }\r\n\r\n    .why-company-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);\r\n      border-color: #bfdbfe;\r\n    }\r\n\r\n    .why-company-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      margin: 0 auto 16px;\r\n      background: #eff6ff;\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #3b82f6;\r\n    }\r\n\r\n    .why-company-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n    }\r\n\r\n    .why-company-card h3 {\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      margin: 0 0 10px;\r\n      color: #0f172a;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .why-company-card p {\r\n      font-size: 0.85rem;\r\n      line-height: 1.7;\r\n      color: #64748b;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .why-companies-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n      }\r\n\r\n      .why-companies-title {\r\n        font-size: 1.6rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .why-companies {\r\n        padding: 60px 16px;\r\n      }\r\n\r\n      .why-companies-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 360px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .why-companies-title {\r\n        font-size: 1.4rem;\r\n        margin-bottom: 36px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"why-companies-container\">\r\n\r\n    <h2 class=\"why-companies-title\">\u0686\u0631\u0627 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0645\u0627\u0628\u0627\u062a\u0648 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061f<\/h2>\r\n\r\n    <div class=\"why-companies-grid\">\r\n\r\n      <!-- 1 -->\r\n      <div class=\"why-company-card\">\r\n        <div class=\"why-company-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u062a\u062c\u0631\u0628\u0647 \u0648 \u062a\u062e\u0635\u0635<\/h3>\r\n        <p>\u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635 \u0648\u0631\u062f\u067e\u0631\u0633 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0628\u0627 \u0633\u0627\u0644\u200c\u0647\u0627 \u062a\u062c\u0631\u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc<\/p>\r\n      <\/div>\r\n\r\n      <!-- 2 -->\r\n      <div class=\"why-company-card\">\r\n        <div class=\"why-company-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u06af\u0632\u0627\u0631\u0634\u200c\u062f\u0647\u06cc<\/h3>\r\n        <p>\u06af\u0632\u0627\u0631\u0634 \u0645\u0646\u0638\u0645 \u0627\u0632 \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627 \u0648 \u0648\u0636\u0639\u06cc\u062a \u0648\u0628\u0633\u0627\u06cc\u062a \u0634\u0645\u0627<\/p>\r\n      <\/div>\r\n\r\n      <!-- 3 -->\r\n      <div class=\"why-company-card\">\r\n        <div class=\"why-company-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0648 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0631\u0633\u0645\u06cc<\/h3>\r\n        <p>\u0642\u0627\u0628\u0644 \u0627\u0631\u0627\u0626\u0647 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0648 \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627<\/p>\r\n      <\/div>\r\n\r\n      <!-- 4 -->\r\n      <div class=\"why-company-card\">\r\n        <div class=\"why-company-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639<\/h3>\r\n        <p>\u062a\u0639\u0647\u062f \u0628\u0647 \u0632\u0645\u0627\u0646 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0648 \u062d\u0644 \u0645\u0634\u06a9\u0644 \u062f\u0631 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646<\/p>\r\n      <\/div>\r\n\r\n      <!-- 5 -->\r\n      <div class=\"why-company-card\">\r\n        <div class=\"why-company-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.7\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u062a\u06cc\u0645 \u0628\u0647\u200c\u062c\u0627\u06cc \u0641\u0631\u062f<\/h3>\r\n        <p>\u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0647 \u06cc\u06a9 \u0646\u0641\u0631 \u0646\u06cc\u0633\u062a<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-b5e663c elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"b5e663c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b6784e9\" data-id=\"b6784e9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1bb89a elementor-widget elementor-widget-html\" data-id=\"d1bb89a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"faq-section\" dir=\"rtl\">\r\n  <style>\r\n.faq-section {\r\n  background: #0f172a;\r\n  padding: 90px 20px;\r\n  font-family: 'Vazirmatn', 'Tahoma', 'Segoe UI', sans-serif;\r\n  color: #fff;\r\n\r\n  \/* \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 *\/\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n    .faq-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .faq-container {\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .faq-title {\r\n      text-align: center;\r\n      font-size: 1.9rem;\r\n      font-weight: 800;\r\n      margin: 0 0 50px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .faq-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 16px 24px;\r\n    }\r\n\r\n    .faq-item {\r\n      background: #1e293b;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      overflow: hidden;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .faq-item:hover {\r\n      border-color: rgba(59, 130, 246, 0.3);\r\n    }\r\n\r\n    .faq-question {\r\n      width: 100%;\r\n      background: transparent;\r\n      border: none;\r\n      padding: 20px 22px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      cursor: pointer;\r\n      color: #f1f5f9;\r\n      font-family: inherit;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      text-align: right;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .faq-question:hover {\r\n      color: #60a5fa;\r\n    }\r\n\r\n    .faq-icon {\r\n      width: 28px;\r\n      height: 28px;\r\n      background: rgba(59, 130, 246, 0.12);\r\n      border-radius: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #60a5fa;\r\n      flex-shrink: 0;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .faq-icon svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .faq-item.active .faq-icon {\r\n      background: #3b82f6;\r\n      color: #fff;\r\n    }\r\n\r\n    .faq-item.active .faq-icon svg {\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .faq-answer {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.35s ease, padding 0.35s ease;\r\n    }\r\n\r\n    .faq-item.active .faq-answer {\r\n      max-height: 200px;\r\n    }\r\n\r\n    .faq-answer-inner {\r\n      padding: 0 22px 20px;\r\n      color: #94a3b8;\r\n      font-size: 0.95rem;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n      .faq-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .faq-title {\r\n        font-size: 1.6rem;\r\n        margin-bottom: 36px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .faq-section {\r\n        padding: 60px 16px;\r\n      }\r\n\r\n      .faq-question {\r\n        padding: 18px 16px;\r\n        font-size: 0.95rem;\r\n      }\r\n\r\n      .faq-answer-inner {\r\n        padding: 0 16px 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"faq-container\">\r\n    <h2 class=\"faq-title\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/h2>\r\n\r\n    <div class=\"faq-grid\">\r\n\r\n      <!-- 1 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0627\u0645\u0644 \u0686\u0647 \u062e\u062f\u0645\u0627\u062a\u06cc \u0627\u0633\u062a\u061f<\/span>\r\n          <div class=\"faq-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">????<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u0622\u06cc\u0627 \u0633\u0627\u06cc\u062a \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0634\u0631\u06a9\u062a \u062f\u06cc\u06af\u0631\u06cc \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u061f<\/span>\r\n          <div class=\"faq-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">????<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u0622\u06cc\u0627 \u0627\u0645\u06a9\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062c\u062f\u06cc\u062f \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f<\/span>\r\n          <div class=\"faq-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">????<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0633\u0627\u06cc\u062a \u0686\u06af\u0648\u0646\u0647 \u062b\u0628\u062a \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u061f<\/span>\r\n          <div class=\"faq-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">????<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 5 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u0622\u06cc\u0627 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0648 \u0635\u0648\u0631\u062a\u200c\u062d\u0633\u0627\u0628 \u0631\u0633\u0645\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\r\n          <div class=\"faq-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">????<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 6 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u0627\u06af\u0631 \u0633\u0627\u06cc\u062a \u0645\u0634\u06a9\u0644 \u0641\u0648\u0631\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0686\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\r\n          <div class=\"faq-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">????<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    document.querySelectorAll('.faq-question').forEach(button => {\r\n      button.addEventListener('click', () => {\r\n        const item = button.parentElement;\r\n        const isActive = item.classList.contains('active');\r\n\r\n        \/\/ Close all\r\n        document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\r\n\r\n        \/\/ Open clicked if it was closed\r\n        if (!isActive) {\r\n          item.classList.add('active');\r\n        }\r\n      });\r\n    });\r\n  <\/script>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a \u0648\u0631\u062f\u067e\u0631\u0633\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u062a\u0627\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u062a\u06cc\u0645 \u0628\u0633\u067e\u0627\u0631\u06cc\u062f\u060c \u0646\u0647 \u0628\u0647 \u06cc\u06a9 \u0641\u0631\u062f. \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u060c \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15454","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mabato.ir\/index.php?rest_route=\/wp\/v2\/pages\/15454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mabato.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mabato.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mabato.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mabato.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15454"}],"version-history":[{"count":10,"href":"https:\/\/mabato.ir\/index.php?rest_route=\/wp\/v2\/pages\/15454\/revisions"}],"predecessor-version":[{"id":15491,"href":"https:\/\/mabato.ir\/index.php?rest_route=\/wp\/v2\/pages\/15454\/revisions\/15491"}],"wp:attachment":[{"href":"https:\/\/mabato.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}