{"id":175,"date":"2026-07-23T12:19:08","date_gmt":"2026-07-23T08:49:08","guid":{"rendered":"https:\/\/pooladmobile.com\/?page_id=175"},"modified":"2026-09-14T17:23:58","modified_gmt":"2026-09-14T13:53:58","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c-2","status":"publish","type":"page","link":"https:\/\/pooladmobile.com\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"175\" class=\"elementor elementor-175\" data-elementor-post-type=\"page\">\n\t\t\t\t<section class=\"elementor-element elementor-element-3de698e e-con-full e-flex e-con e-parent\" data-id=\"3de698e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b59f84 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8b59f84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .polad-hero,\r\n  .polad-hero *,\r\n  .polad-hero *::before,\r\n  .polad-hero *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .polad-hero {\r\n    --blue: #2f6bff;\r\n    --blue-light: #5f8dff;\r\n    --cyan: #35d9ff;\r\n    --dark: #050a14;\r\n    --dark-2: #09111f;\r\n    --text: #f7f9ff;\r\n    --muted: #9aa8bd;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: min(820px, 92vh);\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background:\r\n      radial-gradient(circle at 72% 42%, rgba(47, 107, 255, 0.17), transparent 28%),\r\n      radial-gradient(circle at 90% 10%, rgba(53, 217, 255, 0.07), transparent 25%),\r\n      linear-gradient(115deg, #040812 0%, #07101d 52%, #050a14 100%);\r\n    color: var(--text);\r\n    font-family: inherit;\r\n  }\r\n\r\n  .polad-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 700px;\r\n    height: 700px;\r\n    right: 4%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(47, 107, 255, 0.13) 0%,\r\n      rgba(47, 107, 255, 0.05) 35%,\r\n      transparent 70%\r\n    );\r\n    filter: blur(20px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    will-change: transform;\r\n  }\r\n\r\n  .polad-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.18;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);\r\n    background-size: 70px 70px;\r\n    mask-image: linear-gradient(to right, transparent 0%, black 35%, black 100%);\r\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 35%, black 100%);\r\n  }\r\n\r\n  .polad-hero-inner {\r\n    width: min(1380px, calc(100% - 80px));\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n    align-items: center;\r\n    gap: 40px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .polad-content {\r\n    direction: rtl;\r\n    position: relative;\r\n    z-index: 10;\r\n    padding: 70px 0;\r\n  }\r\n\r\n  .polad-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 15px 9px 18px;\r\n    margin-bottom: 25px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(255, 255, 255, 0.045);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 100px;\r\n    color: #c8d4e8;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2px;\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.05),\r\n      0 10px 40px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .polad-badge-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #37e48b;\r\n    box-shadow:\r\n      0 0 0 5px rgba(55, 228, 139, 0.08),\r\n      0 0 18px rgba(55, 228, 139, 0.7);\r\n    animation: poladPulse 2s infinite;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  @keyframes poladPulse {\r\n    0%,\r\n    100% {\r\n      opacity: 0.55;\r\n      transform: scale(0.85);\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  .polad-title {\r\n    margin: 0;\r\n    max-width: 760px;\r\n    font-size: clamp(40px, 5.4vw, 82px);\r\n    line-height: 1.12;\r\n    letter-spacing: -2.5px;\r\n    font-weight: 800 !important;\r\n    color: #f8faff;\r\n  }\r\n\r\n  .polad-title .line {\r\n    display: block;\r\n  }\r\n\r\n  .polad-title .gradient {\r\n    display: inline-block;\r\n    background: linear-gradient(\r\n      100deg,\r\n      #ffffff 0%,\r\n      #75a0ff 38%,\r\n      #3d73ff 70%,\r\n      #35d9ff 100%\r\n    );\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    position: relative;\r\n  }\r\n\r\n  .polad-title-small {\r\n    display: block;\r\n    margin-top: 17px;\r\n    color: #8998ad;\r\n    font-size: clamp(14px, 1.25vw, 18px);\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .polad-description {\r\n    max-width: 610px;\r\n    margin: 28px 0 0;\r\n    color: #9eacc0;\r\n    font-size: clamp(14px, 1.15vw, 17px);\r\n    line-height: 2;\r\n    font-weight: 350;\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n  }\r\n\r\n  .polad-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-top: 36px;\r\n  }\r\n\r\n  .polad-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-height: 54px;\r\n    padding: 0 25px;\r\n    border-radius: 14px;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition:\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease,\r\n      border-color 0.3s ease,\r\n      background 0.3s ease;\r\n  }\r\n\r\n  .polad-btn:focus-visible {\r\n    outline: 2px solid #5f8dff;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  .polad-btn-primary {\r\n    color: #fff !important;\r\n    background: linear-gradient(135deg, #3973ff, #2257dc);\r\n    box-shadow:\r\n      0 14px 35px rgba(38, 91, 235, 0.28),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .polad-btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow:\r\n      0 20px 45px rgba(38, 91, 235, 0.38),\r\n      0 0 30px rgba(47, 107, 255, 0.16);\r\n  }\r\n\r\n  .polad-btn-secondary {\r\n    color: #d9e2f1 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    background: rgba(255, 255, 255, 0.035);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .polad-btn-secondary:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(90, 137, 255, 0.35);\r\n    background: rgba(255, 255, 255, 0.065);\r\n  }\r\n\r\n  .polad-arrow {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .polad-btn:hover .polad-arrow {\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  .polad-trust {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 22px;\r\n    margin-top: 35px;\r\n  }\r\n\r\n  .polad-trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #718197;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .polad-trust-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 9px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    color: #77a0ff;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .polad-trust-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    display: block;\r\n  }\r\n\r\n  .polad-visual {\r\n    position: relative;\r\n    min-height: 700px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    direction: ltr;\r\n  }\r\n\r\n  .polad-orb {\r\n    position: absolute;\r\n    width: 430px;\r\n    height: 430px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(52, 112, 255, 0.22),\r\n      rgba(52, 112, 255, 0.06) 42%,\r\n      transparent 70%\r\n    );\r\n    filter: blur(8px);\r\n    animation: orbFloat 7s ease-in-out infinite;\r\n    will-change: transform;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes orbFloat {\r\n    0%,\r\n    100% {\r\n      transform: scale(0.96) translateY(0);\r\n    }\r\n    50% {\r\n      transform: scale(1.05) translateY(-15px);\r\n    }\r\n  }\r\n\r\n  .polad-phone {\r\n    position: relative;\r\n    width: 300px;\r\n    height: 590px;\r\n    border-radius: 45px;\r\n    background: linear-gradient(145deg, #1c2738, #05080e 50%, #172234);\r\n    border: 2px solid rgba(255, 255, 255, 0.15);\r\n    box-shadow:\r\n      -25px 35px 80px rgba(0, 0, 0, 0.5),\r\n      0 0 80px rgba(47, 107, 255, 0.16),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.04);\r\n    transform: perspective(1200px) rotateY(-13deg) rotateX(3deg) rotateZ(2deg);\r\n    animation: phoneFloat 6s ease-in-out infinite;\r\n    z-index: 5;\r\n    will-change: transform;\r\n  }\r\n\r\n  @keyframes phoneFloat {\r\n    0%,\r\n    100% {\r\n      transform: perspective(1200px) rotateY(-13deg) rotateX(3deg) rotateZ(2deg)\r\n        translateY(0);\r\n    }\r\n    50% {\r\n      transform: perspective(1200px) rotateY(-10deg) rotateX(4deg) rotateZ(2deg)\r\n        translateY(-13px);\r\n    }\r\n  }\r\n\r\n  .polad-screen {\r\n    position: absolute;\r\n    inset: 8px;\r\n    overflow: hidden;\r\n    border-radius: 38px;\r\n    background:\r\n      radial-gradient(circle at 50% 15%, rgba(68, 128, 255, 0.35), transparent 30%),\r\n      linear-gradient(160deg, #0c1830, #06101e 55%, #03070e);\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 55px 22px 24px;\r\n  }\r\n\r\n  .polad-screen::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 250px;\r\n    height: 250px;\r\n    top: 80px;\r\n    left: 25px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(55, 124, 255, 0.25), transparent 68%);\r\n    filter: blur(15px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .polad-chip {\r\n    position: relative;\r\n    width: 130px;\r\n    height: 130px;\r\n    border-radius: 30px;\r\n    background: linear-gradient(145deg, #182b50, #0b162b);\r\n    border: 1px solid rgba(116, 153, 255, 0.22);\r\n    box-shadow:\r\n      0 25px 50px rgba(0, 0, 0, 0.35),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #7ea6ff;\r\n    animation: chipGlow 3s ease-in-out infinite;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .polad-chip svg {\r\n    width: 54px;\r\n    height: 54px;\r\n    display: block;\r\n  }\r\n\r\n  @keyframes chipGlow {\r\n    0%,\r\n    100% {\r\n      box-shadow:\r\n        0 25px 50px rgba(0, 0, 0, 0.35),\r\n        0 0 20px rgba(52, 112, 255, 0.05);\r\n    }\r\n    50% {\r\n      box-shadow:\r\n        0 25px 50px rgba(0, 0, 0, 0.35),\r\n        0 0 45px rgba(52, 112, 255, 0.22);\r\n    }\r\n  }\r\n\r\n  .polad-screen-title {\r\n    margin-top: 35px;\r\n    text-align: center;\r\n    color: #fff;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    position: relative;\r\n  }\r\n\r\n  .polad-screen-sub {\r\n    margin-top: 8px;\r\n    text-align: center;\r\n    color: #7587a2;\r\n    font-size: 10px;\r\n    letter-spacing: 1px;\r\n    position: relative;\r\n  }\r\n\r\n  .polad-progress {\r\n    margin-top: 30px;\r\n    width: 100%;\r\n    height: 5px;\r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, 0.07);\r\n    position: relative;\r\n  }\r\n\r\n  .polad-progress span {\r\n    display: block;\r\n    width: 82%;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, #326bff, #35d9ff);\r\n    box-shadow: 0 0 15px rgba(53, 217, 255, 0.5);\r\n  }\r\n\r\n  .polad-screen-bottom {\r\n    margin-top: auto;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  .polad-mini {\r\n    color: #71839d;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .polad-mini strong {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #dce5f4;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .polad-camera {\r\n    position: absolute;\r\n    top: 17px;\r\n    left: 50%;\r\n    width: 92px;\r\n    height: 24px;\r\n    transform: translateX(-50%);\r\n    border-radius: 20px;\r\n    background: #02040a;\r\n    z-index: 10;\r\n    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.04);\r\n  }\r\n\r\n  .polad-float {\r\n    position: absolute;\r\n    z-index: 8;\r\n    padding: 13px 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(9, 17, 31, 0.72);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    box-shadow:\r\n      0 25px 50px rgba(0, 0, 0, 0.28),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.05);\r\n    direction: rtl;\r\n    animation: cardFloat 5s ease-in-out infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  .polad-float-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 11px;\r\n    background: rgba(47, 107, 255, 0.1);\r\n    color: #6e9aff;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .polad-float-icon svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    display: block;\r\n  }\r\n\r\n  .polad-float-text {\r\n    white-space: nowrap;\r\n    color: #dbe4f2;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .polad-float-text small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: #72839a;\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .polad-float-1 {\r\n    top: 17%;\r\n    right: 3%;\r\n    animation-delay: -0.5s;\r\n  }\r\n\r\n  .polad-float-2 {\r\n    bottom: 18%;\r\n    left: 0;\r\n    animation-delay: -2s;\r\n  }\r\n\r\n  .polad-float-3 {\r\n    bottom: 9%;\r\n    right: 8%;\r\n    animation-delay: -3.5s;\r\n  }\r\n\r\n  @keyframes cardFloat {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateY(-9px);\r\n    }\r\n  }\r\n\r\n  .polad-ring {\r\n    position: absolute;\r\n    width: 570px;\r\n    height: 570px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(78, 126, 255, 0.08);\r\n    transform: rotate(-18deg);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .polad-ring::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #4e83ff;\r\n    box-shadow: 0 0 25px #4e83ff;\r\n    top: 30px;\r\n    left: 120px;\r\n  }\r\n\r\n  .polad-side-label {\r\n    position: absolute;\r\n    right: -8px;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(90deg);\r\n    color: rgba(255, 255, 255, 0.17);\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .polad-hero-inner {\r\n      width: min(100% - 50px, 1200px);\r\n      grid-template-columns: 0.9fr 1.1fr;\r\n    }\r\n\r\n    .polad-title {\r\n      font-size: clamp(40px, 5vw, 68px);\r\n    }\r\n\r\n    .polad-phone {\r\n      width: 270px;\r\n      height: 535px;\r\n    }\r\n\r\n    .polad-ring {\r\n      width: 500px;\r\n      height: 500px;\r\n    }\r\n\r\n    .polad-float-1 {\r\n      right: -2%;\r\n    }\r\n\r\n    .polad-float-2 {\r\n      left: -4%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 820px) {\r\n    .polad-hero {\r\n      min-height: auto;\r\n    }\r\n\r\n    .polad-hero-inner {\r\n      width: min(100% - 32px, 650px);\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n    }\r\n\r\n    .polad-visual {\r\n      min-height: 560px;\r\n      order: 1;\r\n    }\r\n\r\n    .polad-content {\r\n      order: 2;\r\n      padding: 10px 0 60px;\r\n      text-align: center;\r\n    }\r\n\r\n    .polad-description {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .polad-actions {\r\n      justify-content: center;\r\n    }\r\n\r\n    .polad-trust {\r\n      justify-content: center;\r\n    }\r\n\r\n    .polad-float-1 {\r\n      top: 10%;\r\n      right: 2%;\r\n    }\r\n\r\n    .polad-float-2 {\r\n      bottom: 16%;\r\n      left: 1%;\r\n    }\r\n\r\n    .polad-float-3 {\r\n      bottom: 5%;\r\n      right: 5%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .polad-hero-inner {\r\n      width: calc(100% - 24px);\r\n    }\r\n\r\n    .polad-visual {\r\n      min-height: 470px;\r\n    }\r\n\r\n    .polad-phone {\r\n      width: 215px;\r\n      height: 425px;\r\n      border-radius: 34px;\r\n    }\r\n\r\n    .polad-screen {\r\n      inset: 6px;\r\n      border-radius: 29px;\r\n      padding: 42px 16px 18px;\r\n    }\r\n\r\n    .polad-camera {\r\n      width: 65px;\r\n      height: 18px;\r\n      top: 12px;\r\n    }\r\n\r\n    .polad-chip {\r\n      width: 95px;\r\n      height: 95px;\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .polad-chip svg {\r\n      width: 38px;\r\n      height: 38px;\r\n    }\r\n\r\n    .polad-screen-title {\r\n      margin-top: 26px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .polad-screen-sub {\r\n      margin-top: 6px;\r\n      font-size: 8px;\r\n    }\r\n\r\n    .polad-progress {\r\n      margin-top: 22px;\r\n      height: 4px;\r\n    }\r\n\r\n    .polad-ring {\r\n      width: 380px;\r\n      height: 380px;\r\n    }\r\n\r\n    .polad-orb {\r\n      width: 330px;\r\n      height: 330px;\r\n    }\r\n\r\n    .polad-float {\r\n      padding: 9px 10px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .polad-float-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .polad-float-icon svg {\r\n      width: 13px;\r\n      height: 13px;\r\n    }\r\n\r\n    .polad-float-text {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .polad-float-text small {\r\n      font-size: 7px;\r\n    }\r\n\r\n    .polad-float-1 {\r\n      top: 7%;\r\n      right: 0;\r\n    }\r\n\r\n    .polad-float-2 {\r\n      left: 0;\r\n      bottom: 18%;\r\n    }\r\n\r\n    .polad-float-3 {\r\n      right: 0;\r\n      bottom: 7%;\r\n    }\r\n\r\n    .polad-title {\r\n      font-size: clamp(28px, 8vw, 40px);\r\n      letter-spacing: -1.4px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .polad-title-small {\r\n      font-size: 13px;\r\n      margin-top: 13px;\r\n    }\r\n\r\n    .polad-description {\r\n      font-size: 13px;\r\n      line-height: 2;\r\n      margin-top: 20px;\r\n      text-align: justify;\r\n      text-justify: inter-word;\r\n    }\r\n\r\n    .polad-actions {\r\n      margin-top: 25px;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .polad-btn {\r\n      width: 100%;\r\n      min-height: 51px;\r\n    }\r\n\r\n    .polad-trust {\r\n      gap: 10px;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .polad-trust-item {\r\n      font-size: 8px;\r\n      gap: 5px;\r\n    }\r\n\r\n    .polad-trust-icon {\r\n      width: 25px;\r\n      height: 25px;\r\n    }\r\n\r\n    .polad-trust-icon svg {\r\n      width: 11px;\r\n      height: 11px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .polad-title {\r\n      font-size: 24px;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .polad-title-small {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .polad-description {\r\n      font-size: 12px;\r\n      line-height: 1.9;\r\n    }\r\n\r\n    .polad-trust {\r\n      gap: 6px;\r\n    }\r\n\r\n    .polad-trust-item {\r\n      font-size: 7px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .polad-phone,\r\n    .polad-orb,\r\n    .polad-float,\r\n    .polad-badge-dot,\r\n    .polad-chip {\r\n      animation: none !important;\r\n    }\r\n\r\n    .polad-btn,\r\n    .polad-arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"polad-hero\" dir=\"rtl\" lang=\"fa\">\r\n  <div class=\"polad-hero-inner\">\r\n    <div class=\"polad-content\">\r\n      <div class=\"polad-badge\">\r\n        <span class=\"polad-badge-dot\" aria-hidden=\"true\"><\/span>\r\n        \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647 \u0645\u0648\u0641\u0642\r\n      <\/div>\r\n\r\n      <h1 class=\"polad-title\">\r\n        <span class=\"line\">\u0628\u0631\u0627\u06cc \u062a\u0639\u0645\u06cc\u0631 \u06af\u0648\u0634\u06cc\u060c<\/span>\r\n        <span class=\"line\">\u0631\u0648\u06cc <span class=\"gradient\">\u062a\u062e\u0635\u0635<\/span> \u0645\u0627 \u062d\u0633\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/span>\r\n        <span class=\"polad-title-small\">\r\n          \u0628\u0631\u0631\u0633\u06cc \u062a\u062e\u0635\u0635\u06cc\u060c \u062a\u0634\u062e\u06cc\u0635 \u0627\u06cc\u0631\u0627\u062f \u0648 \u0627\u0639\u0644\u0627\u0645 \u0647\u0632\u06cc\u0646\u0647 \u067e\u06cc\u0634 \u0627\u0632 \u062a\u0639\u0645\u06cc\u0631\r\n        <\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"polad-description\">\r\n        \u067e\u0633 \u0627\u0632 \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u0633\u062a\u06af\u0627\u0647 \u0627\u0632 \u0645\u0634\u062a\u0631\u06cc\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u0639\u06cc\u0628\u200c\u06cc\u0627\u0628\u06cc \u062a\u0648\u0633\u0637 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n        \u0627\u06cc\u0631\u0627\u062f \u062f\u0633\u062a\u06af\u0627\u0647 \u0648 \u0642\u0637\u0639\u0627\u062a \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0639\u0645\u06cc\u0631 \u06cc\u0627 \u062a\u0639\u0648\u06cc\u0636 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0648 \u0628\u0631\u0622\u0648\u0631\u062f \u0647\u0632\u06cc\u0646\u0647 \u0627\u0646\u062c\u0627\u0645\r\n        \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u067e\u0633 \u0627\u0632 \u062a\u0623\u06cc\u06cc\u062f \u0647\u0632\u06cc\u0646\u0647 \u062a\u0648\u0633\u0637 \u0645\u0634\u062a\u0631\u06cc\u060c \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\r\n        \u062a\u062e\u0635\u0635\u06cc \u0648 \u0642\u0637\u0639\u0627\u062a \u0645\u0648\u0631\u062f \u062a\u0623\u06cc\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.\r\n      <\/p>\r\n\r\n      <div class=\"polad-actions\">\r\n        <a href=\"#services\" class=\"polad-btn polad-btn-primary\">\r\n          \u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a\r\n          <span class=\"polad-arrow\" aria-hidden=\"true\">\u2190<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#repair_req\" class=\"polad-btn polad-btn-secondary\">\r\n          \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0639\u0645\u06cc\u0631\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"polad-trust\">\r\n        <div class=\"polad-trust-item\">\r\n          <span class=\"polad-trust-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          \u0642\u0637\u0639\u0627\u062a \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\r\n        <\/div>\r\n\r\n        <div class=\"polad-trust-item\">\r\n          <span class=\"polad-trust-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\r\n              <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          \u062a\u0634\u062e\u06cc\u0635 \u062a\u062e\u0635\u0635\u06cc\r\n        <\/div>\r\n\r\n        <div class=\"polad-trust-item\">\r\n          <span class=\"polad-trust-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <polyline points=\"12 6 12 12 16 14\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          \u062a\u062d\u0648\u06cc\u0644 \u0628\u0647 \u0645\u0648\u0642\u0639\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"polad-visual\">\r\n      <div class=\"polad-orb\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"polad-ring\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"polad-float polad-float-1\">\r\n        <div class=\"polad-float-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <polyline points=\"9 12 11 14 15 10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"polad-float-text\">\r\n          \u0628\u0631\u0631\u0633\u06cc \u062a\u062e\u0635\u0635\u06cc\r\n          <small>\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"polad-float polad-float-2\">\r\n        <div class=\"polad-float-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"polad-float-text\">\r\n          \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639\r\n          <small>\u0628\u062f\u0648\u0646 \u0645\u0639\u0637\u0644\u06cc<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"polad-float polad-float-3\">\r\n        <div class=\"polad-float-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\r\n            <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"polad-float-text\">\r\n          \u062a\u0634\u062e\u06cc\u0635 \u062f\u0642\u06cc\u0642\r\n          <small>\u0628\u0627 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"polad-phone\">\r\n        <div class=\"polad-camera\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"polad-screen\">\r\n          <div class=\"polad-chip\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n              <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"polad-screen-title\">\r\n            \u0627\u0646\u062f\u0631\u0648\u06cc\u062f \u0648 \u0622\u06cc\u0641\u0648\u0646\r\n          <\/div>\r\n\r\n          <div class=\"polad-screen-sub\">\r\n            DIAGNOSTIC SYSTEM\r\n          <\/div>\r\n\r\n          <div class=\"polad-progress\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"polad-screen-bottom\">\r\n            <div class=\"polad-mini\">\r\n              \u0648\u0636\u0639\u06cc\u062a\r\n              <strong>\u062f\u0631 \u062d\u0627\u0644 \u0628\u0631\u0631\u0633\u06cc<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"polad-mini\">\r\n              \u062a\u062e\u0635\u0635\r\n              <strong>\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0645\u0648\u0628\u0627\u06cc\u0644<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"polad-side-label\" aria-hidden=\"true\">\r\n        POLAD MOBILE REPAIR\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-9bc70f2 e-flex e-con-boxed e-con e-parent\" data-id=\"9bc70f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecca4df elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ecca4df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .services,\r\n  .services *,\r\n  .services *::before,\r\n  .services *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .services {\r\n    font-family: inherit;\r\n    max-width: 100%;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 3.5rem 2.8rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 48px;\r\n    transition: box-shadow 0.4s ease;\r\n    direction: rtl;\r\n    text-align: right;\r\n    contain: layout style paint;\r\n  }\r\n\r\n  .services::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30%;\r\n    left: -10%;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(0, 102, 255, 0.04) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    animation: floatBlur1 20s infinite alternate ease-in-out;\r\n    will-change: transform;\r\n  }\r\n\r\n  .services::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    right: -10%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(0, 200, 255, 0.04) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    animation: floatBlur2 24s infinite alternate ease-in-out;\r\n    will-change: transform;\r\n  }\r\n\r\n  @keyframes floatBlur1 {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    100% { transform: translate(40px, -30px) scale(1.3); }\r\n  }\r\n\r\n  @keyframes floatBlur2 {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    100% { transform: translate(-40px, 30px) scale(1.2); }\r\n  }\r\n\r\n  .services-header {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-bottom: 2.8rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n\r\n  .services-header .label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.7rem;\r\n    font-weight: 500;\r\n    color: #0047cc;\r\n    background: #e8f0ff;\r\n    padding: 0.3rem 1.2rem;\r\n    border-radius: 100px;\r\n    width: fit-content;\r\n    border: 1px solid rgba(0, 102, 255, 0.08);\r\n    letter-spacing: 0.2px;\r\n  }\r\n\r\n  .services-header .label .dot-line {\r\n    display: inline-block;\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #0066ff;\r\n    border-radius: 50%;\r\n    animation: pulse-dot 2s infinite;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .services-header h2 {\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    font-weight: inherit;\r\n    color: #0a1a33;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .services-header h2 span {\r\n    background: linear-gradient(135deg, #0066ff, #0099ff);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    display: inline-block;\r\n  }\r\n\r\n  .service-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 1.8rem;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .service-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n    padding: 1.8rem 1.4rem 1.8rem;\r\n    background: #ffffff;\r\n    border-radius: 1.8rem;\r\n    border: 1px solid rgba(0, 102, 255, 0.06);\r\n    box-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.02);\r\n    transition:\r\n      transform 0.35s cubic-bezier(0.2, 0, 0, 1),\r\n      box-shadow 0.35s cubic-bezier(0.2, 0, 0, 1),\r\n      border-color 0.35s cubic-bezier(0.2, 0, 0, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-decoration: none !important;\r\n    color: inherit;\r\n    cursor: pointer;\r\n    will-change: transform;\r\n  }\r\n\r\n  .service-card:nth-child(odd) {\r\n    box-shadow:\r\n      0 12px 30px -12px rgba(0, 60, 180, 0.06),\r\n      0 0 0 1px rgba(0, 102, 255, 0.02);\r\n  }\r\n\r\n  .service-card:nth-child(even) {\r\n    box-shadow:\r\n      0 20px 40px -16px rgba(0, 60, 180, 0.1),\r\n      0 0 0 1px rgba(0, 102, 255, 0.02);\r\n  }\r\n\r\n  .service-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 20%;\r\n    width: 60%;\r\n    height: 1.5px;\r\n    background: linear-gradient(90deg, transparent, rgba(0, 102, 255, 0.08), transparent);\r\n    transition: all 0.5s ease;\r\n    opacity: 0.4;\r\n  }\r\n\r\n  .service-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 20%;\r\n    width: 60%;\r\n    height: 1.5px;\r\n    background: linear-gradient(90deg, transparent, rgba(0, 102, 255, 0.06), transparent);\r\n    transition: all 0.5s ease;\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .service-card:focus-visible {\r\n    outline: 2px solid #0066ff;\r\n    outline-offset: 4px;\r\n    border-radius: 1.8rem;\r\n  }\r\n\r\n  .service-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 46px;\r\n    height: 46px;\r\n    color: #0066ff;\r\n    transition: transform 0.3s ease, color 0.3s ease;\r\n    margin-bottom: 0.2rem;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .service-icon svg {\r\n    width: 34px;\r\n    height: 34px;\r\n    stroke-width: 1.4;\r\n    stroke: currentColor;\r\n    fill: none;\r\n    transition: stroke-width 0.3s ease;\r\n    display: block;\r\n  }\r\n\r\n  .service-card h3.service-title {\r\n    font-family: inherit;\r\n    font-size: 0.92rem;\r\n    font-weight: 700;\r\n    color: #0a1a33;\r\n    letter-spacing: -0.01em;\r\n    line-height: 1.4;\r\n    margin: 0;\r\n  }\r\n\r\n  .service-desc {\r\n    font-family: inherit;\r\n    font-size: 0.75rem;\r\n    font-weight: 400;\r\n    color: #3a4e6e;\r\n    line-height: 1.8;\r\n    transition: color 0.3s ease;\r\n    flex: 1;\r\n    margin: 0;\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n    word-spacing: -0.3px;\r\n  }\r\n\r\n  .service-card .accent-line {\r\n    width: 26px;\r\n    height: 2.5px;\r\n    background: linear-gradient(90deg, #0066ff, #0099ff);\r\n    border-radius: 10px;\r\n    margin-top: 0.2rem;\r\n    transition: width 0.4s ease, opacity 0.3s ease;\r\n    opacity: 0.35;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .service-card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(0, 102, 255, 0.12);\r\n      box-shadow:\r\n        0 28px 60px -20px rgba(0, 60, 180, 0.18),\r\n        0 0 0 1px rgba(0, 102, 255, 0.06);\r\n    }\r\n\r\n    .service-card:hover::before {\r\n      opacity: 1;\r\n      background: linear-gradient(90deg, transparent, #0066ff, transparent);\r\n      height: 2px;\r\n      width: 80%;\r\n      left: 10%;\r\n    }\r\n\r\n    .service-card:hover::after {\r\n      opacity: 1;\r\n      background: linear-gradient(90deg, transparent, #0066ff, transparent);\r\n      height: 2px;\r\n      width: 80%;\r\n      right: 10%;\r\n    }\r\n\r\n    .service-card:hover .service-icon {\r\n      transform: scale(1.05) rotate(-2deg);\r\n      color: #0055dd;\r\n    }\r\n\r\n    .service-card:hover .service-icon svg {\r\n      stroke-width: 1.7;\r\n    }\r\n\r\n    .service-card:hover .service-desc {\r\n      color: #1f3a5e;\r\n    }\r\n\r\n    .service-card:hover .accent-line {\r\n      width: 42px;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 1100px) {\r\n    .services {\r\n      padding: 3rem 2rem;\r\n    }\r\n\r\n    .service-grid {\r\n      gap: 1.4rem;\r\n    }\r\n\r\n    .services-header h2 {\r\n      font-size: 1.4rem;\r\n    }\r\n\r\n    .service-card h3.service-title {\r\n      font-size: 0.88rem;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.72rem;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 920px) {\r\n    .services {\r\n      padding: 2.5rem 1.8rem;\r\n      border-radius: 36px;\r\n    }\r\n\r\n    .service-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 1.3rem;\r\n    }\r\n\r\n    .service-card {\r\n      padding: 1.5rem 1.2rem;\r\n      border-radius: 1.6rem;\r\n    }\r\n\r\n    .services-header {\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .services-header h2 {\r\n      font-size: 1.3rem;\r\n    }\r\n\r\n    .service-card h3.service-title {\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.7rem;\r\n    }\r\n\r\n    .service-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n    }\r\n\r\n    .service-icon svg {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 600px) {\r\n    .services {\r\n      padding: 1.8rem 1rem;\r\n      border-radius: 28px;\r\n    }\r\n\r\n    .services-header {\r\n      margin-bottom: 1.6rem;\r\n      gap: 0.4rem;\r\n    }\r\n\r\n    .services-header .label {\r\n      font-size: 0.62rem;\r\n      padding: 0.25rem 0.9rem;\r\n    }\r\n\r\n    .services-header .label .dot-line {\r\n      width: 5px;\r\n      height: 5px;\r\n    }\r\n\r\n    .services-header h2 {\r\n      font-size: 1rem;\r\n      letter-spacing: -0.01em;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .service-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 0.8rem;\r\n    }\r\n\r\n    .service-card {\r\n      padding: 1.1rem 0.85rem;\r\n      border-radius: 1.2rem;\r\n      gap: 0.4rem;\r\n    }\r\n\r\n    .service-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      margin-bottom: 0.1rem;\r\n    }\r\n\r\n    .service-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n      stroke-width: 1.5;\r\n    }\r\n\r\n    .service-card h3.service-title {\r\n      font-size: 0.78rem;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.66rem;\r\n      line-height: 1.7;\r\n      text-align: justify;\r\n      text-justify: inter-word;\r\n      word-spacing: -0.3px;\r\n    }\r\n\r\n    .service-card .accent-line {\r\n      width: 20px;\r\n      height: 2px;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 600px) and (orientation: landscape) {\r\n    .services {\r\n      padding: 1.5rem 1.2rem;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .service-grid {\r\n      gap: 0.8rem;\r\n    }\r\n\r\n    .service-card {\r\n      padding: 1rem 0.85rem;\r\n    }\r\n\r\n    .service-card h3.service-title {\r\n      font-size: 0.76rem;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.64rem;\r\n      line-height: 1.65;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 380px) {\r\n    .services {\r\n      padding: 1.4rem 0.8rem;\r\n    }\r\n\r\n    .service-grid {\r\n      gap: 0.7rem;\r\n    }\r\n\r\n    .service-card {\r\n      padding: 0.9rem 0.7rem;\r\n      border-radius: 1rem;\r\n    }\r\n\r\n    .service-card h3.service-title {\r\n      font-size: 0.74rem;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.62rem;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .service-icon {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n    .service-icon svg {\r\n      width: 23px;\r\n      height: 23px;\r\n    }\r\n  }\r\n\r\n  @keyframes pulse-dot {\r\n    0% {\r\n      opacity: 0.4;\r\n      transform: scale(0.8);\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n      transform: scale(1.2);\r\n      box-shadow: 0 0 12px rgba(0, 102, 255, 0.3);\r\n    }\r\n    100% {\r\n      opacity: 0.4;\r\n      transform: scale(0.8);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .services::before,\r\n    .services::after,\r\n    .services-header .label .dot-line {\r\n      animation: none !important;\r\n    }\r\n\r\n    .service-card,\r\n    .service-icon,\r\n    .service-icon svg,\r\n    .service-desc,\r\n    .service-card .accent-line {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"services\" dir=\"rtl\" lang=\"fa\" aria-label=\"\u062e\u062f\u0645\u0627\u062a \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u067e\u0648\u0644\u0627\u062f\">\r\n  <div class=\"services-header\">\r\n    <div class=\"label\">\r\n      <span class=\"dot-line\" aria-hidden=\"true\"><\/span>\r\n      \u062e\u062f\u0645\u0627\u062a\r\n    <\/div>\r\n    <h2>\r\n      \u062e\u062f\u0645\u0627\u062a <span>\u0645\u0648\u0628\u0627\u06cc\u0644 \u067e\u0648\u0644\u0627\u062f<\/span>\r\n    <\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"service-grid\">\r\n\r\n    <a href=\"#iphone\" class=\"service-card\" aria-label=\"\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0622\u06cc\u0641\u0648\u0646\">\r\n      <span class=\"service-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"3\"\/>\r\n          <path d=\"M9 4.5h6\"\/>\r\n          <circle cx=\"12\" cy=\"3.6\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <circle cx=\"10\" cy=\"6\" r=\"0.7\"\/>\r\n          <circle cx=\"14\" cy=\"6\" r=\"0.7\"\/>\r\n          <path d=\"M9 9.5h6\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <h3 class=\"service-title\">\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0622\u06cc\u0641\u0648\u0646<\/h3>\r\n      <p class=\"service-desc\">\r\n        \u062a\u062e\u0635\u0635 \u062f\u0631 \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0622\u06cc\u0641\u0648\u0646\u060c \u0627\u0632 \u062a\u0639\u0648\u06cc\u0636 \u0628\u0627\u062a\u0631\u06cc \u0648 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634 \u062a\u0627 \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0645\u0627\u062f\u0631\u0628\u0631\u062f \u0648 \u0622\u06cc\u200c\u0633\u06cc \u0628\u0627 \u0642\u0637\u0639\u0627\u062a \u0627\u0635\u0644.\r\n      <\/p>\r\n      <div class=\"accent-line\" aria-hidden=\"true\"><\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#android\" class=\"service-card\" aria-label=\"\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0627\u0646\u062f\u0631\u0648\u06cc\u062f\">\r\n      <span class=\"service-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M6 10a6 6 0 0 1 12 0v6a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2z\"\/>\r\n          <path d=\"M6 10H4.5M18 10h1.5\"\/>\r\n          <circle cx=\"9.5\" cy=\"10\" r=\"0.6\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <circle cx=\"14.5\" cy=\"10\" r=\"0.6\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <path d=\"M7.5 5.5 6 3.5M16.5 5.5 18 3.5\"\/>\r\n          <path d=\"M10 18v2M14 18v2\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <h3 class=\"service-title\">\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0627\u0646\u062f\u0631\u0648\u06cc\u062f<\/h3>\r\n      <p class=\"service-desc\">\r\n        \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0627\u0646\u062f\u0631\u0648\u06cc\u062f \u0633\u0627\u0645\u0633\u0648\u0646\u06af\u060c \u0634\u06cc\u0627\u0626\u0648\u0645\u06cc\u060c \u0647\u0648\u0627\u0648\u06cc \u0648 \u0633\u0627\u06cc\u0631 \u0628\u0631\u0646\u062f\u0647\u0627 \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a.\r\n      <\/p>\r\n      <div class=\"accent-line\" aria-hidden=\"true\"><\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#software\" class=\"service-card\" aria-label=\"\u062e\u062f\u0645\u0627\u062a \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\">\r\n      <span class=\"service-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2.5\"\/>\r\n          <rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1.5\"\/>\r\n          <path d=\"M10 7h4\"\/>\r\n          <path d=\"M10 10h4\"\/>\r\n          <path d=\"M10 13h4\"\/>\r\n          <circle cx=\"12\" cy=\"18\" r=\"0.6\" fill=\"currentColor\" stroke=\"none\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <h3 class=\"service-title\">\u062e\u062f\u0645\u0627\u062a \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc<\/h3>\r\n      <p class=\"service-desc\">\r\n        \u0641\u0644\u0634\u060c \u0622\u0646\u0644\u0627\u06a9\u060c \u0631\u0648\u062a\u060c \u0631\u06cc\u06a9\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u060c \u0631\u0641\u0639 \u0642\u0641\u0644 FRP \u0648 \u0639\u06cc\u0648\u0628 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u0628\u0627 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0645\u062a\u062f\u0647\u0627.\r\n      <\/p>\r\n      <div class=\"accent-line\" aria-hidden=\"true\"><\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#training\" class=\"service-card\" aria-label=\"\u0622\u0645\u0648\u0632\u0634 \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0645\u0648\u0628\u0627\u06cc\u0644\">\r\n      <span class=\"service-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 7c-2-1.5-4.5-2-8-2v12c3.5 0 6 .5 8 2 2-1.5 4.5-2 8-2V5c-3.5 0-6 .5-8 2z\"\/>\r\n          <path d=\"M12 7v12\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <h3 class=\"service-title\">\u0622\u0645\u0648\u0632\u0634<\/h3>\r\n      <p class=\"service-desc\">\r\n        \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0645\u0648\u0628\u0627\u06cc\u0644\u060c \u0627\u0632 \u0645\u0642\u062f\u0645\u0627\u062a\u06cc \u062a\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0627 \u0645\u062f\u0631\u06a9 \u0645\u0639\u062a\u0628\u0631 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc.\r\n      <\/p>\r\n      <div class=\"accent-line\" aria-hidden=\"true\"><\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-76bfab1 e-con-full e-flex e-con e-parent\" data-id=\"76bfab1\" data-element_type=\"container\" data-e-type=\"container\" id=\"repair_req\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54b3710 elementor-widget__width-auto elementor-widget-widescreen__width-auto elementor-widget-laptop__width-auto elementor-widget-tablet_extra__width-auto elementor-widget-tablet__width-auto elementor-widget-mobile_extra__width-auto elementor-widget-mobile__width-auto elementor-widget elementor-widget-html\" data-id=\"54b3710\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #mobileRepairFaqForm,\r\n  #mobileRepairFaqForm *,\r\n  #mobileRepairFaqForm *::before,\r\n  #mobileRepairFaqForm *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #mobileRepairFaqForm {\r\n    --mrf-blue: #0066ff;\r\n    --mrf-blue-light: #0088ff;\r\n    --mrf-blue-dark: #0055dd;\r\n    --mrf-dark: #0a1a33;\r\n    --mrf-text: #3a4e6e;\r\n    --mrf-muted: #4a5e7e;\r\n    --mrf-border: rgba(0, 102, 255, 0.06);\r\n    --mrf-radius-lg: 2rem;\r\n    --mrf-radius-md: 1.2rem;\r\n    --mrf-radius-sm: 1rem;\r\n\r\n    display: block;\r\n    max-width: 100%;\r\n    width: 100%;\r\n    background: linear-gradient(145deg, #ffffff 0%, #f8fcff 100%);\r\n    padding: 3.5rem 3rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 40px 100px -30px rgba(0, 60, 180, 0.12);\r\n    border: 1px solid rgba(0, 102, 255, 0.04);\r\n    margin: 0 auto;\r\n    font-family: inherit;\r\n    line-height: 1.5;\r\n    direction: rtl;\r\n    text-align: right;\r\n    color: var(--mrf-dark);\r\n    contain: layout style paint;\r\n  }\r\n\r\n  #mobileRepairFaqForm::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(circle at 80% 10%, rgba(0, 150, 255, 0.03) 0%, transparent 45%),\r\n      radial-gradient(circle at 20% 90%, rgba(0, 200, 255, 0.03) 0%, transparent 45%),\r\n      repeating-linear-gradient(45deg, transparent 0px, transparent 30px, rgba(0, 102, 255, 0.012) 30px, rgba(0, 102, 255, 0.012) 31px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  #mobileRepairFaqForm .orb-faq {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(70px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    opacity: 0.2;\r\n    will-change: transform;\r\n  }\r\n\r\n  #mobileRepairFaqForm .orb-faq-1 {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, #0066ff30, transparent);\r\n    top: -150px;\r\n    right: -150px;\r\n    animation: mrf-floatOrb 18s infinite alternate ease-in-out;\r\n  }\r\n\r\n  #mobileRepairFaqForm .orb-faq-2 {\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, #00aaff20, transparent);\r\n    bottom: -80px;\r\n    left: -80px;\r\n    animation: mrf-floatOrb 22s infinite alternate-reverse ease-in-out;\r\n  }\r\n\r\n  @keyframes mrf-floatOrb {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    100% { transform: translate(-30px, 20px) scale(1.2); }\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 1fr;\r\n    gap: 2.8rem;\r\n    align-items: start;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-col {\r\n    padding-left: 0.5rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .badge-faq {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    color: var(--mrf-blue);\r\n    background: rgba(0, 102, 255, 0.07);\r\n    padding: 0.3rem 1.4rem 0.3rem 1.6rem;\r\n    border-radius: 100px;\r\n    letter-spacing: 0.3px;\r\n    text-transform: uppercase;\r\n    border: 1px solid rgba(0, 102, 255, 0.05);\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .badge-faq .pulse-faq {\r\n    display: inline-block;\r\n    width: 7px;\r\n    height: 7px;\r\n    background: var(--mrf-blue);\r\n    border-radius: 50%;\r\n    animation: mrf-pulse-dot 2s infinite;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  @keyframes mrf-pulse-dot {\r\n    0% { opacity: 0.3; transform: scale(0.8); }\r\n    50% { opacity: 1; transform: scale(1.2); box-shadow: 0 0 14px rgba(0, 102, 255, 0.2); }\r\n    100% { opacity: 0.3; transform: scale(0.8); }\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-col h2 {\r\n    font-family: inherit;\r\n    font-size: clamp(1.25rem, 2.2vw, 1.75rem);\r\n    font-weight: 700;\r\n    color: var(--mrf-dark);\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.3;\r\n    margin: 0 0 1.5rem 0;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-col h2 .highlight-faq {\r\n    background: linear-gradient(135deg, var(--mrf-blue), #00aaff);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    display: inline-block;\r\n    position: relative;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-col h2 .highlight-faq::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #0066ff30, #00aaff20);\r\n    border-radius: 10px;\r\n    z-index: -1;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-item {\r\n    background: #ffffff;\r\n    border-radius: var(--mrf-radius-md);\r\n    border: 1px solid rgba(0, 102, 255, 0.04);\r\n    box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.02);\r\n    transition: border-color 0.25s ease, box-shadow 0.25s ease;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-question {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    padding: 1rem 1.4rem;\r\n    cursor: pointer;\r\n    gap: 1rem;\r\n    user-select: none;\r\n    transition: background 0.2s ease;\r\n    background: none;\r\n    border: none;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    text-align: inherit;\r\n    color: inherit;\r\n    border-radius: var(--mrf-radius-md);\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-question:focus-visible {\r\n    outline: 2px solid var(--mrf-blue);\r\n    outline-offset: -2px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-question .q-text {\r\n    font-weight: 600;\r\n    font-size: 0.92rem;\r\n    color: var(--mrf-dark);\r\n    letter-spacing: -0.01em;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-question .q-icon {\r\n    flex-shrink: 0;\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: rgba(0, 102, 255, 0.04);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.3s ease;\r\n    color: var(--mrf-blue);\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-question .q-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.5;\r\n    fill: none;\r\n    transition: transform 0.3s ease;\r\n    display: block;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-item.open .faq-question .q-icon {\r\n    background: rgba(0, 102, 255, 0.08);\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-item.open .faq-question .q-icon svg {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-answer {\r\n    max-height: 0;\r\n    opacity: 0;\r\n    padding: 0 1.4rem;\r\n    transition:\r\n      max-height 0.35s cubic-bezier(0.2, 0, 0, 1),\r\n      opacity 0.35s cubic-bezier(0.2, 0, 0, 1),\r\n      padding 0.35s cubic-bezier(0.2, 0, 0, 1);\r\n    overflow: hidden;\r\n    visibility: hidden;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-item.open .faq-answer {\r\n    opacity: 1;\r\n    padding: 0 1.4rem 1.2rem 1.4rem;\r\n    visibility: visible;\r\n  }\r\n\r\n  #mobileRepairFaqForm .faq-answer p {\r\n    font-size: 0.85rem;\r\n    color: var(--mrf-text);\r\n    line-height: 1.75;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    font-family: inherit;\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-col {\r\n    background: #ffffff;\r\n    border-radius: var(--mrf-radius-lg);\r\n    padding: 2rem 2rem 2.2rem;\r\n    border: 1px solid var(--mrf-border);\r\n    box-shadow: 0 20px 50px -18px rgba(0, 60, 180, 0.06);\r\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n    position: relative;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    margin-bottom: 1.8rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-header .icon-box {\r\n    width: 48px;\r\n    height: 48px;\r\n    background: linear-gradient(135deg, #0066ff10, #00aaff10);\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--mrf-blue);\r\n    border: 1px solid rgba(0, 102, 255, 0.04);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-header .icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    fill: none;\r\n    display: block;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-header h3 {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--mrf-dark);\r\n    letter-spacing: -0.01em;\r\n    margin: 0;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-header h3 span {\r\n    font-weight: 400;\r\n    font-size: 0.8rem;\r\n    color: var(--mrf-muted);\r\n    display: block;\r\n    margin-top: 0.1rem;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .repair-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.2rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.3rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group label {\r\n    font-size: 0.72rem;\r\n    font-weight: 600;\r\n    color: #1a2a4a;\r\n    letter-spacing: 0.3px;\r\n    text-transform: uppercase;\r\n    opacity: 0.75;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group input,\r\n  #mobileRepairFaqForm .field-group textarea {\r\n    padding: 0.8rem 1.2rem;\r\n    border-radius: var(--mrf-radius-md);\r\n    border: 1px solid var(--mrf-border);\r\n    background: #fafcff;\r\n    font-family: inherit;\r\n    font-size: 0.88rem;\r\n    color: var(--mrf-dark);\r\n    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n    outline: none;\r\n    width: 100%;\r\n    resize: vertical;\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group input:focus,\r\n  #mobileRepairFaqForm .field-group textarea:focus {\r\n    border-color: rgba(0, 102, 255, 0.25);\r\n    background: #ffffff;\r\n    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.04);\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group input:focus-visible,\r\n  #mobileRepairFaqForm .field-group textarea:focus-visible {\r\n    outline: 2px solid var(--mrf-blue);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group input:invalid:not(:placeholder-shown),\r\n  #mobileRepairFaqForm .field-group textarea:invalid:not(:placeholder-shown) {\r\n    border-color: rgba(255, 60, 60, 0.3);\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group textarea {\r\n    min-height: 80px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .field-group input::placeholder,\r\n  #mobileRepairFaqForm .field-group textarea::placeholder {\r\n    color: #9aadca;\r\n    font-weight: 400;\r\n    font-size: 0.82rem;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-hint {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.4rem;\r\n    font-size: 0.72rem;\r\n    color: var(--mrf-muted);\r\n    background: rgba(0, 102, 255, 0.04);\r\n    padding: 0.5rem 0.8rem;\r\n    border-radius: 0.7rem;\r\n    border: 1px dashed rgba(0, 102, 255, 0.12);\r\n    line-height: 1.6;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-hint svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: var(--mrf-blue);\r\n    stroke-width: 2;\r\n    fill: none;\r\n    flex-shrink: 0;\r\n    display: block;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-list {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 0.4rem;\r\n    max-height: 220px;\r\n    overflow-y: auto;\r\n    padding: 0.6rem;\r\n    border: 1px solid var(--mrf-border);\r\n    border-radius: var(--mrf-radius-md);\r\n    background: #fafcff;\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0, 102, 255, 0.3) transparent;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-list::-webkit-scrollbar {\r\n    width: 6px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-list::-webkit-scrollbar-track {\r\n    background: transparent;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-list::-webkit-scrollbar-thumb {\r\n    background: rgba(0, 102, 255, 0.2);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-group-title {\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    color: var(--mrf-blue);\r\n    padding: 0.5rem 0.4rem 0.2rem;\r\n    letter-spacing: 0.3px;\r\n    text-transform: uppercase;\r\n    border-top: 1px dashed rgba(0, 102, 255, 0.1);\r\n    margin-top: 0.3rem;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issues-group-title:first-child {\r\n    border-top: none;\r\n    margin-top: 0;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issue-option {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    padding: 0.5rem 0.7rem;\r\n    border-radius: 0.7rem;\r\n    cursor: pointer;\r\n    transition: background 0.2s ease, border-color 0.2s ease;\r\n    border: 1px solid transparent;\r\n    font-size: 0.82rem;\r\n    color: var(--mrf-dark);\r\n    font-family: inherit;\r\n    user-select: none;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issue-option input[type=\"checkbox\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 6px;\r\n    border: 1.5px solid rgba(0, 102, 255, 0.25);\r\n    background: #ffffff;\r\n    cursor: pointer;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    transition: background 0.2s ease, border-color 0.2s ease;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issue-option input[type=\"checkbox\"]:checked {\r\n    background: linear-gradient(135deg, var(--mrf-blue), var(--mrf-blue-light));\r\n    border-color: var(--mrf-blue);\r\n  }\r\n\r\n  #mobileRepairFaqForm .issue-option input[type=\"checkbox\"]:checked::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 5px;\r\n    height: 9px;\r\n    border: solid #ffffff;\r\n    border-width: 0 2px 2px 0;\r\n    transform: translate(-50%, -60%) rotate(45deg);\r\n  }\r\n\r\n  #mobileRepairFaqForm .issue-option input[type=\"checkbox\"]:focus-visible {\r\n    outline: 2px solid var(--mrf-blue);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .issue-option span {\r\n    flex: 1;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #mobileRepairFaqForm .submit-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.7rem;\r\n    padding: 0.9rem 2rem;\r\n    background: linear-gradient(135deg, var(--mrf-blue), var(--mrf-blue-light));\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 60px;\r\n    font-weight: 600;\r\n    font-size: 0.92rem;\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\r\n    box-shadow: 0 12px 30px -12px rgba(0, 102, 255, 0.35);\r\n    margin-top: 0.3rem;\r\n    font-family: inherit;\r\n    width: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  #mobileRepairFaqForm .submit-btn:active {\r\n    transform: scale(0.97);\r\n  }\r\n\r\n  #mobileRepairFaqForm .submit-btn:focus-visible {\r\n    outline: 2px solid var(--mrf-blue-dark);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  #mobileRepairFaqForm .submit-btn:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n  }\r\n\r\n  #mobileRepairFaqForm .submit-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n    transition: transform 0.3s ease;\r\n    transform: scaleX(-1);\r\n    display: block;\r\n  }\r\n\r\n  #mobileRepairFaqForm .whatsapp-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    margin-top: 1rem;\r\n    font-size: 0.72rem;\r\n    color: #4a6a8a;\r\n    opacity: 0.85;\r\n    font-weight: 400;\r\n    font-family: inherit;\r\n    text-align: center;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  #mobileRepairFaqForm .whatsapp-note svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    fill: none;\r\n    display: block;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    #mobileRepairFaqForm .faq-item:hover {\r\n      border-color: rgba(0, 102, 255, 0.1);\r\n      box-shadow: 0 8px 28px -12px rgba(0, 60, 180, 0.06);\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-question:hover {\r\n      background: rgba(0, 102, 255, 0.01);\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-col:hover {\r\n      border-color: rgba(0, 102, 255, 0.1);\r\n      box-shadow: 0 30px 70px -20px rgba(0, 60, 180, 0.08);\r\n    }\r\n\r\n    #mobileRepairFaqForm .submit-btn:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 20px 45px -16px rgba(0, 102, 255, 0.45);\r\n      background: linear-gradient(135deg, var(--mrf-blue-dark), #0077ee);\r\n    }\r\n\r\n    #mobileRepairFaqForm .submit-btn:hover svg {\r\n      transform: translateX(-4px) scaleX(-1);\r\n    }\r\n\r\n    #mobileRepairFaqForm .issue-option:hover {\r\n      background: rgba(0, 102, 255, 0.04);\r\n      border-color: rgba(0, 102, 255, 0.08);\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    #mobileRepairFaqForm {\r\n      padding: 2.5rem 2rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-grid {\r\n      gap: 2rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-col h2 {\r\n      font-size: 1.35rem;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 860px) {\r\n    #mobileRepairFaqForm .faq-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 2.5rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-col {\r\n      padding-left: 0;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-col {\r\n      padding: 1.8rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-row {\r\n      grid-template-columns: 1fr;\r\n      gap: 1rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-col h2 {\r\n      font-size: 1.25rem;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 600px) {\r\n    #mobileRepairFaqForm {\r\n      padding: 1.8rem 1.2rem;\r\n      border-radius: 1.8rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-col h2 {\r\n      font-size: 1.1rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-question {\r\n      padding: 0.8rem 1rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-question .q-text {\r\n      font-size: 0.82rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-answer p {\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-col {\r\n      padding: 1.5rem 1.2rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-header h3 {\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-header h3 span {\r\n      font-size: 0.72rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .field-group input,\r\n    #mobileRepairFaqForm .field-group textarea {\r\n      padding: 0.7rem 1rem;\r\n      font-size: 0.82rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .submit-btn {\r\n      font-size: 0.82rem;\r\n      padding: 0.8rem 1.5rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .issues-list {\r\n      max-height: 190px;\r\n    }\r\n\r\n    #mobileRepairFaqForm .issue-option {\r\n      font-size: 0.78rem;\r\n      padding: 0.45rem 0.6rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .orb-faq-1 {\r\n      width: 200px;\r\n      height: 200px;\r\n      top: -80px;\r\n      right: -80px;\r\n    }\r\n\r\n    #mobileRepairFaqForm .orb-faq-2 {\r\n      width: 150px;\r\n      height: 150px;\r\n      bottom: -50px;\r\n      left: -50px;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 400px) {\r\n    #mobileRepairFaqForm {\r\n      padding: 1.2rem 0.8rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-col h2 {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-question .q-icon {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-question .q-icon svg {\r\n      width: 14px;\r\n      height: 14px;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-header .icon-box {\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    #mobileRepairFaqForm .form-header .icon-box svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #mobileRepairFaqForm .orb-faq-1,\r\n    #mobileRepairFaqForm .orb-faq-2,\r\n    #mobileRepairFaqForm .badge-faq .pulse-faq {\r\n      animation: none !important;\r\n    }\r\n\r\n    #mobileRepairFaqForm .faq-answer,\r\n    #mobileRepairFaqForm .faq-item.open .faq-answer,\r\n    #mobileRepairFaqForm .faq-question,\r\n    #mobileRepairFaqForm .faq-item,\r\n    #mobileRepairFaqForm .form-col,\r\n    #mobileRepairFaqForm .submit-btn,\r\n    #mobileRepairFaqForm .submit-btn svg,\r\n    #mobileRepairFaqForm .issue-option,\r\n    #mobileRepairFaqForm .issue-option input[type=\"checkbox\"] {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"faq-section\" id=\"mobileRepairFaqForm\" dir=\"rtl\" lang=\"fa\">\r\n  <div class=\"orb-faq orb-faq-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"orb-faq orb-faq-2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"faq-grid\">\r\n    <div class=\"faq-col\">\r\n      <div class=\"badge-faq\">\r\n        <span class=\"pulse-faq\" aria-hidden=\"true\"><\/span>\r\n        \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u067e\u0631\u062a\u06a9\u0631\u0627\u0631\r\n      <\/div>\r\n      <h2>\r\n        \u067e\u0627\u0633\u062e \u0628\u0647 <span class=\"highlight-faq\">\u0633\u0648\u0627\u0644\u0627\u062a<\/span> \u0634\u0645\u0627\r\n      <\/h2>\r\n      <div class=\"faq-list\">\r\n        <div class=\"faq-item open\">\r\n          <button id=\"mrf-faq-btn-1\" type=\"button\" class=\"faq-question\" aria-expanded=\"true\" aria-controls=\"mrf-faq-answer-1\">\r\n            <span class=\"q-text\">\u0647\u0632\u06cc\u0646\u0647 \u062a\u0639\u0645\u06cc\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0686\u0642\u062f\u0631 \u0627\u0633\u062a\u061f<\/span>\r\n            <span class=\"q-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div id=\"mrf-faq-answer-1\" class=\"faq-answer\" role=\"region\" aria-labelledby=\"mrf-faq-btn-1\">\r\n            <p>\u0647\u0632\u06cc\u0646\u0647 \u062a\u0639\u0645\u06cc\u0631 \u0628\u0633\u062a\u06af\u06cc \u0628\u0647 \u0645\u062f\u0644 \u062f\u0633\u062a\u06af\u0627\u0647 \u0648 \u0646\u0648\u0639 \u0639\u06cc\u0628 \u062f\u0627\u0631\u062f. \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646 \u062a\u0648\u0633\u0637 \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u0645\u0627\u060c \u0647\u0632\u06cc\u0646\u0647 \u062f\u0642\u06cc\u0642 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <button id=\"mrf-faq-btn-2\" type=\"button\" class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"mrf-faq-answer-2\">\r\n            <span class=\"q-text\">\u0622\u06cc\u0627 \u0642\u0637\u0639\u0627\u062a \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\r\n            <span class=\"q-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div id=\"mrf-faq-answer-2\" class=\"faq-answer\" role=\"region\" aria-labelledby=\"mrf-faq-btn-2\">\r\n            <p>\u0628\u0644\u0647\u060c \u062a\u0645\u0627\u0645 \u0642\u0637\u0639\u0627\u062a \u062a\u0639\u0648\u06cc\u0636\u06cc \u0627\u0635\u0644\u06cc \u0648 \u0628\u0627 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0627\u0635\u0627\u0644\u062a \u0647\u0633\u062a\u0646\u062f. \u0645\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0627\u0632 \u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0645\u0639\u062a\u0628\u0631 \u062a\u0647\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <button id=\"mrf-faq-btn-3\" type=\"button\" class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"mrf-faq-answer-3\">\r\n            <span class=\"q-text\">\u0645\u062f\u062a \u0632\u0645\u0627\u0646 \u062a\u0639\u0645\u06cc\u0631 \u0686\u0642\u062f\u0631 \u0627\u0633\u062a\u061f<\/span>\r\n            <span class=\"q-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div id=\"mrf-faq-answer-3\" class=\"faq-answer\" role=\"region\" aria-labelledby=\"mrf-faq-btn-3\">\r\n            <p>\u0628\u06cc\u0634\u062a\u0631 \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f2 \u0633\u0627\u0639\u062a \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0645\u0648\u0627\u0631\u062f \u062e\u0627\u0635 \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0642\u0637\u0639\u0647 \u06cc\u062f\u06a9\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0632\u0645\u0627\u0646 \u0622\u0646 \u0647\u0645\u0627\u0647\u0646\u06af \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <button id=\"mrf-faq-btn-4\" type=\"button\" class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"mrf-faq-answer-4\">\r\n            <span class=\"q-text\">\u0622\u06cc\u0627 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u062f\u0627\u0631\u06cc\u062f\u061f<\/span>\r\n            <span class=\"q-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div id=\"mrf-faq-answer-4\" class=\"faq-answer\" role=\"region\" aria-labelledby=\"mrf-faq-btn-4\">\r\n            <p>\u0628\u0644\u0647\u060c \u062a\u0645\u0627\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0628\u0627 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u06f6 \u0645\u0627\u0647\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0635\u0648\u0631\u062a \u0628\u0631\u0648\u0632 \u0647\u0631\u06af\u0648\u0646\u0647 \u0645\u0634\u06a9\u0644\u060c \u0645\u062c\u062f\u062f\u0627\u064b \u0628\u0631\u0631\u0633\u06cc \u0648 \u0631\u0641\u0639 \u0645\u06cc\u200c\u06af\u0631\u062f\u062f.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <button id=\"mrf-faq-btn-5\" type=\"button\" class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"mrf-faq-answer-5\">\r\n            <span class=\"q-text\">\u0622\u06cc\u0627 \u0627\u0645\u06a9\u0627\u0646 \u062a\u0639\u0645\u06cc\u0631 \u062f\u0631 \u0645\u062d\u0644 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f<\/span>\r\n            <span class=\"q-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div id=\"mrf-faq-answer-5\" class=\"faq-answer\" role=\"region\" aria-labelledby=\"mrf-faq-btn-5\">\r\n            <p>\u0628\u0644\u0647\u060c \u0628\u0631\u0627\u06cc \u0628\u0631\u062e\u06cc \u0627\u0632 \u062e\u062f\u0645\u0627\u062a\u060c \u062a\u0639\u0645\u06cc\u0631\u06a9\u0627\u0631\u0627\u0646 \u0645\u062c\u0631\u0628 \u0645\u0627 \u0628\u0647 \u0645\u062d\u0644 \u0634\u0645\u0627 \u0627\u0639\u0632\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062e\u0648\u062f \u0631\u0627 \u062b\u0628\u062a \u06a9\u0646\u06cc\u062f.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-col\">\r\n      <div class=\"form-header\">\r\n        <div class=\"icon-box\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n            <polyline points=\"14 2 14 8 20 8\"\/>\r\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\r\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\r\n            <polyline points=\"10 9 9 9 8 9\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\r\n          \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0639\u0645\u06cc\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644\r\n          <span>\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639 \u062f\u0631 \u0648\u0627\u062a\u0633\u200c\u0627\u067e<\/span>\r\n        <\/h3>\r\n      <\/div>\r\n\r\n      <form class=\"repair-form\" id=\"mrf-repairForm\" novalidate>\r\n        <div class=\"field-group\">\r\n          <label for=\"mrf-name\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/label>\r\n          <input\r\n            type=\"text\"\r\n            id=\"mrf-name\"\r\n            name=\"name\"\r\n            placeholder=\"\u0645\u062b\u0627\u0644: \u0628\u0647\u0631\u0627\u0645 \u067e\u0648\u0644\u0627\u062f\"\r\n            autocomplete=\"name\"\r\n            maxlength=\"60\"\r\n            enterkeyhint=\"next\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"field-group\">\r\n          <label for=\"mrf-phone\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633<\/label>\r\n          <input\r\n            type=\"tel\"\r\n            id=\"mrf-phone\"\r\n            name=\"phone\"\r\n            placeholder=\"\u06f0\u06f9\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9\"\r\n            autocomplete=\"tel\"\r\n            inputmode=\"tel\"\r\n            pattern=\"09[0-9]{9}\"\r\n            maxlength=\"11\"\r\n            enterkeyhint=\"next\"\r\n            title=\"\u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0631\u0627 \u0628\u0627 \u0641\u0631\u0645\u062a \u06f0\u06f9xxxxxxxxx \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"field-group\">\r\n          <label for=\"mrf-model\">\u0645\u062f\u0644 \u06af\u0648\u0634\u06cc<\/label>\r\n          <input\r\n            type=\"text\"\r\n            id=\"mrf-model\"\r\n            name=\"model\"\r\n            placeholder=\"\u0645\u062b\u0644\u0627\u064b iPhone 13 Pro\"\r\n            autocomplete=\"off\"\r\n            maxlength=\"60\"\r\n            enterkeyhint=\"next\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"field-group issues-block\">\r\n          <label>\u0646\u0648\u0639 \u0639\u06cc\u0628 (\u0686\u0646\u062f \u0645\u0648\u0631\u062f \u0642\u0627\u0628\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0633\u062a)<\/label>\r\n          <div class=\"issues-hint\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\r\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\r\n            <\/svg>\r\n            <span>\u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0686\u0646\u062f \u0645\u0648\u0631\u062f\u060c \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u0631\u0648\u06cc \u0647\u0631 \u06af\u0632\u06cc\u0646\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u0646\u062f \u0639\u06cc\u0628 \u0631\u0627 \u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0645\u0627\u06cc\u06cc\u062f.<\/span>\r\n          <\/div>\r\n          <div class=\"issues-list\" role=\"group\" aria-label=\"\u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0648\u0639 \u0639\u06cc\u0628 - \u0686\u0646\u062f \u0627\u0646\u062a\u062e\u0627\u0628\u06cc\" id=\"mrf-issues-list\">\r\n            <div class=\"issues-group-title\">\u062a\u0639\u0648\u06cc\u0636 \u0642\u0637\u0639\u0627\u062a \u0633\u062e\u062a\u200c\u0627\u0641\u0632\u0627\u0631\u06cc<\/div>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u0627\u0644\u200c\u0633\u06cc\u200c\u062f\u06cc \u0648 \u062a\u0627\u0686\"><span>\u062a\u0639\u0648\u06cc\u0636 \u0627\u0644\u200c\u0633\u06cc\u200c\u062f\u06cc \u0648 \u062a\u0627\u0686<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u0628\u0627\u062a\u0631\u06cc\"><span>\u062a\u0639\u0648\u06cc\u0636 \u0628\u0627\u062a\u0631\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u0634\u06cc\u0634\u0647 \u0627\u0644\u200c\u0633\u06cc\u200c\u062f\u06cc\"><span>\u062a\u0639\u0648\u06cc\u0636 \u0634\u06cc\u0634\u0647 \u0627\u0644\u200c\u0633\u06cc\u200c\u062f\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u0633\u0648\u06a9\u062a \u0634\u0627\u0631\u0698\"><span>\u062a\u0639\u0648\u06cc\u0636 \u0633\u0648\u06a9\u062a \u0634\u0627\u0631\u0698<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u062f\u0631\u0628 \u067e\u0634\u062a\"><span>\u062a\u0639\u0648\u06cc\u0636 \u062f\u0631\u0628 \u067e\u0634\u062a<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u0641\u0631\u06cc\u0645 \u0648 \u0634\u0627\u0633\u06cc\"><span>\u062a\u0639\u0648\u06cc\u0636 \u0641\u0631\u06cc\u0645 \u0648 \u0634\u0627\u0633\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u062f\u0648\u0631\u0628\u06cc\u0646 \u0639\u0642\u0628\"><span>\u062a\u0639\u0648\u06cc\u0636 \u062f\u0648\u0631\u0628\u06cc\u0646 \u0639\u0642\u0628<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u062f\u0648\u0631\u0628\u06cc\u0646 \u062c\u0644\u0648\"><span>\u062a\u0639\u0648\u06cc\u0636 \u062f\u0648\u0631\u0628\u06cc\u0646 \u062c\u0644\u0648<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u0648\u06cc\u0628\u0631\u0627\u062a\u0648\u0631\"><span>\u062a\u0639\u0648\u06cc\u0636 \u0648\u06cc\u0628\u0631\u0627\u062a\u0648\u0631<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u062f\u06a9\u0645\u0647 \u067e\u0627\u0648\u0631\"><span>\u062a\u0639\u0648\u06cc\u0636 \u062f\u06a9\u0645\u0647 \u067e\u0627\u0648\u0631<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0644\u0648\u0645\"><span>\u062a\u0639\u0648\u06cc\u0636 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0644\u0648\u0645<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0648\u06cc\u0636 \u062d\u0633\u06af\u0631 \u0627\u062b\u0631 \u0627\u0646\u06af\u0634\u062a\"><span>\u062a\u0639\u0648\u06cc\u0636 \u062d\u0633\u06af\u0631 \u0627\u062b\u0631 \u0627\u0646\u06af\u0634\u062a<\/span><\/label>\r\n\r\n            <div class=\"issues-group-title\">\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/div>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 \u0633\u0648\u06a9\u062a \u0634\u0627\u0631\u0698\"><span>\u062a\u0639\u0645\u06cc\u0631 \u0633\u0648\u06a9\u062a \u0634\u0627\u0631\u0698<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 \u0628\u0631\u062f\"><span>\u062a\u0639\u0645\u06cc\u0631 \u0628\u0631\u062f<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 \u0627\u0633\u067e\u06cc\u06a9\u0631 \u0645\u06a9\u0627\u0644\u0645\u0647\"><span>\u062a\u0639\u0645\u06cc\u0631 \u0627\u0633\u067e\u06cc\u06a9\u0631 \u0645\u06a9\u0627\u0644\u0645\u0647<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 \u0628\u0644\u0646\u062f\u06af\u0648\u06cc \u0627\u0635\u0644\u06cc\"><span>\u062a\u0639\u0645\u06cc\u0631 \u0628\u0644\u0646\u062f\u06af\u0648\u06cc \u0627\u0635\u0644\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 \u0645\u06cc\u06a9\u0631\u0648\u0641\u0648\u0646\"><span>\u062a\u0639\u0645\u06cc\u0631 \u0645\u06cc\u06a9\u0631\u0648\u0641\u0648\u0646<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 Face ID\"><span>\u062a\u0639\u0645\u06cc\u0631 Face ID<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0639\u0645\u06cc\u0631 Touch ID\"><span>\u062a\u0639\u0645\u06cc\u0631 Touch ID<\/span><\/label>\r\n\r\n            <div class=\"issues-group-title\">\u0645\u0634\u06a9\u0644\u0627\u062a \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc<\/div>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0631\u0648\u0634\u0646 \u0646\u0634\u062f\u0646\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0631\u0648\u0634\u0646 \u0646\u0634\u062f\u0646<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u062e\u0627\u0645\u0648\u0634\u06cc \u0646\u0627\u06af\u0647\u0627\u0646\u06cc\"><span>\u0631\u0641\u0639 \u062e\u0627\u0645\u0648\u0634\u06cc \u0646\u0627\u06af\u0647\u0627\u0646\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0628\u0648\u062a\u200c\u0644\u0648\u067e (\u06af\u06cc\u0631 \u06a9\u0631\u062f\u0646 \u0631\u0648\u06cc \u0644\u0648\u06af\u0648)\"><span>\u0631\u0641\u0639 \u0628\u0648\u062a\u200c\u0644\u0648\u067e (\u06af\u06cc\u0631 \u06a9\u0631\u062f\u0646 \u0631\u0648\u06cc \u0644\u0648\u06af\u0648)<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0641\u0644\u0634 \u0648 \u0646\u0635\u0628 \u0645\u062c\u062f\u062f \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644\"><span>\u0641\u0644\u0634 \u0648 \u0646\u0635\u0628 \u0645\u062c\u062f\u062f \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062d\u0630\u0641 \u0642\u0641\u0644 FRP\"><span>\u062d\u0630\u0641 \u0642\u0641\u0644 FRP<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062d\u0630\u0641 \u0642\u0641\u0644 \u0635\u0641\u062d\u0647\"><span>\u062d\u0630\u0641 \u0642\u0641\u0644 \u0635\u0641\u062d\u0647<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0646\u0635\u0628 \u0648 \u0627\u0631\u062a\u0642\u0627\u06cc \u0631\u0627\u0645 \u0631\u0633\u0645\u06cc\"><span>\u0646\u0635\u0628 \u0648 \u0627\u0631\u062a\u0642\u0627\u06cc \u0631\u0627\u0645 \u0631\u0633\u0645\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0628\u0631\u06cc\u06a9\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0628\u0631\u06cc\u06a9<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0622\u0646\u0644\u0627\u06a9 \u0628\u0648\u062a\u200c\u0644\u0648\u062f\u0631\"><span>\u0622\u0646\u0644\u0627\u06a9 \u0628\u0648\u062a\u200c\u0644\u0648\u062f\u0631<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0648\u062a \u0648 \u0622\u0646\u200c\u0631\u0648\u062a \u062f\u0633\u062a\u06af\u0627\u0647\"><span>\u0631\u0648\u062a \u0648 \u0622\u0646\u200c\u0631\u0648\u062a \u062f\u0633\u062a\u06af\u0627\u0647<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0646\u0635\u0628 \u0631\u0627\u0645 \u0633\u0641\u0627\u0631\u0634\u06cc\"><span>\u0646\u0635\u0628 \u0631\u0627\u0645 \u0633\u0641\u0627\u0631\u0634\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0631\u0645\u06cc\u0645 \u0633\u0631\u06cc\u0627\u0644 (IMEI)\"><span>\u062a\u0631\u0645\u06cc\u0645 \u0633\u0631\u06cc\u0627\u0644 (IMEI)<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062a\u0631\u0645\u06cc\u0645 \u0628\u06cc\u0633\u200c\u0628\u0646\u062f\"><span>\u062a\u0631\u0645\u06cc\u0645 \u0628\u06cc\u0633\u200c\u0628\u0646\u062f<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062d\u0630\u0641 \u0648\u06cc\u0631\u0648\u0633 \u0648 \u0628\u062f\u0627\u0641\u0632\u0627\u0631\"><span>\u062d\u0630\u0641 \u0648\u06cc\u0631\u0648\u0633 \u0648 \u0628\u062f\u0627\u0641\u0632\u0627\u0631<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\"><span>\u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a<\/span><\/label>\r\n\r\n            <div class=\"issues-group-title\">\u0633\u0627\u06cc\u0631 \u0645\u0634\u06a9\u0644\u0627\u062a<\/div>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0634\u0627\u0631\u0698 \u0646\u0634\u062f\u0646\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0634\u0627\u0631\u0698 \u0646\u0634\u062f\u0646<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0622\u0628\u200c\u062e\u0648\u0631\u062f\u06af\u06cc\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0622\u0628\u200c\u062e\u0648\u0631\u062f\u06af\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0622\u0646\u062a\u0646\u200c\u062f\u0647\u06cc\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0622\u0646\u062a\u0646\u200c\u062f\u0647\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0648\u0627\u06cc\u200c\u0641\u0627\u06cc \u0648 \u0628\u0644\u0648\u062a\u0648\u062b\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0648\u0627\u06cc\u200c\u0641\u0627\u06cc \u0648 \u0628\u0644\u0648\u062a\u0648\u062b<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u062f\u0627\u063a \u0634\u062f\u0646 \u06af\u0648\u0634\u06cc\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u062f\u0627\u063a \u0634\u062f\u0646 \u06af\u0648\u0634\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0645\u0635\u0631\u0641 \u0628\u0627\u0644\u0627\u06cc \u0628\u0627\u062a\u0631\u06cc\"><span>\u0631\u0641\u0639 \u0645\u0634\u06a9\u0644 \u0645\u0635\u0631\u0641 \u0628\u0627\u0644\u0627\u06cc \u0628\u0627\u062a\u0631\u06cc<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648 \u0646\u0635\u0628 \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644\"><span>\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648 \u0646\u0635\u0628 \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u062f\u0627\u0646\u06af\u0631\u06cc\u062f \u06cc\u0627 \u0622\u067e\u06af\u0631\u06cc\u062f \u0646\u0633\u062e\u0647 \u0627\u0646\u062f\u0631\u0648\u06cc\u062f\"><span>\u062f\u0627\u0646\u06af\u0631\u06cc\u062f \u06cc\u0627 \u0622\u067e\u06af\u0631\u06cc\u062f \u0646\u0633\u062e\u0647 \u0627\u0646\u062f\u0631\u0648\u06cc\u062f<\/span><\/label>\r\n            <label class=\"issue-option\"><input type=\"checkbox\" name=\"issue\" value=\"\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f\"><span>\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f<\/span><\/label>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"field-group\">\r\n          <label for=\"mrf-description\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u06a9\u0645\u06cc\u0644\u06cc<\/label>\r\n          <textarea\r\n            id=\"mrf-description\"\r\n            name=\"description\"\r\n            placeholder=\"\u0645\u0634\u06a9\u0644 \u062f\u0633\u062a\u06af\u0627\u0647 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647 \u062a\u0648\u0636\u06cc\u062d \u062f\u0647\u06cc\u062f ...\"\r\n            autocomplete=\"off\"\r\n            maxlength=\"500\"\r\n            enterkeyhint=\"send\"\r\n          ><\/textarea>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"submit-btn\" id=\"mrf-submit-btn\">\r\n          \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0647 \u0648\u0627\u062a\u0633\u200c\u0627\u067e\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/>\r\n            <polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"whatsapp-note\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\r\n          <\/svg>\r\n          <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0634\u0645\u0627\u0631\u0647 \u06f0\u06f9\u06f1\u06f9\u06f8\u06f7\u06f0\u06f4\u06f2\u06f3\u06f0 \u062f\u0631 \u0648\u0627\u062a\u0633\u200c\u0627\u067e \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f<\/span>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    'use strict';\r\n\r\n    try {\r\n      var root = document.getElementById('mobileRepairFaqForm');\r\n      if (!root) return;\r\n\r\n      var faqItems = root.querySelectorAll('.faq-item');\r\n      var currentOpen = null;\r\n\r\n      function closeFaq(el) {\r\n        if (!el) return;\r\n        el.classList.remove('open');\r\n        var btn = el.querySelector('.faq-question');\r\n        var ans = el.querySelector('.faq-answer');\r\n        if (btn) btn.setAttribute('aria-expanded', 'false');\r\n        if (ans) ans.style.maxHeight = '0px';\r\n        if (currentOpen === el) currentOpen = null;\r\n      }\r\n\r\n      function openFaq(el) {\r\n        if (!el) return;\r\n        el.classList.add('open');\r\n        var btn = el.querySelector('.faq-question');\r\n        var ans = el.querySelector('.faq-answer');\r\n        if (btn) btn.setAttribute('aria-expanded', 'true');\r\n        if (ans) ans.style.maxHeight = ans.scrollHeight + 'px';\r\n        currentOpen = el;\r\n      }\r\n\r\n      faqItems.forEach(function (item) {\r\n        var btn = item.querySelector('.faq-question');\r\n        var ans = item.querySelector('.faq-answer');\r\n\r\n        if (item.classList.contains('open') && ans) {\r\n          ans.style.maxHeight = ans.scrollHeight + 'px';\r\n          currentOpen = item;\r\n        }\r\n\r\n        if (!btn) return;\r\n\r\n        btn.addEventListener('click', function () {\r\n          var isOpen = item.classList.contains('open');\r\n          faqItems.forEach(function (other) {\r\n            if (other !== item) closeFaq(other);\r\n          });\r\n          if (isOpen) {\r\n            closeFaq(item);\r\n          } else {\r\n            openFaq(item);\r\n          }\r\n        });\r\n      });\r\n\r\n      var resizeTimer = null;\r\n      window.addEventListener('resize', function () {\r\n        if (resizeTimer) window.clearTimeout(resizeTimer);\r\n        resizeTimer = window.setTimeout(function () {\r\n          if (currentOpen) {\r\n            var ans = currentOpen.querySelector('.faq-answer');\r\n            if (ans) ans.style.maxHeight = ans.scrollHeight + 'px';\r\n          }\r\n        }, 150);\r\n      });\r\n\r\n      var phoneInput = document.getElementById('mrf-phone');\r\n      var persianDigits = ['\u06f0', '\u06f1', '\u06f2', '\u06f3', '\u06f4', '\u06f5', '\u06f6', '\u06f7', '\u06f8', '\u06f9'];\r\n      var arabicDigits = ['\u0660', '\u0661', '\u0662', '\u0663', '\u0664', '\u0665', '\u0666', '\u0667', '\u0668', '\u0669'];\r\n\r\n      function normalizeDigits(value) {\r\n        return String(value).replace(\/[\u06f0-\u06f9\u0660-\u0669]\/g, function (ch) {\r\n          var pIndex = persianDigits.indexOf(ch);\r\n          if (pIndex !== -1) return String(pIndex);\r\n          var aIndex = arabicDigits.indexOf(ch);\r\n          if (aIndex !== -1) return String(aIndex);\r\n          return ch;\r\n        });\r\n      }\r\n\r\n      if (phoneInput) {\r\n        phoneInput.addEventListener('input', function () {\r\n          var normalized = normalizeDigits(phoneInput.value);\r\n          if (normalized !== phoneInput.value) {\r\n            phoneInput.value = normalized;\r\n          }\r\n        });\r\n      }\r\n\r\n      var form = document.getElementById('mrf-repairForm');\r\n      var submitBtn = document.getElementById('mrf-submit-btn');\r\n      var issuesList = document.getElementById('mrf-issues-list');\r\n\r\n      if (!form || !submitBtn) return;\r\n\r\n      form.addEventListener('submit', function (e) {\r\n        e.preventDefault();\r\n\r\n        if (submitBtn.disabled) return;\r\n\r\n        var nameInput = document.getElementById('mrf-name');\r\n        var modelInput = document.getElementById('mrf-model');\r\n        var descInput = document.getElementById('mrf-description');\r\n\r\n        if (phoneInput) {\r\n          phoneInput.value = normalizeDigits(phoneInput.value.trim());\r\n        }\r\n\r\n        var selectedIssues = [];\r\n        if (issuesList) {\r\n          issuesList.querySelectorAll('input[type=\"checkbox\"]:checked').forEach(function (cb) {\r\n            selectedIssues.push(cb.value);\r\n          });\r\n        }\r\n\r\n        if (!form.reportValidity()) {\r\n          return;\r\n        }\r\n\r\n        if (selectedIssues.length === 0) {\r\n          if (issuesList) {\r\n            issuesList.style.borderColor = 'rgba(255, 60, 60, 0.4)';\r\n            issuesList.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n            setTimeout(function () {\r\n              issuesList.style.borderColor = '';\r\n            }, 2500);\r\n          }\r\n          return;\r\n        }\r\n\r\n        submitBtn.disabled = true;\r\n\r\n        var name = nameInput ? nameInput.value.trim() : '';\r\n        var phone = phoneInput ? phoneInput.value.trim() : '';\r\n        var model = modelInput ? modelInput.value.trim() : '';\r\n        var desc = descInput ? descInput.value.trim() : '';\r\n        var issuesText = selectedIssues.join('\u060c ');\r\n\r\n        var messageText =\r\n          '\ud83d\udcf1 *\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0639\u0645\u06cc\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644*\\n\\n' +\r\n          '\ud83d\udc64 *\u0646\u0627\u0645:* ' + name + '\\n' +\r\n          '\ud83d\udcde *\u062a\u0644\u0641\u0646:* ' + phone + '\\n' +\r\n          '\ud83d\udcdf *\u0645\u062f\u0644:* ' + model + '\\n' +\r\n          '\ud83d\udd27 *\u0646\u0648\u0639 \u0639\u06cc\u0628:* ' + issuesText + '\\n' +\r\n          '\ud83d\udcdd *\u062a\u0648\u0636\u06cc\u062d\u0627\u062a:* ' + (desc || '\u2014') + '\\n\\n' +\r\n          '\u2705 \u0627\u0631\u0633\u0627\u0644 \u0634\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0639\u0645\u06cc\u0631 \u0633\u0627\u06cc\u062a';\r\n\r\n        var whatsappUrl = 'https:\/\/wa.me\/989198704230?text=' + encodeURIComponent(messageText);\r\n\r\n        var link = document.createElement('a');\r\n        link.href = whatsappUrl;\r\n        link.target = '_blank';\r\n        link.rel = 'noopener noreferrer';\r\n        document.body.appendChild(link);\r\n        link.click();\r\n        document.body.removeChild(link);\r\n\r\n        setTimeout(function () {\r\n          submitBtn.disabled = false;\r\n        }, 1500);\r\n      });\r\n    } catch (err) {\r\n      if (window.console && console.error) {\r\n        console.error('mrf init error:', err);\r\n      }\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-18ccbf9 e-con-full e-flex e-con e-parent\" data-id=\"18ccbf9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2190c92 elementor-widget__width-inherit elementor-widget-widescreen__width-auto elementor-widget-laptop__width-inherit elementor-widget-tablet_extra__width-auto elementor-widget-tablet__width-auto elementor-widget-mobile_extra__width-inherit elementor-widget-mobile__width-auto elementor-widget elementor-widget-html\" data-id=\"2190c92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .about-creative,\r\n  .about-creative *,\r\n  .about-creative *::before,\r\n  .about-creative *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .about-creative {\r\n    --ac-blue: #0066ff;\r\n    --ac-blue-light: #0088ff;\r\n    --ac-blue-dark: #0055dd;\r\n    --ac-cyan: #00aaff;\r\n    --ac-dark: #0a1a33;\r\n    --ac-text: #3a4e6e;\r\n    --ac-border: rgba(0, 102, 255, 0.06);\r\n    --ac-radius-lg: 2rem;\r\n    --ac-radius-md: 1.2rem;\r\n    --ac-radius-sm: 60px;\r\n\r\n    max-width: 100%;\r\n    width: 100%;\r\n    background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);\r\n    padding: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0, 102, 255, 0.06);\r\n    box-shadow: 0 30px 70px -20px rgba(0, 60, 180, 0.08);\r\n    min-height: 500px;\r\n    display: flex;\r\n    align-items: stretch;\r\n    font-family: inherit;\r\n    direction: rtl;\r\n    text-align: right;\r\n    color: var(--ac-dark);\r\n    contain: layout style paint;\r\n  }\r\n\r\n  .about-creative::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(circle at 85% 20%, rgba(0, 102, 255, 0.04) 0%, transparent 50%),\r\n      radial-gradient(circle at 15% 80%, rgba(0, 200, 255, 0.04) 0%, transparent 50%),\r\n      repeating-linear-gradient(45deg, transparent 0px, transparent 20px, rgba(0, 102, 255, 0.015) 20px, rgba(0, 102, 255, 0.015) 21px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .about-creative .orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    opacity: 0.3;\r\n    will-change: transform;\r\n  }\r\n\r\n  .about-creative .orb-1 {\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, #0066ff20, transparent);\r\n    top: -100px;\r\n    right: -100px;\r\n    animation: ac-floatOrb 15s infinite alternate ease-in-out;\r\n  }\r\n\r\n  .about-creative .orb-2 {\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, #0099ff20, transparent);\r\n    bottom: -50px;\r\n    left: -50px;\r\n    animation: ac-floatOrb 20s infinite alternate-reverse ease-in-out;\r\n  }\r\n\r\n  @keyframes ac-floatOrb {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    100% { transform: translate(40px, -30px) scale(1.3); }\r\n  }\r\n\r\n  .about-creative .wrapper {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 0;\r\n    width: 100%;\r\n    padding: 3.5rem 3rem;\r\n    align-items: center;\r\n  }\r\n\r\n  .about-creative .left {\r\n    padding-left: 2.5rem;\r\n    position: relative;\r\n  }\r\n\r\n  .about-creative .left .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    color: var(--ac-blue);\r\n    background: rgba(0, 102, 255, 0.08);\r\n    padding: 0.3rem 1.2rem 0.3rem 1.4rem;\r\n    border-radius: 100px;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    border: 1px solid rgba(0, 102, 255, 0.06);\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .about-creative .left .badge .pulse {\r\n    display: inline-block;\r\n    width: 6px;\r\n    height: 6px;\r\n    background: var(--ac-blue);\r\n    border-radius: 50%;\r\n    animation: ac-pulse-dot 2s infinite;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .about-creative .left h2 {\r\n    font-family: inherit;\r\n    font-size: clamp(1.1rem, 1.8vw, 1.55rem);\r\n    font-weight: 700;\r\n    color: var(--ac-dark);\r\n    line-height: 1.5;\r\n    letter-spacing: -0.02em;\r\n    margin: 0 0 1.2rem 0;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .about-creative .left h2 .highlight {\r\n    background: linear-gradient(135deg, var(--ac-blue), var(--ac-cyan));\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .about-creative .left h2 .highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #0066ff40, #00aaff20);\r\n    border-radius: 10px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .about-creative .left .desc {\r\n    font-family: inherit;\r\n    font-size: 0.9rem;\r\n    font-weight: 400;\r\n    color: var(--ac-text);\r\n    line-height: 1.9;\r\n    max-width: 95%;\r\n    margin: 0 0 1.8rem 0;\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n  }\r\n\r\n  .about-creative .left .desc strong {\r\n    color: var(--ac-blue);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .about-creative .left .features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.7rem;\r\n    margin-bottom: 1.8rem;\r\n  }\r\n\r\n  .about-creative .left .features .tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    background: #ffffff;\r\n    padding: 0.45rem 1.1rem;\r\n    border-radius: var(--ac-radius-sm);\r\n    border: 1px solid var(--ac-border);\r\n    font-size: 0.75rem;\r\n    font-weight: 500;\r\n    color: var(--ac-dark);\r\n    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.02);\r\n    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .about-creative .left .features .tag .dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--ac-blue);\r\n    opacity: 0.4;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .about-creative .left .features .tag .dot.active {\r\n    opacity: 1;\r\n    background: linear-gradient(135deg, var(--ac-blue), var(--ac-cyan));\r\n  }\r\n\r\n  .about-creative .left .contact-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.55rem;\r\n    padding: 1.2rem 2rem;\r\n    background: linear-gradient(135deg, rgba(0, 102, 255, 0.05), rgba(0, 170, 255, 0.05));\r\n    border: 1px solid rgba(0, 102, 255, 0.1);\r\n    border-radius: var(--ac-radius-md);\r\n    width: 100%;\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .about-creative .left .contact-box .contact-title {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: var(--ac-blue);\r\n    font-family: inherit;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .about-creative .left .contact-box .contact-title svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    display: block;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .about-creative .left .contact-box .contact-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n\r\n  .about-creative .left .contact-box .contact-phone {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.55rem;\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: var(--ac-dark);\r\n    text-decoration: none;\r\n    letter-spacing: 0.6px;\r\n    font-family: inherit;\r\n    direction: ltr;\r\n    transition: color 0.3s ease;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .about-creative .left .contact-box .contact-phone svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: var(--ac-blue);\r\n    stroke-width: 2;\r\n    fill: none;\r\n    display: block;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .about-creative .left .contact-box .contact-brand {\r\n    font-size: 0.75rem;\r\n    color: var(--ac-text);\r\n    font-weight: 500;\r\n    font-family: inherit;\r\n    opacity: 0.85;\r\n    letter-spacing: 0.4px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .about-creative .right {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  .about-creative .right .card-stack {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 380px;\r\n    aspect-ratio: 1 \/ 1.1;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer {\r\n    position: absolute;\r\n    border-radius: var(--ac-radius-lg);\r\n    transition: transform 0.5s cubic-bezier(0.2, 0, 0, 1), opacity 0.5s ease, box-shadow 0.5s ease;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-1 {\r\n    width: 85%;\r\n    height: 85%;\r\n    bottom: 0;\r\n    right: 0;\r\n    background: linear-gradient(135deg, #e8f0ff, #d4e4ff);\r\n    border: 1px solid rgba(0, 102, 255, 0.06);\r\n    transform: rotate(-6deg) translateX(-10px) translateY(10px);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-1 .pattern-inner {\r\n    width: 100%;\r\n    height: 100%;\r\n    background:\r\n      radial-gradient(circle at 30% 40%, rgba(0, 102, 255, 0.05) 0%, transparent 60%),\r\n      repeating-linear-gradient(45deg, transparent 0px, transparent 12px, rgba(0, 102, 255, 0.02) 12px, rgba(0, 102, 255, 0.02) 13px);\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-2 {\r\n    width: 92%;\r\n    height: 92%;\r\n    bottom: 0;\r\n    right: 0;\r\n    background: #ffffff;\r\n    border: 1px solid var(--ac-border);\r\n    box-shadow: 0 20px 50px -15px rgba(0, 60, 180, 0.08);\r\n    transform: rotate(-3deg) translateX(-5px) translateY(5px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.5rem;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-2 .icon-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    color: var(--ac-blue);\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-2 .icon-wrap svg {\r\n    width: 80px;\r\n    height: 80px;\r\n    stroke-width: 1.5;\r\n    stroke: currentColor;\r\n    fill: none;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-2 .icon-wrap .label-icon {\r\n    font-size: 0.78rem;\r\n    font-weight: 500;\r\n    color: var(--ac-dark);\r\n    opacity: 0.6;\r\n    letter-spacing: 1px;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 {\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(0, 102, 255, 0.08);\r\n    box-shadow: 0 30px 60px -20px rgba(0, 60, 180, 0.15), 0 0 0 1px rgba(0, 102, 255, 0.02);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0;\r\n    text-align: center;\r\n    cursor: grab;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    touch-action: pan-y;\r\n    overflow: hidden;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3.dragging {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: calc(var(--ac-radius-lg) - 4px);\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: calc(var(--ac-radius-lg) - 4px);\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transform: scale(0.92) translateY(8px);\r\n    transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide.active {\r\n    opacity: 1;\r\n    transform: scale(1) translateY(0);\r\n    pointer-events: auto;\r\n    z-index: 3;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide.exit {\r\n    opacity: 0;\r\n    transform: scale(1.08) translateY(-8px);\r\n    z-index: 2;\r\n    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide .slide-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 1.5rem;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));\r\n    border-radius: 0 0 calc(var(--ac-radius-lg) - 4px) calc(var(--ac-radius-lg) - 4px);\r\n    color: #fff;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    text-align: right;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide .slide-overlay .slide-title {\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n    margin-bottom: 0.2rem;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-container .slide .slide-overlay .slide-sub {\r\n    font-size: 0.78rem;\r\n    opacity: 0.85;\r\n    font-weight: 400;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-dots {\r\n    position: absolute;\r\n    bottom: 12px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 8px;\r\n    z-index: 10;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-dots .dot-slide {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.4);\r\n    cursor: pointer;\r\n    transition: width 0.3s ease, background 0.3s ease, transform 0.3s ease;\r\n    border: none;\r\n    padding: 0;\r\n    position: relative;\r\n    z-index: 11;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-dots .dot-slide.active {\r\n    background: #ffffff;\r\n    width: 24px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 20px rgba(0, 102, 255, 0.3);\r\n  }\r\n\r\n  .about-creative .right .card-stack .layer-3 .slider-dots .dot-slide:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .about-creative .left .features .tag:hover {\r\n      border-color: rgba(0, 102, 255, 0.25);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 8px 20px -8px rgba(0, 102, 255, 0.12);\r\n    }\r\n\r\n    .about-creative .right .card-stack:hover .layer-3 {\r\n      transform: translateY(-8px) scale(1.01);\r\n      box-shadow: 0 40px 80px -25px rgba(0, 60, 180, 0.2);\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-3 .slider-dots .dot-slide:hover {\r\n      background: rgba(255, 255, 255, 0.85);\r\n      transform: scale(1.2);\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-phone:hover {\r\n      color: var(--ac-blue);\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    .about-creative .wrapper {\r\n      padding: 3rem 2rem;\r\n      gap: 2rem;\r\n    }\r\n\r\n    .about-creative .left {\r\n      padding-left: 0;\r\n    }\r\n\r\n    .about-creative .left .desc {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .about-creative .left h2 {\r\n      font-size: 1.15rem;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 820px) {\r\n    .about-creative .wrapper {\r\n      grid-template-columns: 1fr;\r\n      gap: 2.5rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack {\r\n      max-width: 340px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .about-creative {\r\n      min-height: auto;\r\n    }\r\n\r\n    .about-creative .left h2 {\r\n      font-size: 1.05rem;\r\n    }\r\n\r\n    .about-creative .left .features .tag {\r\n      font-size: 0.7rem;\r\n      padding: 0.4rem 1rem;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 600px) {\r\n    .about-creative .wrapper {\r\n      padding: 2rem 1.2rem;\r\n    }\r\n\r\n    .about-creative {\r\n      border-radius: 1.8rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack {\r\n      max-width: 300px;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-2 .icon-wrap svg {\r\n      width: 60px;\r\n      height: 60px;\r\n    }\r\n\r\n    .about-creative .left .features {\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .about-creative .left .features .tag {\r\n      font-size: 0.65rem;\r\n      padding: 0.35rem 0.8rem;\r\n    }\r\n\r\n    .about-creative .left h2 {\r\n      font-size: 0.95rem;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .about-creative .left .desc {\r\n      font-size: 0.82rem;\r\n      line-height: 1.85;\r\n    }\r\n\r\n    .about-creative .left .contact-box {\r\n      padding: 1rem 1.2rem;\r\n      max-width: 100%;\r\n      gap: 0.45rem;\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-title {\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-phone {\r\n      font-size: 1rem;\r\n      gap: 0.45rem;\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-phone svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-brand {\r\n      font-size: 0.7rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-3 .slider-container .slide .slide-overlay .slide-title {\r\n      font-size: 0.88rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-3 .slider-container .slide .slide-overlay .slide-sub {\r\n      font-size: 0.68rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-3 .slider-container .slide .slide-overlay {\r\n      padding: 1.1rem;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 400px) {\r\n    .about-creative .wrapper {\r\n      padding: 1.5rem 0.8rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack {\r\n      max-width: 260px;\r\n    }\r\n\r\n    .about-creative .left h2 {\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    .about-creative .left .desc {\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    .about-creative .left .contact-box {\r\n      padding: 0.85rem 1rem;\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-title {\r\n      font-size: 0.72rem;\r\n    }\r\n\r\n    .about-creative .left .contact-box .contact-phone {\r\n      font-size: 0.92rem;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-3 .slider-dots .dot-slide {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer-3 .slider-dots .dot-slide.active {\r\n      width: 18px;\r\n    }\r\n  }\r\n\r\n  @keyframes ac-pulse-dot {\r\n    0% { opacity: 0.4; transform: scale(0.8); }\r\n    50% { opacity: 1; transform: scale(1.2); box-shadow: 0 0 14px rgba(0, 102, 255, 0.25); }\r\n    100% { opacity: 0.4; transform: scale(0.8); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .about-creative .orb-1,\r\n    .about-creative .orb-2,\r\n    .about-creative .left .badge .pulse {\r\n      animation: none !important;\r\n    }\r\n\r\n    .about-creative .right .card-stack .layer,\r\n    .about-creative .right .card-stack .layer-3 .slider-container .slide,\r\n    .about-creative .left .features .tag {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"about-creative\" dir=\"rtl\" lang=\"fa\" aria-label=\"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\">\r\n  <div class=\"orb orb-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"orb orb-2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrapper\">\r\n    <div class=\"left\">\r\n      <div class=\"badge\">\r\n        <span class=\"pulse\" aria-hidden=\"true\"><\/span>\r\n        \u0645\u0639\u0631\u0641\u06cc \u067e\u0648\u0644\u0627\u062f\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0645\u0631\u06a9\u0632 <span class=\"highlight\">\u062a\u062e\u0635\u0635\u06cc \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u0645\u0648\u0628\u0627\u06cc\u0644<\/span> \u062f\u0631 \u062c\u0646\u0648\u0628 \u062a\u0647\u0631\u0627\u0646\r\n      <\/h2>\r\n\r\n      <p class=\"desc\">\r\n        \u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0627\u0646\u062f\u0631\u0648\u06cc\u062f \u0648 \u0622\u06cc\u0641\u0648\u0646\u060c \u0628\u0627 \u0628\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0631\u0648\u0632\u060c \u062a\u062d\u0648\u06cc\u0644 \u0628\u0647 \u0645\u0648\u0642\u0639\u060c \u0642\u0637\u0639\u0627\u062a \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a.\r\n      <\/p>\r\n\r\n      <div class=\"features\">\r\n        <span class=\"tag\">\r\n          <span class=\"dot active\" aria-hidden=\"true\"><\/span>\r\n          \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647\r\n        <\/span>\r\n        <span class=\"tag\">\r\n          <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n          \u0645\u0627\u0647\u0627\u0646\u0647 +\u06f1\u06f0\u06f0\u06f0 \u062f\u0633\u062a\u06af\u0627\u0647\r\n        <\/span>\r\n        <span class=\"tag\">\r\n          <span class=\"dot active\" aria-hidden=\"true\"><\/span>\r\n          \u06f9\u06f8\u066a \u0631\u0636\u0627\u06cc\u062a\r\n        <\/span>\r\n        <span class=\"tag\">\r\n          <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n          \u062a\u062d\u0648\u06cc\u0644 \u0628\u0647 \u0645\u0648\u0642\u0639\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"contact-box\">\r\n        <div class=\"contact-title\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n          <\/svg>\r\n          \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646 \u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f\r\n        <\/div>\r\n        <div class=\"contact-row\">\r\n          <a href=\"tel:09198704230\" class=\"contact-phone\" aria-label=\"\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0648\u0628\u0627\u06cc\u0644 \u067e\u0648\u0644\u0627\u062f\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n            \u06f0\u06f9\u06f1\u06f9\u06f8\u06f7\u06f0\u06f4\u06f2\u06f3\u06f0\r\n          <\/a>\r\n        <\/div>\r\n        <span class=\"contact-brand\">\u0645\u0648\u0628\u0627\u06cc\u0644 \u067e\u0648\u0644\u0627\u062f<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"right\">\r\n      <div class=\"card-stack\">\r\n        <div class=\"layer layer-1\" aria-hidden=\"true\">\r\n          <div class=\"pattern-inner\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"layer layer-2\" aria-hidden=\"true\">\r\n          <div class=\"icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"4\" y=\"1\" width=\"16\" height=\"22\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n              <rect x=\"6.5\" y=\"4\" width=\"11\" height=\"14\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\"0.3\"\/>\r\n              <line x1=\"8\" y1=\"7\" x2=\"12\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\"0.3\"\/>\r\n              <line x1=\"8\" y1=\"10\" x2=\"14\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\"0.3\"\/>\r\n              <circle cx=\"15\" cy=\"7\" r=\"0.6\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.3\"\/>\r\n              <circle cx=\"12\" cy=\"19\" r=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\r\n              <circle cx=\"20\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n              <line x1=\"22\" y1=\"20\" x2=\"24\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n              <polyline points=\"8.5 13 10.5 15 14.5 11\" stroke=\"#0066ff\" stroke-width=\"2\" opacity=\"0.6\"\/>\r\n            <\/svg>\r\n            <span class=\"label-icon\">\u062a\u062e\u0635\u0635 \u00b7 \u06a9\u06cc\u0641\u06cc\u062a \u00b7 \u062a\u0639\u0647\u062f<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"layer layer-3\" id=\"acSliderLayer\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u0648\u0644\u0627\u062f\">\r\n          <div class=\"slider-container\" id=\"acAboutSlider\" aria-live=\"polite\">\r\n            <div class=\"slide active\" data-index=\"0\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f1 \u0627\u0632 \u06f4\">\r\n              <img decoding=\"async\" src=\"https:\/\/pooladmobile.com\/wp-content\/uploads\/2026\/07\/Mobile-Repair-scaled.webp\" alt=\"\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\" draggable=\"false\">\r\n              <div class=\"slide-overlay\">\r\n                <div class=\"slide-title\">\u062a\u0639\u0645\u06cc\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/div>\r\n                <div class=\"slide-sub\">\u0628\u0627 \u0628\u0647\u200c\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"slide\" data-index=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f2 \u0627\u0632 \u06f4\" aria-hidden=\"true\">\r\n              <img src=\"https:\/\/pooladmobile.com\/wp-content\/uploads\/2026\/07\/Mobile-Repair-scaled.webp\" alt=\"\u0642\u0637\u0639\u0627\u062a \u0627\u0635\u0644\u06cc \u0648 \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\" draggable=\"false\" loading=\"lazy\" decoding=\"async\">\r\n              <div class=\"slide-overlay\">\r\n                <div class=\"slide-title\">\u0642\u0637\u0639\u0627\u062a \u0627\u0635\u0644\u06cc<\/div>\r\n                <div class=\"slide-sub\">\u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"slide\" data-index=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f3 \u0627\u0632 \u06f4\" aria-hidden=\"true\">\r\n              <img src=\"https:\/\/pooladmobile.com\/wp-content\/uploads\/2026\/07\/Mobile-Repair-scaled.webp\" alt=\"\u062a\u06cc\u0645 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u067e\u0648\u0644\u0627\u062f\" draggable=\"false\" loading=\"lazy\" decoding=\"async\">\r\n              <div class=\"slide-overlay\">\r\n                <div class=\"slide-title\">\u062a\u06cc\u0645 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/div>\r\n                <div class=\"slide-sub\">\u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"slide\" data-index=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f4 \u0627\u0632 \u06f4\" aria-hidden=\"true\">\r\n              <img src=\"https:\/\/pooladmobile.com\/wp-content\/uploads\/2026\/07\/Mobile-Repair-scaled.webp\" alt=\"\u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\" draggable=\"false\" loading=\"lazy\" decoding=\"async\">\r\n              <div class=\"slide-overlay\">\r\n                <div class=\"slide-title\">\u0631\u0636\u0627\u06cc\u062a \u06f9\u06f8\u066a<\/div>\r\n                <div class=\"slide-sub\">\u0627\u0641\u062a\u062e\u0627\u0631 \u0645\u0627 \u0627\u0639\u062a\u0645\u0627\u062f \u0634\u0645\u0627\u0633\u062a<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"slider-dots\" role=\"group\" aria-label=\"\u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0633\u0644\u0627\u06cc\u062f\">\r\n              <button type=\"button\" class=\"dot-slide active\" data-index=\"0\" aria-label=\"\u0631\u0641\u062a\u0646 \u0628\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f \u06f1\" aria-current=\"true\"><\/button>\r\n              <button type=\"button\" class=\"dot-slide\" data-index=\"1\" aria-label=\"\u0631\u0641\u062a\u0646 \u0628\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f \u06f2\" aria-current=\"false\"><\/button>\r\n              <button type=\"button\" class=\"dot-slide\" data-index=\"2\" aria-label=\"\u0631\u0641\u062a\u0646 \u0628\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f \u06f3\" aria-current=\"false\"><\/button>\r\n              <button type=\"button\" class=\"dot-slide\" data-index=\"3\" aria-label=\"\u0631\u0641\u062a\u0646 \u0628\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f \u06f4\" aria-current=\"false\"><\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    'use strict';\r\n\r\n    try {\r\n      var sliderContainer = document.getElementById('acAboutSlider');\r\n      var sliderLayer = document.getElementById('acSliderLayer');\r\n      if (!sliderContainer || !sliderLayer) return;\r\n\r\n      var slides = sliderContainer.querySelectorAll('.slide');\r\n      var dots = sliderContainer.querySelectorAll('.dot-slide');\r\n      var totalSlides = slides.length;\r\n      var currentIndex = 0;\r\n      var interval = null;\r\n      var isAnimating = false;\r\n\r\n      var startX = 0;\r\n      var startY = 0;\r\n      var isDragging = false;\r\n      var isSwiping = false;\r\n      var diffX = 0;\r\n      var diffY = 0;\r\n\r\n      var prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      function goToSlide(index) {\r\n        if (isAnimating) return;\r\n        if (index < 0) index = totalSlides - 1;\r\n        if (index >= totalSlides) index = 0;\r\n        if (index === currentIndex) return;\r\n\r\n        isAnimating = true;\r\n\r\n        var oldSlide = slides[currentIndex];\r\n        oldSlide.classList.remove('active');\r\n        oldSlide.classList.add('exit');\r\n        oldSlide.setAttribute('aria-hidden', 'true');\r\n\r\n        var newSlide = slides[index];\r\n        newSlide.classList.add('active');\r\n        newSlide.classList.remove('exit');\r\n        newSlide.setAttribute('aria-hidden', 'false');\r\n\r\n        dots.forEach(function (dot, i) {\r\n          var active = i === index;\r\n          dot.classList.toggle('active', active);\r\n          dot.setAttribute('aria-current', active ? 'true' : 'false');\r\n        });\r\n\r\n        currentIndex = index;\r\n\r\n        setTimeout(function () {\r\n          oldSlide.classList.remove('exit');\r\n          isAnimating = false;\r\n        }, prefersReducedMotion ? 0 : 700);\r\n      }\r\n\r\n      function nextSlide() {\r\n        goToSlide(currentIndex + 1);\r\n      }\r\n\r\n      function prevSlide() {\r\n        goToSlide(currentIndex - 1);\r\n      }\r\n\r\n      function startSlider() {\r\n        if (prefersReducedMotion) return;\r\n        stopSlider();\r\n        interval = window.setInterval(nextSlide, 3500);\r\n      }\r\n\r\n      function stopSlider() {\r\n        if (interval) {\r\n          window.clearInterval(interval);\r\n          interval = null;\r\n        }\r\n      }\r\n\r\n      dots.forEach(function (dot) {\r\n        dot.addEventListener('click', function (e) {\r\n          e.stopPropagation();\r\n          var index = parseInt(dot.getAttribute('data-index'), 10);\r\n          if (index !== currentIndex) {\r\n            goToSlide(index);\r\n            startSlider();\r\n          }\r\n        });\r\n      });\r\n\r\n      function getClientX(e) {\r\n        if (e.touches && e.touches.length) return e.touches[0].clientX;\r\n        return e.clientX;\r\n      }\r\n\r\n      function getClientY(e) {\r\n        if (e.touches && e.touches.length) return e.touches[0].clientY;\r\n        return e.clientY;\r\n      }\r\n\r\n      function onDragStart(e) {\r\n        if (e.target.closest('.dot-slide')) return;\r\n\r\n        startX = getClientX(e);\r\n        startY = getClientY(e);\r\n        diffX = 0;\r\n        diffY = 0;\r\n        isDragging = true;\r\n        isSwiping = false;\r\n\r\n        sliderLayer.classList.add('dragging');\r\n        stopSlider();\r\n      }\r\n\r\n      function onDragMove(e) {\r\n        if (!isDragging) return;\r\n\r\n        diffX = startX - getClientX(e);\r\n        diffY = startY - getClientY(e);\r\n\r\n        if (!isSwiping && (Math.abs(diffX) > 10 || Math.abs(diffY) > 10)) {\r\n          if (Math.abs(diffX) > Math.abs(diffY)) {\r\n            isSwiping = true;\r\n          } else {\r\n            isDragging = false;\r\n            sliderLayer.classList.remove('dragging');\r\n            return;\r\n          }\r\n        }\r\n\r\n        if (isSwiping && e.cancelable) {\r\n          e.preventDefault();\r\n        }\r\n      }\r\n\r\n      function onDragEnd() {\r\n        if (!isDragging && !isSwiping) return;\r\n\r\n        sliderLayer.classList.remove('dragging');\r\n\r\n        if (isSwiping) {\r\n          if (Math.abs(diffX) > Math.abs(diffY)) {\r\n            if (diffX > 30) {\r\n              nextSlide();\r\n            } else if (diffX < -30) {\r\n              prevSlide();\r\n            }\r\n          }\r\n          startSlider();\r\n        } else {\r\n          startSlider();\r\n        }\r\n\r\n        isDragging = false;\r\n        isSwiping = false;\r\n        diffX = 0;\r\n        diffY = 0;\r\n      }\r\n\r\n      sliderContainer.addEventListener('touchstart', onDragStart, { passive: true });\r\n      sliderContainer.addEventListener('touchmove', onDragMove, { passive: false });\r\n      sliderContainer.addEventListener('touchend', onDragEnd, { passive: true });\r\n      sliderContainer.addEventListener('touchcancel', onDragEnd, { passive: true });\r\n\r\n      sliderContainer.addEventListener('mousedown', onDragStart);\r\n      document.addEventListener('mousemove', function (e) {\r\n        if (isDragging) onDragMove(e);\r\n      });\r\n      document.addEventListener('mouseup', function () {\r\n        if (isDragging || isSwiping) onDragEnd();\r\n      });\r\n\r\n      sliderContainer.querySelectorAll('img').forEach(function (img) {\r\n        img.addEventListener('dragstart', function (e) {\r\n          e.preventDefault();\r\n        });\r\n      });\r\n\r\n      sliderLayer.addEventListener('mouseenter', stopSlider);\r\n      sliderLayer.addEventListener('mouseleave', startSlider);\r\n\r\n      document.addEventListener('keydown', function (e) {\r\n        var rect = sliderLayer.getBoundingClientRect();\r\n        var inView = rect.top < window.innerHeight && rect.bottom > 0;\r\n        if (!inView) return;\r\n\r\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\r\n          e.preventDefault();\r\n          nextSlide();\r\n          startSlider();\r\n        } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\r\n          e.preventDefault();\r\n          prevSlide();\r\n          startSlider();\r\n        }\r\n      });\r\n\r\n      document.addEventListener('visibilitychange', function () {\r\n        if (document.hidden) {\r\n          stopSlider();\r\n        } else {\r\n          startSlider();\r\n        }\r\n      });\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              startSlider();\r\n            } else {\r\n              stopSlider();\r\n            }\r\n          });\r\n        }, { threshold: 0.2 });\r\n        observer.observe(sliderLayer);\r\n      }\r\n\r\n      slides.forEach(function (slide, i) {\r\n        if (i === 0) {\r\n          slide.classList.add('active');\r\n          slide.setAttribute('aria-hidden', 'false');\r\n        } else {\r\n          slide.classList.remove('active', 'exit');\r\n          slide.setAttribute('aria-hidden', 'true');\r\n        }\r\n      });\r\n\r\n      currentIndex = 0;\r\n      startSlider();\r\n    } catch (err) {\r\n      if (window.console && console.error) {\r\n        console.error('about-creative init error:', err);\r\n      }\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647 \u0645\u0648\u0641\u0642 \u0628\u0631\u0627\u06cc \u062a\u0639\u0645\u06cc\u0631 \u06af\u0648\u0634\u06cc\u060c \u0631\u0648\u06cc \u062a\u062e\u0635\u0635 \u0645\u0627 \u062d\u0633\u0627\u0628 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0631\u0633\u06cc \u062a\u062e\u0635\u0635\u06cc\u060c \u062a\u0634\u062e\u06cc\u0635 \u0627\u06cc\u0631\u0627\u062f \u0648 \u0627\u0639\u0644\u0627\u0645 \u0647\u0632\u06cc\u0646\u0647 \u067e\u06cc\u0634 \u0627\u0632 \u062a\u0639\u0645\u06cc\u0631 \u067e\u0633 \u0627\u0632 \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u0633\u062a\u06af\u0627\u0647 \u0627\u0632 \u0645\u0634\u062a\u0631\u06cc\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u0639\u06cc\u0628\u200c\u06cc\u0627\u0628\u06cc \u062a\u0648\u0633\u0637 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0631\u0627\u062f \u062f\u0633\u062a\u06af\u0627\u0647 \u0648 \u0642\u0637\u0639\u0627\u062a \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0639\u0645\u06cc\u0631 \u06cc\u0627 \u062a\u0639\u0648\u06cc\u0636 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0648 \u0628\u0631\u0622\u0648\u0631\u062f \u0647\u0632\u06cc\u0646\u0647 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u067e\u0633 \u0627\u0632 \u062a\u0623\u06cc\u06cc\u062f [&hellip;]<\/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-175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pooladmobile.com\/index.php?rest_route=\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pooladmobile.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pooladmobile.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pooladmobile.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pooladmobile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=175"}],"version-history":[{"count":178,"href":"https:\/\/pooladmobile.com\/index.php?rest_route=\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/pooladmobile.com\/index.php?rest_route=\/wp\/v2\/pages\/175\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/pooladmobile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}