{"id":833,"date":"2026-08-22T11:03:24","date_gmt":"2026-08-22T11:03:24","guid":{"rendered":"https:\/\/datarecovery.om\/?page_id=833"},"modified":"2026-08-22T11:15:37","modified_gmt":"2026-08-22T11:15:37","slug":"laptop-repair","status":"publish","type":"page","link":"https:\/\/datarecovery.om\/en\/laptop-repair\/","title":{"rendered":"laptop repair"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"833\" class=\"elementor elementor-833 elementor-828\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8525a2c e-con-full e-flex e-con e-parent\" data-id=\"8525a2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8015cd7 elementor-widget elementor-widget-html\" data-id=\"8015cd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-repair-hero\" dir=\"rtl\">\n\n  <div class=\"laptop-repair-hero__container\">\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n    <div class=\"laptop-repair-hero__content\">\n\n      <span class=\"laptop-repair-hero__eyebrow\">\n\n        <span class=\"laptop-repair-hero__eyebrow-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/>\n            <path d=\"M2 20h20\"\/>\n            <path d=\"M8 20l1-4h6l1 4\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          Laptop Repair \u2022 Muscat \u2022 Oman\n        <\/span>\n\n      <\/span>\n\n\n      <h1 class=\"laptop-repair-hero__title\">\n        \u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0645\u0633\u0642\u0637\n      <\/h1>\n\n\n      <p class=\"laptop-repair-hero__lead\">\n        \u0625\u0635\u0644\u0627\u062d \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0628\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646\n        <strong>25 \u0639\u0627\u0645\u0627\u064b<\/strong>\u060c\n        \u0648\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a\u060c \u0639\u0644\u0649 \u064a\u062f \u0641\u0646\u064a\u064a\u0646 \u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u064a\u0646\u060c\n        \u0645\u0639 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0641\u064a \u0645\u0633\u0642\u0637 \u0648\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062c\u0647\u0627\u0632 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646.\n      <\/p>\n\n\n\n      <!-- ===================================================\n           CTA\n      ==================================================== -->\n      <div class=\"laptop-repair-hero__buttons\">\n\n        <a\n          href=\"tel:+96877480955\"\n          class=\"laptop-repair-hero__btn laptop-repair-hero__btn--primary\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 4h4l2 5-2.5 1.8a15.5 15.5 0 0 0 4.7 4.7L15 13l5 2v4c0 1.1-.9 2-2 2C10 20.5 3.5 14 3 6c0-1.1.9-2 2-2Z\"\/>\n          <\/svg>\n\n          <span>\n            \u0637\u0644\u0628 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\n          <\/span>\n\n        <\/a>\n\n\n        <a href=\"https:\/\/wa.me\/96877480955\" target=\"_blank\" rel=\"noopener\" class=\"laptop-repair-hero__btn laptop-repair-hero__btn--secondary\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20.5 11.5a8.5 8.5 0 0 1-12.6 7.4L3 20.5l1.6-4.8A8.5 8.5 0 1 1 20.5 11.5Z\"\/>\n          <\/svg>\n\n          <span>\n            \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062e\u0628\u0631\u0627\u0626\u0646\u0627\n          <\/span>\n\n        <\/a>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           TRUST\n      ==================================================== -->\n      <div class=\"laptop-repair-hero__trust\">\n\n\n        <!-- 01 -->\n        <div class=\"laptop-repair-trust\">\n\n          <span class=\"laptop-repair-trust__value\">\n            25+\n          <\/span>\n\n          <div>\n            <strong>\n              \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- 02 -->\n        <div class=\"laptop-repair-trust\">\n\n          <span class=\"laptop-repair-trust__value\">\n            5,000+\n          <\/span>\n\n          <div>\n            <strong>\n              \u0623\u0643\u062b\u0631 \u0645\u0646 5,000 \u0639\u0645\u064a\u0644\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- 03 -->\n        <div class=\"laptop-repair-trust\">\n\n          <span class=\"laptop-repair-trust__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n              <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>\n              \u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         LAPTOP VISUAL\n    ====================================================== -->\n    <div class=\"laptop-repair-hero__visual\">\n\n      <div class=\"laptop-diagnostic\">\n\n\n        <!-- TOP BAR -->\n        <div class=\"laptop-diagnostic__top\">\n\n          <div class=\"laptop-diagnostic__top-status\">\n\n            <i><\/i>\n\n            <span>\n              LAPTOP DIAGNOSTIC\n            <\/span>\n\n          <\/div>\n\n          <span class=\"laptop-diagnostic__id\">\n            DEVICE \/ 01\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             LAPTOP\n        ================================================== -->\n        <div class=\"laptop-diagnostic__device\">\n\n          <div class=\"laptop-device\">\n\n\n            <!-- SCREEN -->\n            <div class=\"laptop-device__screen\">\n\n              <div class=\"laptop-device__screen-inner\">\n\n                <div class=\"laptop-device__screen-head\">\n\n                  <span>\n                    DISPLAY\n                  <\/span>\n\n                  <i><\/i>\n\n                <\/div>\n\n\n                <div class=\"laptop-device__scan\">\n\n                  <span class=\"laptop-device__scan-circle\">\n\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                      <circle cx=\"20\" cy=\"20\" r=\"11\"\/>\n                      <path d=\"m28 28 11 11\"\/>\n                    <\/svg>\n\n                  <\/span>\n\n\n                  <div>\n\n                    <strong>\n                      SYSTEM CHECK\n                    <\/strong>\n\n                    <span>\n                      ANALYZING\n                    <\/span>\n\n                  <\/div>\n\n                <\/div>\n\n\n                <div class=\"laptop-device__screen-progress\">\n\n                  <span><\/span>\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <!-- HINGE -->\n            <div class=\"laptop-device__hinge\">\n\n              <span><\/span>\n              <span><\/span>\n\n            <\/div>\n\n\n\n            <!-- BASE -->\n            <div class=\"laptop-device__base\">\n\n              <div class=\"laptop-device__keyboard\">\n\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n\n              <\/div>\n\n\n              <div class=\"laptop-device__trackpad\"><\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             DIAGNOSTIC ITEMS\n        ================================================== -->\n        <div class=\"laptop-diagnostic__checks\">\n\n\n          <!-- DISPLAY -->\n          <div class=\"laptop-diagnostic-check\">\n\n            <span class=\"laptop-diagnostic-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                <path d=\"M8 21h8\"\/>\n                <path d=\"M12 18v3\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n\n              <span>\n                DISPLAY\n              <\/span>\n\n              <strong>\n                CHECK\n              <\/strong>\n\n            <\/div>\n\n            <i class=\"is-blue\"><\/i>\n\n          <\/div>\n\n\n\n          <!-- BATTERY -->\n          <div class=\"laptop-diagnostic-check\">\n\n            <span class=\"laptop-diagnostic-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"3\" y=\"7\" width=\"17\" height=\"10\" rx=\"2\"\/>\n                <path d=\"M20 10h2v4h-2\"\/>\n                <path d=\"M7 10v4\"\/>\n                <path d=\"M10 10v4\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n\n              <span>\n                BATTERY\n              <\/span>\n\n              <strong>\n                ANALYSIS\n              <\/strong>\n\n            <\/div>\n\n            <i class=\"is-orange\"><\/i>\n\n          <\/div>\n\n\n\n          <!-- MOTHERBOARD -->\n          <div class=\"laptop-diagnostic-check\">\n\n            <span class=\"laptop-diagnostic-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n                <rect x=\"8\" y=\"8\" width=\"5\" height=\"5\"\/>\n                <path d=\"M15 8h2\"\/>\n                <path d=\"M15 12h2\"\/>\n                <path d=\"M8 16h9\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n\n              <span>\n                MOTHERBOARD\n              <\/span>\n\n              <strong>\n                INSPECTION\n              <\/strong>\n\n            <\/div>\n\n            <i class=\"is-green\"><\/i>\n\n          <\/div>\n\n\n\n          <!-- SSD -->\n          <div class=\"laptop-diagnostic-check\">\n\n            <span class=\"laptop-diagnostic-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\"\/>\n                <circle cx=\"9\" cy=\"12\" r=\"3\"\/>\n                <path d=\"M14 9h3\"\/>\n                <path d=\"M14 12h3\"\/>\n                <path d=\"M14 15h2\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n\n              <span>\n                SSD \/ STORAGE\n              <\/span>\n\n              <strong>\n                READY\n              <\/strong>\n\n            <\/div>\n\n            <i class=\"is-green\"><\/i>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             BOTTOM\n        ================================================== -->\n        <div class=\"laptop-diagnostic__bottom\">\n\n          <span>SCREEN<\/span>\n          <span>BATTERY<\/span>\n          <span>MOTHERBOARD<\/span>\n          <span>SSD<\/span>\n          <span>SOFTWARE<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           FLOATING\n      ==================================================== -->\n      <div class=\"laptop-repair-floating\">\n\n        <span class=\"laptop-repair-floating__icon\">\n\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n            <path d=\"M24 5 39 11v11c0 10-6 18-15 22C15 40 9 32 9 22V11l15-6Z\"\/>\n            <path d=\"m17 24 5 5 10-11\"\/>\n          <\/svg>\n\n        <\/span>\n\n\n        <div>\n\n          <small>\n            REPAIR WARRANTY\n          <\/small>\n\n          <strong>\n            \u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP REPAIR HERO\n========================================================== *\/\n\n.laptop-repair-hero {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n  --navy: #031226;\n  --deep: #061b38;\n  --green: #25d366;\n  --orange: #ffb84d;\n\n  position: relative;\n\n  width: 100%;\n\n  min-height: 750px;\n\n  padding:\n    165px\n    24px\n    75px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 85% 25%,\n      rgba(23,107,255,.18),\n      transparent 31%\n    ),\n    radial-gradient(\n      circle at 4% 96%,\n      rgba(0,163,255,.07),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #020d1c 0%,\n      #04162d 52%,\n      #07284c 100%\n    );\n\n}\n\n\n\/* ==========================================================\n   GRID BACKGROUND\n========================================================== *\/\n\n.laptop-repair-hero::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .24;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.027) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.027) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-repair-hero__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1240px,\n      100%\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1.05fr\n    .95fr;\n\n  gap: 65px;\n\n  align-items: center;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-repair-hero__content {\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-repair-hero__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 16px;\n\n  padding:\n    6px\n    11px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border:\n    1px solid\n    rgba(69,157,255,.20);\n\n  border-radius: 999px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #69b1ff;\n\n  font-family:\n    Arial,\n    \"Cairo\",\n    sans-serif;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n}\n\n\n\/* icon *\/\n\n.laptop-repair-hero__eyebrow-icon {\n\n  width: 24px;\n  height: 24px;\n\n  display: grid;\n\n  place-items: center;\n\n}\n\n\n.laptop-repair-hero__eyebrow-icon svg {\n\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   H1\n========================================================== *\/\n\n.laptop-repair-hero__title {\n\n  max-width: 760px;\n\n  margin:\n    0\n    0\n    17px !important;\n\n  color:\n    #ffffff !important;\n\n  font-family:\n    \"Cairo\",\n    sans-serif !important;\n\n  font-size:\n    27px !important;\n\n  font-weight:\n    800 !important;\n\n  line-height:\n    1.55 !important;\n\n}\n\n\n\/* ==========================================================\n   LEAD\n========================================================== *\/\n\n.laptop-repair-hero__lead {\n\n  max-width: 720px;\n\n  margin: 0;\n\n  color: #afc1d3;\n\n  font-size: 14px;\n\n  line-height: 2.1;\n\n}\n\n\n.laptop-repair-hero__lead strong {\n\n  color: #ffffff;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   BUTTONS\n========================================================== *\/\n\n.laptop-repair-hero__buttons {\n\n  margin-top: 25px;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n}\n\n\n.laptop-repair-hero__btn {\n\n  min-height: 53px;\n\n  padding:\n    0\n    18px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 9px;\n\n  border-radius: 11px;\n\n  text-decoration: none !important;\n\n  font-size: 11.5px;\n\n  font-weight: 800;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    background-color .2s ease,\n    border-color .2s ease;\n\n}\n\n\n.laptop-repair-hero__btn svg {\n\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* PRIMARY *\/\n\n.laptop-repair-hero__btn--primary {\n\n  color: #ffffff !important;\n\n  border:\n    1px solid\n    rgba(70,158,255,.35);\n\n  background:\n    linear-gradient(\n      135deg,\n      #176bff,\n      #00a3ff\n    );\n\n  box-shadow:\n    0 13px 29px\n    rgba(23,107,255,.22);\n\n}\n\n\n\/* SECONDARY *\/\n\n.laptop-repair-hero__btn--secondary {\n\n  color: #dcffe8 !important;\n\n  border:\n    1px solid\n    rgba(37,211,102,.22);\n\n  background:\n    rgba(37,211,102,.07);\n\n}\n\n\n\/* ==========================================================\n   TRUST\n========================================================== *\/\n\n.laptop-repair-hero__trust {\n\n  max-width: 760px;\n\n  margin-top: 31px;\n\n  padding-top: 21px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.08);\n\n}\n\n\n\/* ==========================================================\n   TRUST ITEM\n========================================================== *\/\n\n.laptop-repair-trust {\n\n  min-height: 76px;\n\n  padding:\n    7px\n    15px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border-left:\n    1px solid\n    rgba(255,255,255,.07);\n\n}\n\n\n.laptop-repair-trust:first-child {\n\n  padding-right: 0;\n\n}\n\n\n.laptop-repair-trust:last-child {\n\n  border-left: 0;\n\n}\n\n\n\/* value *\/\n\n.laptop-repair-trust__value {\n\n  flex: 0 0 auto;\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 18px;\n\n  font-weight: 800;\n\n}\n\n\n\/* icon *\/\n\n.laptop-repair-trust__icon {\n\n  width: 37px;\n  height: 37px;\n\n  flex: 0 0 37px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(72,159,255,.16);\n\n  border-radius: 10px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #50a8ff;\n\n}\n\n\n.laptop-repair-trust__icon svg {\n\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-repair-trust strong {\n\n  display: block;\n\n  color: #dce7f1;\n\n  font-size: 9.5px;\n\n  font-weight: 700;\n\n  line-height: 1.7;\n\n}\n\n\n\/* ==========================================================\n   VISUAL\n========================================================== *\/\n\n.laptop-repair-hero__visual {\n\n  position: relative;\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   DIAGNOSTIC\n========================================================== *\/\n\n.laptop-diagnostic {\n\n  position: relative;\n\n  z-index: 3;\n\n  min-height: 535px;\n\n  padding: 18px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(71,157,255,.18);\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(8,37,70,.98),\n      rgba(2,14,29,.99)\n    );\n\n  box-shadow:\n    0 30px 75px\n    rgba(0,0,0,.27);\n\n}\n\n\n\/* grid *\/\n\n.laptop-diagnostic::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    32px\n    32px;\n\n}\n\n\n\/* ==========================================================\n   TOP\n========================================================== *\/\n\n.laptop-diagnostic__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 41px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.07);\n\n}\n\n\n.laptop-diagnostic__top-status {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color: #6e89a2;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 6.5px;\n\n  letter-spacing: .7px;\n\n}\n\n\n.laptop-diagnostic__top-status i {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.5);\n\n}\n\n\n.laptop-diagnostic__id {\n\n  color: #536f89;\n\n  font-family:\n    monospace;\n\n  font-size: 6px;\n\n}\n\n\n\/* ==========================================================\n   DEVICE WRAPPER\n========================================================== *\/\n\n.laptop-diagnostic__device {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 280px;\n\n  margin-top: 15px;\n\n  padding:\n    18px\n    20px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 12px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n\/* ==========================================================\n   LAPTOP\n========================================================== *\/\n\n.laptop-device {\n\n  width: 88%;\n\n}\n\n\n\/* ==========================================================\n   SCREEN\n========================================================== *\/\n\n.laptop-device__screen {\n\n  padding:\n    8px;\n\n  border:\n    1px solid\n    rgba(79,162,255,.16);\n\n  border-radius:\n    12px\n    12px\n    5px\n    5px;\n\n  background:\n    #07192e;\n\n  box-shadow:\n    0 14px 30px\n    rgba(0,0,0,.17);\n\n}\n\n\n.laptop-device__screen-inner {\n\n  position: relative;\n\n  height: 142px;\n\n  padding: 13px;\n\n  overflow: hidden;\n\n  border-radius: 6px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061c35,\n      #0a2c50\n    );\n\n}\n\n\n\/* grid *\/\n\n.laptop-device__screen-inner::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .24;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    23px\n    23px;\n\n}\n\n\n\/* ==========================================================\n   SCREEN HEAD\n========================================================== *\/\n\n.laptop-device__screen-head {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  color: #54728f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-device__screen-head i {\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: #25d366;\n\n}\n\n\n\/* ==========================================================\n   SCAN\n========================================================== *\/\n\n.laptop-device__scan {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 22px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 11px;\n\n}\n\n\n.laptop-device__scan-circle {\n\n  width: 52px;\n  height: 52px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(75,163,255,.17);\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #4da6ff;\n\n}\n\n\n.laptop-device__scan-circle svg {\n\n  width: 27px;\n  height: 27px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n\n}\n\n\n.laptop-device__scan strong {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #e6f0f8;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n}\n\n\n.laptop-device__scan div > span {\n\n  display: block;\n\n  color: #66839e;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   SCREEN PROGRESS\n========================================================== *\/\n\n.laptop-device__screen-progress {\n\n  position: relative;\n\n  z-index: 2;\n\n  height: 4px;\n\n  margin-top: 18px;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-device__screen-progress span {\n\n  display: block;\n\n  width: 73%;\n\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      #176bff,\n      #00a3ff\n    );\n\n}\n\n\n\/* ==========================================================\n   HINGE\n========================================================== *\/\n\n.laptop-device__hinge {\n\n  width: 80%;\n\n  height: 6px;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  justify-content: space-between;\n\n}\n\n\n.laptop-device__hinge span {\n\n  width: 40px;\n\n  background: #102d49;\n\n}\n\n\n\/* ==========================================================\n   BASE\n========================================================== *\/\n\n.laptop-device__base {\n\n  position: relative;\n\n  min-height: 85px;\n\n  padding:\n    11px\n    18px;\n\n  border:\n    1px solid\n    rgba(82,157,230,.12);\n\n  border-radius:\n    5px\n    5px\n    13px\n    13px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0b2845,\n      #071b31\n    );\n\n}\n\n\n\/* keyboard *\/\n\n.laptop-device__keyboard {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(6,1fr);\n\n  gap: 4px;\n\n}\n\n\n.laptop-device__keyboard span {\n\n  height: 10px;\n\n  border-radius: 2px;\n\n  background:\n    rgba(84,137,186,.14);\n\n}\n\n\n\/* trackpad *\/\n\n.laptop-device__trackpad {\n\n  width: 32%;\n  height: 24px;\n\n  margin:\n    8px\n    auto\n    0;\n\n  border:\n    1px solid\n    rgba(100,150,195,.13);\n\n  border-radius: 4px;\n\n  background:\n    rgba(255,255,255,.015);\n\n}\n\n\n\/* ==========================================================\n   CHECKS\n========================================================== *\/\n\n.laptop-diagnostic__checks {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 11px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0,1fr)\n    );\n\n  gap: 7px;\n\n}\n\n\n\/* ==========================================================\n   CHECK ITEM\n========================================================== *\/\n\n.laptop-diagnostic-check {\n\n  min-height: 60px;\n\n  padding:\n    9px\n    10px;\n\n  display: grid;\n\n  grid-template-columns:\n    34px\n    minmax(0,1fr)\n    7px;\n\n  gap: 8px;\n\n  align-items: center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 8px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n\/* icon *\/\n\n.laptop-diagnostic-check__icon {\n\n  width: 33px;\n  height: 33px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 8px;\n\n  background:\n    rgba(23,107,255,.07);\n\n  color: #4d9ce9;\n\n}\n\n\n.laptop-diagnostic-check__icon svg {\n\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-diagnostic-check span:not(.laptop-diagnostic-check__icon) {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #526f89;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n.laptop-diagnostic-check strong {\n\n  display: block;\n\n  color: #91aabe;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-diagnostic-check > i {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n}\n\n\n.laptop-diagnostic-check .is-blue {\n\n  background: #429fff;\n\n}\n\n\n.laptop-diagnostic-check .is-orange {\n\n  background: var(--orange);\n\n}\n\n\n.laptop-diagnostic-check .is-green {\n\n  background: var(--green);\n\n}\n\n\n\/* ==========================================================\n   BOTTOM\n========================================================== *\/\n\n.laptop-diagnostic__bottom {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 11px;\n\n  padding-top: 11px;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 5px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.06);\n\n}\n\n\n.laptop-diagnostic__bottom span {\n\n  padding:\n    4px\n    6px;\n\n  border-radius: 4px;\n\n  background:\n    rgba(255,255,255,.024);\n\n  color: #526e88;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   FLOATING WARRANTY\n========================================================== *\/\n\n.laptop-repair-floating {\n\n  position: absolute;\n\n  left: -29px;\n\n  bottom: 40px;\n\n  z-index: 5;\n\n  min-width: 180px;\n\n  min-height: 68px;\n\n  padding:\n    10px\n    13px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border:\n    1px solid\n    rgba(23,107,255,.14);\n\n  border-radius: 15px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 18px 42px\n    rgba(0,24,52,.22);\n\n}\n\n\n\/* icon *\/\n\n.laptop-repair-floating__icon {\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 11px;\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-repair-floating__icon svg {\n\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-repair-floating small {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #8a9baa;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-repair-floating strong {\n\n  display: block;\n\n  color: #163b5b;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-repair-hero__btn:hover {\n\n    transform:\n      translateY(-3px);\n\n  }\n\n\n  .laptop-repair-hero__btn--primary:hover {\n\n    box-shadow:\n      0 18px 36px\n      rgba(23,107,255,.30);\n\n  }\n\n\n  .laptop-repair-hero__btn--secondary:hover {\n\n    border-color:\n      rgba(37,211,102,.40);\n\n    background:\n      rgba(37,211,102,.11);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-repair-hero {\n\n    padding:\n      145px\n      20px\n      70px;\n\n  }\n\n\n  .laptop-repair-hero__container {\n\n    grid-template-columns:\n      1fr\n      .9fr;\n\n    gap: 38px;\n\n  }\n\n\n  .laptop-repair-hero__lead {\n\n    font-size: 13px;\n\n  }\n\n\n  .laptop-repair-floating {\n\n    left: -15px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-repair-hero {\n\n    min-height: auto;\n\n    padding:\n      120px\n      14px\n      55px;\n\n  }\n\n\n  .laptop-repair-hero__container {\n\n    grid-template-columns: 1fr;\n\n    gap: 34px;\n\n  }\n\n\n  .laptop-repair-hero__title {\n\n    font-size:\n      25px !important;\n\n  }\n\n\n  .laptop-repair-hero__lead {\n\n    font-size: 12px;\n\n    line-height: 2;\n\n  }\n\n\n  .laptop-repair-hero__buttons {\n\n    display: grid;\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-repair-hero__btn {\n\n    width: 100%;\n\n  }\n\n\n  \/* trust *\/\n\n  .laptop-repair-hero__trust {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-repair-trust {\n\n    min-height: 60px;\n\n    padding:\n      10px\n      0;\n\n    border-left: 0;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.06);\n\n  }\n\n\n  .laptop-repair-trust:last-child {\n\n    border-bottom: 0;\n\n  }\n\n\n  \/* diagnostic *\/\n\n  .laptop-diagnostic {\n\n    min-height: auto;\n\n    padding: 14px;\n\n    border-radius: 18px;\n\n  }\n\n\n  .laptop-diagnostic__device {\n\n    min-height: 245px;\n\n    padding: 13px;\n\n  }\n\n\n  .laptop-device {\n\n    width: 100%;\n\n  }\n\n\n  .laptop-diagnostic__checks {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-repair-floating {\n\n    position: relative;\n\n    left: auto;\n    bottom: auto;\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin-top: 10px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-device__screen-inner {\n\n    height: 125px;\n\n  }\n\n\n  .laptop-device__keyboard {\n\n    grid-template-columns:\n      repeat(6,1fr);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-repair-hero__btn {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b40030 e-con-full e-flex e-con e-parent\" data-id=\"4b40030\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fc397e elementor-widget elementor-widget-html\" data-id=\"0fc397e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-concerns\" dir=\"rtl\">\n\n  <div class=\"laptop-concerns__container\">\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n    <div class=\"laptop-concerns__content\">\n\n      <span class=\"laptop-concerns__eyebrow\">\n\n        <span class=\"laptop-concerns__eyebrow-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3 2.8 20h18.4L12 3Z\"\/>\n            <path d=\"M12 9v5\"\/>\n            <path d=\"M12 17h.01\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          BEFORE REPAIR\n        <\/span>\n\n      <\/span>\n\n\n      <h2 class=\"laptop-concerns__title\">\n        \u062a\u0639\u0637\u0644 \u062c\u0647\u0627\u0632 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0648\u0644\u0627 \u062a\u0631\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u0629 \u0628\u0647\u061f\n      <\/h2>\n\n\n      <p class=\"laptop-concerns__intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u0644\u0627 \u064a\u0639\u0645\u0644 \u062c\u0647\u0627\u0632 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\u060c \u0623\u0648 \u062a\u062a\u0636\u0631\u0631 \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0623\u0648 \u062a\u0648\u0627\u062c\u0647 \u0645\u0634\u0643\u0644\u0629 \u0641\u064a \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629\u060c \u0623\u0648 \u064a\u0635\u0628\u062d \u0627\u0644\u062c\u0647\u0627\u0632 \u0628\u0637\u064a\u0626\u0627\u064b\u060c \u0641\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0641\u0646\u064a \u063a\u064a\u0631 \u0645\u0648\u062b\u0648\u0642 \u0642\u062f \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u062a\u0641\u0627\u0642\u0645 \u0627\u0644\u0645\u0634\u0643\u0644\u0629.\n      <\/p>\n\n\n      <p class=\"laptop-concerns__label\">\n        \u0645\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0623\u0646 \u062a\u0643\u0648\u0646 \u0644\u062f\u064a\u0643 \u0647\u0630\u0647 \u0627\u0644\u0645\u062e\u0627\u0648\u0641:\n      <\/p>\n\n\n\n      <!-- ===================================================\n           CONCERNS\n      ==================================================== -->\n      <div class=\"laptop-concerns__questions\">\n\n\n        <!-- 01 -->\n        <div class=\"laptop-concern-item\">\n\n          <span class=\"laptop-concern-item__number\">\n            01\n          <\/span>\n\n          <span class=\"laptop-concern-item__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 9h8\"\/>\n              <path d=\"M8 13h5\"\/>\n              <path d=\"M16 16h.01\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <strong>\n            \u0647\u0644 \u0633\u062a\u0641\u0642\u062f \u0628\u064a\u0627\u0646\u0627\u062a\u064a\u061f\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- 02 -->\n        <div class=\"laptop-concern-item\">\n\n          <span class=\"laptop-concern-item__number\">\n            02\n          <\/span>\n\n          <span class=\"laptop-concern-item__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n              <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <strong>\n            \u0647\u0644 \u0627\u0644\u0642\u0637\u0639\u0629 \u0627\u0644\u062a\u064a \u0633\u064a\u062a\u0645 \u062a\u0631\u0643\u064a\u0628\u0647\u0627 \u0630\u0627\u062a \u062c\u0648\u062f\u0629 \u0645\u0646\u0627\u0633\u0628\u0629\u061f\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- 03 -->\n        <div class=\"laptop-concern-item\">\n\n          <span class=\"laptop-concern-item__number\">\n            03\n          <\/span>\n\n          <span class=\"laptop-concern-item__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M15 8.5c-.8-.7-1.8-1-3-1-2 0-3.5 1-3.5 2.4 0 3.5 7 1.5 7 5 0 1.5-1.5 2.6-3.7 2.6-1.4 0-2.7-.4-3.7-1.2\"\/>\n              <path d=\"M12 5.5v13\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <strong>\n            \u0647\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0645\u0646\u0627\u0633\u0628\u0629\u061f\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- 04 -->\n        <div class=\"laptop-concern-item\">\n\n          <span class=\"laptop-concern-item__number\">\n            04\n          <\/span>\n\n          <span class=\"laptop-concern-item__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/>\n              <path d=\"M2 20h20\"\/>\n              <path d=\"m9 10 2 2 4-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <strong>\n            \u0647\u0644 \u0633\u064a\u0639\u0648\u062f \u0627\u0644\u062c\u0647\u0627\u0632 \u0644\u0644\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u062c\u064a\u062f\u061f\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- 05 -->\n        <div class=\"laptop-concern-item\">\n\n          <span class=\"laptop-concern-item__number\">\n            05\n          <\/span>\n\n          <span class=\"laptop-concern-item__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 7v5l3 2\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <strong>\n            \u0643\u0645 \u0633\u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u061f\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- 06 -->\n        <div class=\"laptop-concern-item\">\n\n          <span class=\"laptop-concern-item__number\">\n            06\n          <\/span>\n\n          <span class=\"laptop-concern-item__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n              <path d=\"M5 21c.8-5 3-8 7-8s6.2 3 7 8\"\/>\n              <path d=\"m16 15 2 2 3-4\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <strong>\n            \u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0648\u062b\u0648\u0642 \u0628\u0645\u0631\u0643\u0632 \u0627\u0644\u0635\u064a\u0627\u0646\u0629\u061f\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VISUAL \/ TRUST PANEL\n    ====================================================== -->\n    <div class=\"laptop-concerns__visual\">\n\n      <div class=\"laptop-risk-panel\">\n\n\n        <!-- TOP -->\n        <div class=\"laptop-risk-panel__top\">\n\n          <div>\n\n            <span class=\"laptop-risk-panel__top-dot\"><\/span>\n\n            <span>\n              DEVICE RISK ANALYSIS\n            <\/span>\n\n          <\/div>\n\n          <span>\n            LAPTOP \/ 01\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             LAPTOP\n        ================================================== -->\n        <div class=\"laptop-risk-device\">\n\n          <div class=\"laptop-risk-device__screen\">\n\n            <div class=\"laptop-risk-device__screen-inner\">\n\n              <!-- alert -->\n              <div class=\"laptop-risk-device__alert\">\n\n                <span class=\"laptop-risk-device__alert-icon\">\n\n                  <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                    <path d=\"M24 6 5 41h38L24 6Z\"\/>\n                    <path d=\"M24 18v10\"\/>\n                    <path d=\"M24 34h.01\"\/>\n                  <\/svg>\n\n                <\/span>\n\n\n                <div>\n\n                  <strong>\n                    DIAGNOSTIC REQUIRED\n                  <\/strong>\n\n                  <span>\n                    CHECK BEFORE REPAIR\n                  <\/span>\n\n                <\/div>\n\n              <\/div>\n\n\n              <!-- scan -->\n              <div class=\"laptop-risk-device__scan\">\n\n                <div class=\"laptop-risk-device__scan-head\">\n\n                  <span>\n                    DEVICE STATUS\n                  <\/span>\n\n                  <strong>\n                    CHECK\n                  <\/strong>\n\n                <\/div>\n\n\n                <div class=\"laptop-risk-device__scan-line\">\n\n                  <span><\/span>\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n          <!-- base -->\n          <div class=\"laptop-risk-device__base\">\n\n            <div class=\"laptop-risk-device__keyboard\">\n\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n\n            <\/div>\n\n            <div class=\"laptop-risk-device__trackpad\"><\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             RISK ITEMS\n        ================================================== -->\n        <div class=\"laptop-risk-panel__checks\">\n\n          <div class=\"laptop-risk-check\">\n\n            <span>\n              DATA\n            <\/span>\n\n            <strong>\n              PROTECTION\n            <\/strong>\n\n            <i class=\"is-blue\"><\/i>\n\n          <\/div>\n\n\n          <div class=\"laptop-risk-check\">\n\n            <span>\n              PARTS\n            <\/span>\n\n            <strong>\n              QUALITY\n            <\/strong>\n\n            <i class=\"is-orange\"><\/i>\n\n          <\/div>\n\n\n          <div class=\"laptop-risk-check\">\n\n            <span>\n              REPAIR\n            <\/span>\n\n            <strong>\n              DIAGNOSIS\n            <\/strong>\n\n            <i class=\"is-green\"><\/i>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             FINAL MESSAGE\n        ================================================== -->\n        <div class=\"laptop-risk-panel__message\">\n\n          <span class=\"laptop-risk-panel__message-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n              <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n\n          <div>\n\n            <span>\n              EXPERIENCE MATTERS\n            <\/span>\n\n            <strong>\n              \u0647\u0646\u0627 \u062a\u0638\u0647\u0631 \u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u062a\u062e\u0635\u0635.\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP CONCERNS\n========================================================== *\/\n\n.laptop-concerns {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --deep: #061b38;\n\n  --heading: #143854;\n  --text: #60768b;\n\n  --border: #dfe8f1;\n\n  --green: #25d366;\n  --orange: #ffb84d;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8fafd,\n      #ffffff\n    );\n\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n========================================================== *\/\n\n.laptop-concerns::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 580px;\n  height: 580px;\n\n  right: -390px;\n  top: -390px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.04);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-concerns__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1.05fr\n    .95fr;\n\n  gap: 65px;\n\n  align-items: center;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-concerns__content {\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-concerns__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 13px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #66829c;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .7px;\n\n}\n\n\n.laptop-concerns__eyebrow-icon {\n\n  width: 29px;\n  height: 29px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.12);\n\n  border-radius: 8px;\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-concerns__eyebrow-icon svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-concerns__title {\n\n  max-width: 730px;\n\n  margin:\n    0\n    0\n    15px;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   INTRO\n========================================================== *\/\n\n.laptop-concerns__intro {\n\n  max-width: 700px;\n\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 12.5px;\n\n  line-height: 2.05;\n\n}\n\n\n\/* ==========================================================\n   LABEL\n========================================================== *\/\n\n.laptop-concerns__label {\n\n  margin:\n    22px\n    0\n    13px;\n\n  color: #274863;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   QUESTIONS\n========================================================== *\/\n\n.laptop-concerns__questions {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0,1fr)\n    );\n\n  gap: 8px;\n\n}\n\n\n\/* ==========================================================\n   ITEM\n========================================================== *\/\n\n.laptop-concern-item {\n\n  position: relative;\n\n  min-height: 76px;\n\n  padding:\n    12px\n    13px;\n\n  display: grid;\n\n  grid-template-columns:\n    23px\n    37px\n    minmax(0,1fr);\n\n  gap: 9px;\n\n  align-items: center;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius: 11px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 6px 20px\n    rgba(8,42,77,.025);\n\n  transition:\n    border-color .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n\n}\n\n\n\/* ==========================================================\n   NUMBER\n========================================================== *\/\n\n.laptop-concern-item__number {\n\n  color:\n    rgba(7,28,56,.17);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   ICON\n========================================================== *\/\n\n.laptop-concern-item__icon {\n\n  width: 37px;\n  height: 37px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.10);\n\n  border-radius: 9px;\n\n  background: #f1f6fc;\n\n  color: #307edd;\n\n}\n\n\n.laptop-concern-item__icon svg {\n\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.55;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   QUESTION\n========================================================== *\/\n\n.laptop-concern-item strong {\n\n  color: #2a4a63;\n\n  font-size: 10.5px;\n\n  font-weight: 700;\n\n  line-height: 1.75;\n\n}\n\n\n\/* ==========================================================\n   VISUAL\n========================================================== *\/\n\n.laptop-concerns__visual {\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   RISK PANEL\n========================================================== *\/\n\n.laptop-risk-panel {\n\n  position: relative;\n\n  padding: 19px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(65,152,255,.18);\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 27px 65px\n    rgba(5,35,68,.17);\n\n}\n\n\n\/* grid *\/\n\n.laptop-risk-panel::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    34px\n    34px;\n\n}\n\n\n\/* ==========================================================\n   TOP\n========================================================== *\/\n\n.laptop-risk-panel__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.065);\n\n  color: #58758f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-risk-panel__top > div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n}\n\n\n.laptop-risk-panel__top-dot {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--orange);\n\n  box-shadow:\n    0 0 8px\n    rgba(255,184,77,.35);\n\n}\n\n\n\/* ==========================================================\n   DEVICE\n========================================================== *\/\n\n.laptop-risk-device {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 82%;\n\n  margin:\n    28px\n    auto\n    23px;\n\n}\n\n\n\/* ==========================================================\n   SCREEN\n========================================================== *\/\n\n.laptop-risk-device__screen {\n\n  padding: 7px;\n\n  border:\n    1px solid\n    rgba(71,157,255,.15);\n\n  border-radius:\n    12px\n    12px\n    5px\n    5px;\n\n  background: #07192e;\n\n}\n\n\n.laptop-risk-device__screen-inner {\n\n  position: relative;\n\n  min-height: 173px;\n\n  padding: 17px;\n\n  overflow: hidden;\n\n  border-radius: 6px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061b34,\n      #0a2b4e\n    );\n\n}\n\n\n\/* ==========================================================\n   ALERT\n========================================================== *\/\n\n.laptop-risk-device__alert {\n\n  margin-top: 17px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 12px;\n\n}\n\n\n.laptop-risk-device__alert-icon {\n\n  width: 61px;\n  height: 61px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(255,184,77,.18);\n\n  border-radius: 16px;\n\n  background:\n    rgba(255,184,77,.06);\n\n  color: var(--orange);\n\n}\n\n\n.laptop-risk-device__alert-icon svg {\n\n  width: 31px;\n  height: 31px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-risk-device__alert strong {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #f1f6fa;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n}\n\n\n.laptop-risk-device__alert div > span {\n\n  display: block;\n\n  color: #67849e;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   SCAN\n========================================================== *\/\n\n.laptop-risk-device__scan {\n\n  margin-top: 26px;\n\n}\n\n\n.laptop-risk-device__scan-head {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  color: #587692;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-risk-device__scan-head strong {\n\n  color: #efb153;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-risk-device__scan-line {\n\n  height: 4px;\n\n  margin-top: 8px;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-risk-device__scan-line span {\n\n  display: block;\n\n  width: 64%;\n\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      #176bff,\n      #ffb84d\n    );\n\n}\n\n\n\/* ==========================================================\n   BASE\n========================================================== *\/\n\n.laptop-risk-device__base {\n\n  min-height: 82px;\n\n  padding:\n    11px\n    17px;\n\n  border:\n    1px solid\n    rgba(72,151,229,.11);\n\n  border-radius:\n    4px\n    4px\n    13px\n    13px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0c2947,\n      #071a30\n    );\n\n}\n\n\n\/* keyboard *\/\n\n.laptop-risk-device__keyboard {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(6,1fr);\n\n  gap: 4px;\n\n}\n\n\n.laptop-risk-device__keyboard span {\n\n  height: 11px;\n\n  border-radius: 2px;\n\n  background:\n    rgba(84,137,186,.14);\n\n}\n\n\n\/* trackpad *\/\n\n.laptop-risk-device__trackpad {\n\n  width: 34%;\n  height: 24px;\n\n  margin:\n    9px\n    auto\n    0;\n\n  border:\n    1px solid\n    rgba(102,151,195,.12);\n\n  border-radius: 4px;\n\n}\n\n\n\/* ==========================================================\n   CHECKS\n========================================================== *\/\n\n.laptop-risk-panel__checks {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  gap: 6px;\n\n}\n\n\n\/* ==========================================================\n   CHECK\n========================================================== *\/\n\n.laptop-risk-check {\n\n  min-height: 61px;\n\n  padding: 9px;\n\n  position: relative;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 8px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n.laptop-risk-check span,\n.laptop-risk-check strong {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-risk-check span {\n\n  margin-bottom: 5px;\n\n  color: #526e88;\n\n  font-size: 4.5px;\n\n}\n\n\n.laptop-risk-check strong {\n\n  color: #91a7bc;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-risk-check i {\n\n  position: absolute;\n\n  left: 9px;\n  bottom: 10px;\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n}\n\n\n.laptop-risk-check .is-blue {\n  background: #429fff;\n}\n\n.laptop-risk-check .is-orange {\n  background: var(--orange);\n}\n\n.laptop-risk-check .is-green {\n  background: var(--green);\n}\n\n\n\/* ==========================================================\n   MESSAGE\n========================================================== *\/\n\n.laptop-risk-panel__message {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 10px;\n\n  padding:\n    13px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border:\n    1px solid\n    rgba(72,160,255,.13);\n\n  border-radius: 11px;\n\n  background:\n    rgba(23,107,255,.07);\n\n}\n\n\n\/* icon *\/\n\n.laptop-risk-panel__message-icon {\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(77,164,255,.17);\n\n  border-radius: 11px;\n\n  background:\n    rgba(23,107,255,.10);\n\n  color: #4ea8ff;\n\n}\n\n\n.laptop-risk-panel__message-icon svg {\n\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-risk-panel__message span:not(.laptop-risk-panel__message-icon) {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #5f7d99;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-risk-panel__message strong {\n\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 11.5px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-concern-item:hover {\n\n    transform:\n      translateY(-3px);\n\n    border-color:\n      rgba(23,107,255,.20);\n\n    box-shadow:\n      0 10px 26px\n      rgba(8,42,77,.055);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-concerns {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-concerns__container {\n\n    gap: 38px;\n\n  }\n\n\n  .laptop-concerns__questions {\n\n    grid-template-columns: 1fr;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-concerns {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-concerns__container {\n\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n\n  }\n\n\n  .laptop-concerns__title {\n\n    font-size: 27px;\n\n  }\n\n\n  .laptop-concerns__intro {\n\n    font-size: 11.5px;\n\n  }\n\n\n  .laptop-concerns__questions {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-concern-item {\n\n    min-height: 68px;\n\n    padding: 10px;\n\n  }\n\n\n  .laptop-concern-item strong {\n\n    font-size: 10px;\n\n  }\n\n\n  \/* visual *\/\n\n  .laptop-risk-panel {\n\n    padding: 14px;\n\n    border-radius: 18px;\n\n  }\n\n\n  .laptop-risk-device {\n\n    width: 100%;\n\n    margin-top: 20px;\n\n  }\n\n\n  .laptop-risk-device__screen-inner {\n\n    min-height: 150px;\n\n  }\n\n\n  .laptop-risk-panel__checks {\n\n    grid-template-columns: 1fr;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-concern-item {\n\n    grid-template-columns:\n      34px\n      minmax(0,1fr);\n\n  }\n\n\n  .laptop-concern-item__number {\n\n    display: none;\n\n  }\n\n\n  .laptop-risk-device__alert-icon {\n\n    width: 50px;\n    height: 50px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-concern-item {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45f69c2 e-con-full e-flex e-con e-parent\" data-id=\"45f69c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2efb94c elementor-widget elementor-widget-html\" data-id=\"2efb94c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-expertise\" dir=\"rtl\">\n\n  <div class=\"laptop-expertise__container\">\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n    <div class=\"laptop-expertise__content\">\n\n      <span class=\"laptop-expertise__eyebrow\">\n\n        <span class=\"laptop-expertise__eyebrow-line\"><\/span>\n\n        <span>\n          25+ YEARS OF EXPERIENCE\n        <\/span>\n\n      <\/span>\n\n\n      <h2 class=\"laptop-expertise__title\">\n        \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\n      <\/h2>\n\n\n      <div class=\"laptop-expertise__copy\">\n\n        <p>\n          \u062a\u0642\u062f\u0645 <strong>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0644\u0643\u064a \u0644\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0634.\u0645.\u0645<\/strong>\n          \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0641\u064a \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646\u060c\n          \u0628\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646 25 \u0639\u0627\u0645\u0627\u064b.\n        <\/p>\n\n\n        <p>\n          \u064a\u0642\u0639 \u0645\u0631\u0643\u0632 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0641\u064a \u0645\u0633\u0642\u0637\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629\n          \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0645\u0646\u0627\u0637\u0642 \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646.\n        <\/p>\n\n\n        <p>\n          \u0625\u0646 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629\u060c\n          \u0648\u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629\u060c \u064a\u0633\u0627\u0639\u062f\u0646\u0627 \u0639\u0644\u0649 \u0641\u062d\u0635 \u0648\u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u0635\u0644\u0627\u062d\n          \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 hardware \u0648software \u0641\u064a \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\n        <\/p>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           KEY POINTS\n      ==================================================== -->\n      <div class=\"laptop-expertise__points\">\n\n\n        <!-- EXPERIENCE -->\n        <div class=\"laptop-expertise-point\">\n\n          <span class=\"laptop-expertise-point__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 7v5l3 2\"\/>\n            <\/svg>\n\n          <\/span>\n\n\n          <div>\n\n            <strong>\n              25+ \u0639\u0627\u0645\u0627\u064b\n            <\/strong>\n\n            <span>\n              \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- LOCATION -->\n        <div class=\"laptop-expertise-point\">\n\n          <span class=\"laptop-expertise-point__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3c4.4 0 8 3.5 8 7.8C20 16.6 12 22 12 22S4 16.6 4 10.8C4 6.5 7.6 3 12 3Z\"\/>\n              <circle cx=\"12\" cy=\"11\" r=\"2.5\"\/>\n            <\/svg>\n\n          <\/span>\n\n\n          <div>\n\n            <strong>\n              \u0645\u0633\u0642\u0637\n            <\/strong>\n\n            <span>\n              \u0645\u0631\u0643\u0632 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- OMAN -->\n        <div class=\"laptop-expertise-point\">\n\n          <span class=\"laptop-expertise-point__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M3 12h18\"\/>\n              <path d=\"M12 3a15 15 0 0 1 0 18\"\/>\n              <path d=\"M12 3a15 15 0 0 0 0 18\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n            <\/svg>\n\n          <\/span>\n\n\n          <div>\n\n            <strong>\n              \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646\n            <\/strong>\n\n            <span>\n              \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0646\u0627\u0637\u0642\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         EXPERTISE LAB\n    ====================================================== -->\n    <div class=\"laptop-expertise__visual\">\n\n      <div class=\"laptop-lab\">\n\n\n        <!-- =================================================\n             TOP\n        ================================================== -->\n        <div class=\"laptop-lab__top\">\n\n          <div class=\"laptop-lab__top-title\">\n\n            <span class=\"laptop-lab__status\"><\/span>\n\n            <span>\n              LAPTOP REPAIR LAB\n            <\/span>\n\n          <\/div>\n\n\n          <span class=\"laptop-lab__top-code\">\n            EXP \/ 25+\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             MAIN VALUE\n        ================================================== -->\n        <div class=\"laptop-lab__experience\">\n\n          <div class=\"laptop-lab__experience-value\">\n\n            <strong>\n              25\n            <\/strong>\n\n            <span>\n              +\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-lab__experience-copy\">\n\n            <span>\n              YEARS\n            <\/span>\n\n            <strong>\n              EXPERIENCE\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             LAB SYSTEM\n        ================================================== -->\n        <div class=\"laptop-lab__system\">\n\n          <div class=\"laptop-lab__system-head\">\n\n            <span>\n              TECHNICAL ENVIRONMENT\n            <\/span>\n\n            <strong>\n              ACTIVE\n            <\/strong>\n\n          <\/div>\n\n\n          <!-- equipment -->\n          <div class=\"laptop-lab__equipment\">\n\n\n            <!-- TOOL 01 -->\n            <div class=\"laptop-lab-tool\">\n\n              <span class=\"laptop-lab-tool__icon\">\n\n                <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                  <rect x=\"7\" y=\"8\" width=\"34\" height=\"27\" rx=\"4\"\/>\n                  <path d=\"M15 41h18\"\/>\n                  <path d=\"M24 35v6\"\/>\n                  <path d=\"M13 16h22\"\/>\n                  <path d=\"M13 22h10\"\/>\n                  <path d=\"M28 22h7\"\/>\n                <\/svg>\n\n              <\/span>\n\n              <div>\n\n                <span>\n                  EQUIPMENT\n                <\/span>\n\n                <strong>\n                  \u0645\u0639\u062f\u0627\u062a \u0645\u062a\u0637\u0648\u0631\u0629\n                <\/strong>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <!-- TOOL 02 -->\n            <div class=\"laptop-lab-tool\">\n\n              <span class=\"laptop-lab-tool__icon\">\n\n                <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                  <circle cx=\"24\" cy=\"16\" r=\"8\"\/>\n                  <path d=\"M10 42c1-12 6-18 14-18s13 6 14 18\"\/>\n                  <path d=\"M34 10h7\"\/>\n                  <path d=\"M37.5 6.5v7\"\/>\n                <\/svg>\n\n              <\/span>\n\n              <div>\n\n                <span>\n                  TECHNICIANS\n                <\/span>\n\n                <strong>\n                  \u0641\u0646\u064a\u0648\u0646 \u0628\u062e\u0628\u0631\u0629 \u062f\u0648\u0644\u064a\u0629\n                <\/strong>\n\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- =================================================\n               DIAGNOSTIC MODULE\n          ================================================== -->\n          <div class=\"laptop-lab__diagnostic\">\n\n            <div class=\"laptop-lab__diagnostic-head\">\n\n              <span>\n                DEVICE DIAGNOSTIC\n              <\/span>\n\n              <span>\n                CHECK\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"laptop-lab__diagnostic-grid\">\n\n\n              <!-- HARDWARE -->\n              <div>\n\n                <span>\n                  HARDWARE\n                <\/span>\n\n                <div class=\"laptop-lab__bar\">\n                  <i style=\"width:88%\"><\/i>\n                <\/div>\n\n              <\/div>\n\n\n              <!-- SOFTWARE -->\n              <div>\n\n                <span>\n                  SOFTWARE\n                <\/span>\n\n                <div class=\"laptop-lab__bar\">\n                  <i style=\"width:79%\"><\/i>\n                <\/div>\n\n              <\/div>\n\n\n              <!-- SYSTEM -->\n              <div>\n\n                <span>\n                  SYSTEM\n                <\/span>\n\n                <div class=\"laptop-lab__bar\">\n                  <i style=\"width:92%\"><\/i>\n                <\/div>\n\n              <\/div>\n\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             BOTTOM\n        ================================================== -->\n        <div class=\"laptop-lab__bottom\">\n\n          <span>\n            DIAGNOSTIC\n          <\/span>\n\n          <i><\/i>\n\n          <span>\n            HARDWARE\n          <\/span>\n\n          <i><\/i>\n\n          <span>\n            SOFTWARE\n          <\/span>\n\n          <i><\/i>\n\n          <span>\n            REPAIR\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           FLOATING CARD\n      ==================================================== -->\n      <div class=\"laptop-expertise__floating\">\n\n        <span class=\"laptop-expertise__floating-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n            <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n          <\/svg>\n\n        <\/span>\n\n\n        <div>\n\n          <small>\n            PROFESSIONAL REPAIR\n          <\/small>\n\n          <strong>\n            \u0641\u062d\u0635 \u0648\u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u062a\u062e\u0635\u0635\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP EXPERTISE\n========================================================== *\/\n\n.laptop-expertise {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --deep: #061b38;\n\n  --heading: #143854;\n  --text: #60768b;\n\n  --border: #dfe8f1;\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    #ffffff;\n\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n========================================================== *\/\n\n.laptop-expertise::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 620px;\n  height: 620px;\n\n  left: -420px;\n  bottom: -430px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.04);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-expertise__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    .92fr;\n\n  gap: 75px;\n\n  align-items: center;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-expertise__content {\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-expertise__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 14px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  color: #63809a;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n}\n\n\n.laptop-expertise__eyebrow-line {\n\n  width: 29px;\n  height: 2px;\n\n  border-radius: 10px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-expertise__title {\n\n  max-width: 720px;\n\n  margin:\n    0\n    0\n    20px;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   COPY\n========================================================== *\/\n\n.laptop-expertise__copy {\n\n  max-width: 720px;\n\n}\n\n\n.laptop-expertise__copy p {\n\n  margin:\n    0\n    0\n    13px;\n\n  color: var(--text);\n\n  font-size: 12.5px;\n\n  line-height: 2.05;\n\n}\n\n\n.laptop-expertise__copy p:last-child {\n\n  margin-bottom: 0;\n\n}\n\n\n.laptop-expertise__copy strong {\n\n  color: #1d486b;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   POINTS\n========================================================== *\/\n\n.laptop-expertise__points {\n\n  margin-top: 29px;\n\n  padding-top: 23px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  border-top:\n    1px solid\n    var(--border);\n\n}\n\n\n\/* ==========================================================\n   POINT\n========================================================== *\/\n\n.laptop-expertise-point {\n\n  min-height: 76px;\n\n  padding:\n    7px\n    14px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border-left:\n    1px solid\n    var(--border);\n\n}\n\n\n.laptop-expertise-point:first-child {\n\n  padding-right: 0;\n\n}\n\n\n.laptop-expertise-point:last-child {\n\n  border-left: 0;\n\n}\n\n\n\/* icon *\/\n\n.laptop-expertise-point__icon {\n\n  width: 39px;\n  height: 39px;\n\n  flex: 0 0 39px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.11);\n\n  border-radius: 10px;\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-expertise-point__icon svg {\n\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-expertise-point strong {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #244861;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n}\n\n\n.laptop-expertise-point div > span {\n\n  display: block;\n\n  color: #7a8fa2;\n\n  font-size: 7.5px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* ==========================================================\n   VISUAL\n========================================================== *\/\n\n.laptop-expertise__visual {\n\n  position: relative;\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   LAB\n========================================================== *\/\n\n.laptop-lab {\n\n  position: relative;\n\n  min-height: 540px;\n\n  padding: 20px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(70,157,255,.18);\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 28px 68px\n    rgba(5,35,68,.17);\n\n}\n\n\n\/* GRID *\/\n\n.laptop-lab::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    34px\n    34px;\n\n}\n\n\n\/* GLOW *\/\n\n.laptop-lab::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 300px;\n  height: 300px;\n\n  right: -190px;\n  bottom: -200px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.15);\n\n}\n\n\n\/* ==========================================================\n   LAB TOP\n========================================================== *\/\n\n.laptop-lab__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 43px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.065);\n\n}\n\n\n.laptop-lab__top-title {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color: #65819b;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 6px;\n\n}\n\n\n.laptop-lab__status {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.45);\n\n}\n\n\n.laptop-lab__top-code {\n\n  color: #58728c;\n\n  font-family:\n    monospace;\n\n  font-size: 6px;\n\n}\n\n\n\/* ==========================================================\n   EXPERIENCE VALUE\n========================================================== *\/\n\n.laptop-lab__experience {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin:\n    38px\n    0\n    25px;\n\n  display: flex;\n\n  align-items: flex-end;\n\n  gap: 15px;\n\n}\n\n\n.laptop-lab__experience-value {\n\n  display: flex;\n\n  align-items: flex-start;\n\n}\n\n\n.laptop-lab__experience-value strong {\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 88px;\n\n  font-weight: 800;\n\n  line-height: .85;\n\n  letter-spacing: -4px;\n\n}\n\n\n.laptop-lab__experience-value span {\n\n  margin-top: 3px;\n\n  color: #4da7ff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 27px;\n\n  font-weight: 700;\n\n}\n\n\n.laptop-lab__experience-copy {\n\n  padding-bottom: 5px;\n\n}\n\n\n.laptop-lab__experience-copy span,\n.laptop-lab__experience-copy strong {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-lab__experience-copy span {\n\n  margin-bottom: 4px;\n\n  color: #5f7d99;\n\n  font-size: 6px;\n\n}\n\n\n.laptop-lab__experience-copy strong {\n\n  color: #94abc0;\n\n  font-size: 8px;\n\n}\n\n\n\/* ==========================================================\n   SYSTEM\n========================================================== *\/\n\n.laptop-lab__system {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding: 15px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.06);\n\n  border-radius: 12px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n\/* HEAD *\/\n\n.laptop-lab__system-head {\n\n  padding-bottom: 12px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.055);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-lab__system-head span {\n\n  color: #577590;\n\n}\n\n\n.laptop-lab__system-head strong {\n\n  color: var(--green);\n\n  font-size: 5.5px;\n\n}\n\n\n\/* ==========================================================\n   EQUIPMENT\n========================================================== *\/\n\n.laptop-lab__equipment {\n\n  margin-top: 12px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0,1fr)\n    );\n\n  gap: 7px;\n\n}\n\n\n\/* TOOL *\/\n\n.laptop-lab-tool {\n\n  min-height: 70px;\n\n  padding: 10px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.05);\n\n  border-radius: 8px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n\/* icon *\/\n\n.laptop-lab-tool__icon {\n\n  width: 37px;\n  height: 37px;\n\n  flex: 0 0 37px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 9px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #4b9eee;\n\n}\n\n\n.laptop-lab-tool__icon svg {\n\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.5;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-lab-tool span:not(.laptop-lab-tool__icon) {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #506d89;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n.laptop-lab-tool strong {\n\n  display: block;\n\n  color: #a5b8c9;\n\n  font-size: 8.5px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   DIAGNOSTIC\n========================================================== *\/\n\n.laptop-lab__diagnostic {\n\n  margin-top: 10px;\n\n  padding: 11px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.05);\n\n  border-radius: 8px;\n\n  background:\n    rgba(0,0,0,.08);\n\n}\n\n\n.laptop-lab__diagnostic-head {\n\n  margin-bottom: 12px;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  color: #536f89;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-lab__diagnostic-head span:last-child {\n\n  color: #4c99e9;\n\n}\n\n\n\/* diagnostic grid *\/\n\n.laptop-lab__diagnostic-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  gap: 11px;\n\n}\n\n\n.laptop-lab__diagnostic-grid > div > span {\n\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: #58748f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n\/* ==========================================================\n   BARS\n========================================================== *\/\n\n.laptop-lab__bar {\n\n  height: 4px;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-lab__bar i {\n\n  display: block;\n\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   BOTTOM\n========================================================== *\/\n\n.laptop-lab__bottom {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 15px;\n\n  padding-top: 14px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-lab__bottom span {\n\n  color: #536f89;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-lab__bottom i {\n\n  width: 3px;\n  height: 3px;\n\n  border-radius: 50%;\n\n  background: #356c9f;\n\n}\n\n\n\/* ==========================================================\n   FLOATING\n========================================================== *\/\n\n.laptop-expertise__floating {\n\n  position: absolute;\n\n  left: -30px;\n  bottom: 40px;\n\n  z-index: 5;\n\n  min-width: 220px;\n\n  padding:\n    11px\n    13px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border:\n    1px solid\n    rgba(23,107,255,.13);\n\n  border-radius: 14px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 18px 40px\n    rgba(5,35,68,.16);\n\n}\n\n\n\/* icon *\/\n\n.laptop-expertise__floating-icon {\n\n  width: 41px;\n  height: 41px;\n\n  flex: 0 0 41px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 10px;\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-expertise__floating-icon svg {\n\n  width: 22px;\n  height: 22px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-expertise__floating small {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #8a9baa;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-expertise__floating strong {\n\n  display: block;\n\n  color: #1b4262;\n\n  font-size: 9.5px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-expertise {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-expertise__container {\n\n    gap: 40px;\n\n  }\n\n\n  .laptop-expertise__points {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-expertise-point {\n\n    padding:\n      11px\n      0;\n\n    border-left: 0;\n\n    border-bottom:\n      1px solid\n      var(--border);\n\n  }\n\n\n  .laptop-expertise-point:last-child {\n\n    border-bottom: 0;\n\n  }\n\n\n  .laptop-expertise__floating {\n\n    left: -15px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-expertise {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-expertise__container {\n\n    grid-template-columns: 1fr;\n\n    gap: 32px;\n\n  }\n\n\n  .laptop-expertise__title {\n\n    font-size: 27px;\n\n  }\n\n\n  .laptop-expertise__copy p {\n\n    font-size: 11.5px;\n\n  }\n\n\n  \/* POINTS *\/\n\n  .laptop-expertise__points {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-expertise-point {\n\n    min-height: 64px;\n\n  }\n\n\n  \/* LAB *\/\n\n  .laptop-lab {\n\n    min-height: auto;\n\n    padding: 15px;\n\n    border-radius: 18px;\n\n  }\n\n\n  .laptop-lab__experience {\n\n    margin:\n      30px\n      0\n      22px;\n\n  }\n\n\n  .laptop-lab__experience-value strong {\n\n    font-size: 70px;\n\n  }\n\n\n  .laptop-lab__equipment {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-lab__diagnostic-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-lab__bottom {\n\n    flex-wrap: wrap;\n\n  }\n\n\n  .laptop-expertise__floating {\n\n    position: relative;\n\n    left: auto;\n    bottom: auto;\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin-top: 10px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-lab__experience-value strong {\n\n    font-size: 62px;\n\n  }\n\n\n  .laptop-lab__experience-copy {\n\n    display: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73c8bb0 e-con-full e-flex e-con e-parent\" data-id=\"73c8bb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0630654 elementor-widget elementor-widget-html\" data-id=\"0630654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-services\" dir=\"rtl\">\n\n  <div class=\"laptop-services__container\">\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n    <div class=\"laptop-services__header\">\n\n      <span class=\"laptop-services__eyebrow\">\n        \u062e\u062f\u0645\u0627\u062a\n      <\/span>\n\n      <h2 class=\"laptop-services__title\">\n        \u0645\u0647\u0645\u0627 \u0643\u0627\u0646\u062a \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\u060c \u0646\u062d\u0646 \u0645\u0639\u0643 \u0645\u0646 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u062d\u062a\u0649 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n      <\/h2>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         SERVICE MATRIX\n    ====================================================== -->\n    <div class=\"laptop-services__matrix\">\n\n\n      <!-- ===================================================\n           RIGHT SERVICES\n      ==================================================== -->\n      <div class=\"laptop-services__column\">\n\n\n        <!-- 01 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            01\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <rect x=\"7\" y=\"7\" width=\"34\" height=\"34\" rx=\"5\"\/>\n              <rect x=\"13\" y=\"13\" width=\"13\" height=\"13\" rx=\"2\"\/>\n              <path d=\"M30 13v15\"\/>\n              <path d=\"M34 13v15\"\/>\n              <path d=\"M13 31h13\"\/>\n              <path d=\"M13 35h8\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0623\u0645 \u2014 Motherboard Repair\n            <\/h3>\n\n            <p>\n              \u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 02 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            02\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <rect x=\"7\" y=\"8\" width=\"34\" height=\"26\" rx=\"4\"\/>\n              <path d=\"M16 40h16\"\/>\n              <path d=\"M24 34v6\"\/>\n              <path d=\"M12 13h24v16H12z\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0634\u0627\u0634\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0636\u0631\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0643\u0633\u0648\u0631\u0629 \u0623\u0648 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062e\u0637\u0648\u0637 \u0623\u0648 \u0628\u0642\u0639 \u0623\u0648 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 03 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            03\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <rect x=\"8\" y=\"14\" width=\"29\" height=\"20\" rx=\"4\"\/>\n              <path d=\"M37 20h4v8h-4\"\/>\n              <path d=\"M14 20v8\"\/>\n              <path d=\"M19 20v8\"\/>\n              <path d=\"M24 20v8\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629\n            <\/h3>\n\n            <p>\n              \u062d\u0644 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u0636\u0639\u0641 \u0639\u0645\u0631 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u0641\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 04 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            04\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <rect x=\"6\" y=\"12\" width=\"36\" height=\"25\" rx=\"4\"\/>\n              <path d=\"M12 18h5\"\/>\n              <path d=\"M21 18h5\"\/>\n              <path d=\"M30 18h5\"\/>\n              <path d=\"M12 24h5\"\/>\n              <path d=\"M21 24h5\"\/>\n              <path d=\"M30 24h5\"\/>\n              <path d=\"M16 31h16\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0625\u0635\u0644\u0627\u062d \u0648\u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\n            <\/h3>\n\n            <p>\n              \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\u060c \u0648\u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0633\u0648\u0627\u0626\u0644\u060c \u0648\u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0623\u062f\u0627\u0621 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 05 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            05\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <path d=\"M9 30V15h30v15\"\/>\n              <path d=\"M5 34h38\"\/>\n              <path d=\"M14 30v4\"\/>\n              <path d=\"M34 30v4\"\/>\n              <path d=\"M12 15 8 10\"\/>\n              <path d=\"M36 15l4-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0641\u0635\u0644\u0627\u062a \u0648\u0627\u0644\u0647\u064a\u0643\u0644\n            <\/h3>\n\n            <p>\n              \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644 \u0645\u0641\u0635\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0648\u0627\u0644\u0643\u0633\u0648\u0631 \u0623\u0648 \u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0627\u0644\u062a\u064a \u062a\u0635\u064a\u0628 \u0647\u064a\u0643\u0644 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CENTER DEVICE\n      ==================================================== -->\n      <div class=\"laptop-services__center\">\n\n        <div class=\"laptop-service-device\">\n\n\n          <!-- TOP -->\n          <div class=\"laptop-service-device__top\">\n\n            <span>\n              LAPTOP SERVICE\n            <\/span>\n\n            <i><\/i>\n\n          <\/div>\n\n\n          <!-- LAPTOP -->\n          <div class=\"laptop-service-device__machine\">\n\n            <div class=\"laptop-service-device__screen\">\n\n              <div class=\"laptop-service-device__screen-head\">\n\n                <span>\n                  DIAGNOSTIC\n                <\/span>\n\n                <strong>\n                  ACTIVE\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"laptop-service-device__scan\">\n\n                <span class=\"laptop-service-device__scan-icon\">\n\n                  <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n                    <circle cx=\"20\" cy=\"20\" r=\"11\"\/>\n                    <path d=\"m28 28 11 11\"\/>\n                    <path d=\"M15 20h10\"\/>\n                    <path d=\"M20 15v10\"\/>\n                  <\/svg>\n\n                <\/span>\n\n                <div>\n                  <strong>\n                    DEVICE CHECK\n                  <\/strong>\n\n                  <span>\n                    HARDWARE \/ SOFTWARE\n                  <\/span>\n                <\/div>\n\n              <\/div>\n\n\n              <div class=\"laptop-service-device__bars\">\n\n                <div>\n                  <span>MOTHERBOARD<\/span>\n                  <i style=\"width:86%\"><\/i>\n                <\/div>\n\n                <div>\n                  <span>BATTERY<\/span>\n                  <i style=\"width:72%\"><\/i>\n                <\/div>\n\n                <div>\n                  <span>STORAGE<\/span>\n                  <i style=\"width:91%\"><\/i>\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n\n            <div class=\"laptop-service-device__base\">\n\n              <div class=\"laptop-service-device__keyboard\">\n\n                <span><\/span><span><\/span><span><\/span><span><\/span>\n                <span><\/span><span><\/span><span><\/span><span><\/span>\n                <span><\/span><span><\/span><span><\/span><span><\/span>\n\n              <\/div>\n\n              <div class=\"laptop-service-device__trackpad\"><\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <!-- MODULES -->\n          <div class=\"laptop-service-device__modules\">\n\n            <div>\n              <span>BOARD<\/span>\n              <strong>CHECK<\/strong>\n            <\/div>\n\n            <div>\n              <span>POWER<\/span>\n              <strong>CHECK<\/strong>\n            <\/div>\n\n            <div>\n              <span>SYSTEM<\/span>\n              <strong>CHECK<\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           LEFT SERVICES\n      ==================================================== -->\n      <div class=\"laptop-services__column\">\n\n\n        <!-- 06 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            06\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <path d=\"M8 24h19\"\/>\n              <path d=\"m23 15 9 9-9 9\"\/>\n              <path d=\"M35 15v18\"\/>\n              <circle cx=\"38\" cy=\"12\" r=\"3\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0634\u0627\u062d\u0646 \u0648\u0645\u0646\u0641\u0630 \u0627\u0644\u0634\u062d\u0646\n            <\/h3>\n\n            <p>\n              \u0641\u062d\u0635 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644 \u0639\u062f\u0645 \u0634\u062d\u0646 \u0627\u0644\u062c\u0647\u0627\u0632 \u0623\u0648 \u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0634\u062d\u0646 \u0623\u0648 \u0639\u062f\u0645 \u062b\u0628\u0627\u062a \u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0637\u0627\u0642\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 07 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            07\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <rect x=\"7\" y=\"10\" width=\"14\" height=\"28\" rx=\"3\"\/>\n              <rect x=\"27\" y=\"10\" width=\"14\" height=\"28\" rx=\"3\"\/>\n              <path d=\"M11 15h6\"\/>\n              <path d=\"M31 15h6\"\/>\n              <path d=\"m18 6 6-4 6 4\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u062a\u0631\u0642\u064a\u0629 RAM \u0648 SSD\n            <\/h3>\n\n            <p>\n              \u062a\u062d\u0633\u064a\u0646 \u0633\u0631\u0639\u0629 \u0648\u0623\u062f\u0627\u0621 \u062c\u0647\u0627\u0632 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0631\u0642\u064a\u0629 \u0627\u0644\u0630\u0627\u0643\u0631\u0629 \u0648\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 08 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            08\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <rect x=\"7\" y=\"8\" width=\"34\" height=\"30\" rx=\"5\"\/>\n              <path d=\"M7 16h34\"\/>\n              <path d=\"M13 12h.01\"\/>\n              <path d=\"M18 12h.01\"\/>\n              <path d=\"m16 27 5-5\"\/>\n              <path d=\"m16 27 5 5\"\/>\n              <path d=\"M26 32h9\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u062a\u062b\u0628\u064a\u062a \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629\n            <\/h3>\n\n            <p>\n              \u062a\u062b\u0628\u064a\u062a \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0648\u062d\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629\u060c \u0648\u0645\u0634\u0627\u0643\u0644 \u0628\u0637\u0621 \u0648\u0623\u062f\u0627\u0621 \u0627\u0644\u0646\u0638\u0627\u0645.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 09 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            09\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <ellipse cx=\"24\" cy=\"13\" rx=\"14\" ry=\"6\"\/>\n              <path d=\"M10 13v11c0 3 6 6 14 6s14-3 14-6V13\"\/>\n              <path d=\"M10 24v11c0 3 6 6 14 6s14-3 14-6V24\"\/>\n              <path d=\"m20 20 4 4 6-7\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n            <\/h3>\n\n            <p>\n              \u0641\u062d\u0635 \u0627\u0644\u062c\u0647\u0627\u0632 \u0648\u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062a\u0639\u0631\u0636 \u0641\u064a\u0647\u0627 \u0627\u0644\u062c\u0647\u0627\u0632 \u0623\u0648 \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0644\u0644\u062a\u0644\u0641.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 10 -->\n        <article class=\"laptop-service-row\">\n\n          <span class=\"laptop-service-row__number\">\n            10\n          <\/span>\n\n          <span class=\"laptop-service-row__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <circle cx=\"24\" cy=\"24\" r=\"8\"\/>\n              <path d=\"M24 5v7\"\/>\n              <path d=\"M24 36v7\"\/>\n              <path d=\"M5 24h7\"\/>\n              <path d=\"M36 24h7\"\/>\n              <path d=\"m11 11 5 5\"\/>\n              <path d=\"m32 32 5 5\"\/>\n              <path d=\"m37 11-5 5\"\/>\n              <path d=\"m16 32-5 5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"laptop-service-row__content\">\n\n            <h3>\n              \u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\n            <\/h3>\n\n            <p>\n              \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062c\u0647\u0627\u0632 \u0628\u0634\u0643\u0644 \u0645\u062a\u062e\u0635\u0635 \u0648\u0641\u062d\u0635 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062c\u0647\u0627\u0632.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP SERVICES\n========================================================== *\/\n\n.laptop-services {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --deep: #061b38;\n\n  --text: #9db2c6;\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(23,107,255,.09),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #020d1c,\n      #04172f 55%,\n      #061f3d\n    );\n\n}\n\n\n\/* ==========================================================\n   GRID BACKGROUND\n========================================================== *\/\n\n.laptop-services::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    54px\n    54px;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-services__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1240px,\n      100%\n    );\n\n  margin: 0 auto;\n\n}\n\n\n\/* ==========================================================\n   HEADER\n========================================================== *\/\n\n.laptop-services__header {\n\n  max-width: 830px;\n\n  margin:\n    0 auto\n    42px;\n\n  text-align: center;\n\n}\n\n\n\/* EYEBROW *\/\n\n.laptop-services__eyebrow {\n\n  width: fit-content;\n\n  margin:\n    0 auto\n    11px;\n\n  padding:\n    5px\n    10px;\n\n  display: inline-block;\n\n  border:\n    1px solid\n    rgba(74,159,255,.17);\n\n  border-radius: 999px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #61adff;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n}\n\n\n\/* TITLE *\/\n\n.laptop-services__title {\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   MATRIX\n========================================================== *\/\n\n.laptop-services__matrix {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    320px\n    minmax(0,1fr);\n\n  gap: 20px;\n\n  align-items: stretch;\n\n}\n\n\n\/* ==========================================================\n   COLUMNS\n========================================================== *\/\n\n.laptop-services__column {\n\n  display: flex;\n\n  flex-direction: column;\n\n}\n\n\n\/* ==========================================================\n   SERVICE ROW\n========================================================== *\/\n\n.laptop-service-row {\n\n  position: relative;\n\n  flex: 1;\n\n  min-height: 135px;\n\n  padding:\n    18px\n    0;\n\n  display: grid;\n\n  grid-template-columns:\n    28px\n    46px\n    minmax(0,1fr);\n\n  gap: 12px;\n\n  align-items: center;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.07);\n\n}\n\n\n.laptop-service-row:first-child {\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.07);\n\n}\n\n\n\/* ==========================================================\n   NUMBER\n========================================================== *\/\n\n.laptop-service-row__number {\n\n  align-self: flex-start;\n\n  padding-top: 5px;\n\n  color:\n    rgba(255,255,255,.18);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   ICON\n========================================================== *\/\n\n.laptop-service-row__icon {\n\n  width: 45px;\n  height: 45px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(75,159,255,.14);\n\n  border-radius: 12px;\n\n  background:\n    rgba(23,107,255,.07);\n\n  color: #4da3f7;\n\n  transition:\n    background-color .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n\n}\n\n\n.laptop-service-row__icon svg {\n\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.55;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   COPY\n========================================================== *\/\n\n.laptop-service-row h3 {\n\n  margin:\n    0\n    0\n    6px;\n\n  color: #edf5fb;\n\n  font-size: 12.5px;\n\n  font-weight: 800;\n\n  line-height: 1.75;\n\n}\n\n\n.laptop-service-row p {\n\n  margin: 0;\n\n  color: #819bb3;\n\n  font-size: 10.5px;\n\n  line-height: 1.95;\n\n}\n\n\n\/* ==========================================================\n   CENTER\n========================================================== *\/\n\n.laptop-services__center {\n\n  position: relative;\n\n}\n\n\n\/* ==========================================================\n   DEVICE PANEL\n========================================================== *\/\n\n.laptop-service-device {\n\n  position: sticky;\n\n  top: 120px;\n\n  min-height: 665px;\n\n  padding: 17px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(73,159,255,.18);\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(8,38,72,.98),\n      rgba(2,14,29,.99)\n    );\n\n  box-shadow:\n    0 27px 65px\n    rgba(0,0,0,.22);\n\n}\n\n\n\/* internal grid *\/\n\n.laptop-service-device::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .20;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    30px\n    30px;\n\n}\n\n\n\/* ==========================================================\n   TOP\n========================================================== *\/\n\n.laptop-service-device__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n\n  color: #5f7b96;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-service-device__top i {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.45);\n\n}\n\n\n\/* ==========================================================\n   MACHINE\n========================================================== *\/\n\n.laptop-service-device__machine {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 30px;\n\n}\n\n\n\/* ==========================================================\n   SCREEN\n========================================================== *\/\n\n.laptop-service-device__screen {\n\n  min-height: 255px;\n\n  padding: 16px;\n\n  border:\n    1px solid\n    rgba(72,158,255,.15);\n\n  border-radius:\n    12px\n    12px\n    5px\n    5px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061b34,\n      #0a2c50\n    );\n\n}\n\n\n\/* HEAD *\/\n\n.laptop-service-device__screen-head {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  color: #57738e;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-service-device__screen-head strong {\n\n  color: var(--green);\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   SCAN\n========================================================== *\/\n\n.laptop-service-device__scan {\n\n  margin-top: 29px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 10px;\n\n}\n\n\n.laptop-service-device__scan-icon {\n\n  width: 55px;\n  height: 55px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(75,161,255,.18);\n\n  border-radius: 15px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #4da7ff;\n\n}\n\n\n.laptop-service-device__scan-icon svg {\n\n  width: 28px;\n  height: 28px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-service-device__scan strong {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #e9f1f8;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n}\n\n\n.laptop-service-device__scan div > span {\n\n  display: block;\n\n  color: #5d7b98;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n\/* ==========================================================\n   BARS\n========================================================== *\/\n\n.laptop-service-device__bars {\n\n  margin-top: 28px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 10px;\n\n}\n\n\n.laptop-service-device__bars > div > span {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #526f8a;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n.laptop-service-device__bars > div {\n\n  position: relative;\n\n}\n\n\n.laptop-service-device__bars > div::after {\n\n  content: \"\";\n\n  display: block;\n\n  height: 4px;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-service-device__bars i {\n\n  position: absolute;\n\n  right: 0;\n  bottom: 0;\n\n  height: 4px;\n\n  z-index: 2;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   BASE\n========================================================== *\/\n\n.laptop-service-device__base {\n\n  min-height: 100px;\n\n  padding:\n    13px\n    16px;\n\n  border:\n    1px solid\n    rgba(72,151,229,.11);\n\n  border-radius:\n    4px\n    4px\n    13px\n    13px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0c2947,\n      #071a30\n    );\n\n}\n\n\n\/* keyboard *\/\n\n.laptop-service-device__keyboard {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 5px;\n\n}\n\n\n.laptop-service-device__keyboard span {\n\n  height: 12px;\n\n  border-radius: 3px;\n\n  background:\n    rgba(84,137,186,.15);\n\n}\n\n\n\/* trackpad *\/\n\n.laptop-service-device__trackpad {\n\n  width: 38%;\n  height: 28px;\n\n  margin:\n    10px\n    auto\n    0;\n\n  border:\n    1px solid\n    rgba(101,151,195,.12);\n\n  border-radius: 4px;\n\n}\n\n\n\/* ==========================================================\n   MODULES\n========================================================== *\/\n\n.laptop-service-device__modules {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 16px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 5px;\n\n}\n\n\n.laptop-service-device__modules > div {\n\n  padding: 9px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.05);\n\n  border-radius: 7px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n.laptop-service-device__modules span,\n.laptop-service-device__modules strong {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-service-device__modules span {\n\n  margin-bottom: 4px;\n\n  color: #4f6d88;\n\n  font-size: 4px;\n\n}\n\n\n.laptop-service-device__modules strong {\n\n  color: #4797e7;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-service-row:hover\n  .laptop-service-row__icon {\n\n    transform:\n      translateY(-3px);\n\n    border-color:\n      rgba(71,158,255,.28);\n\n    background:\n      rgba(23,107,255,.13);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1080px) {\n\n  .laptop-services {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-services__matrix {\n\n    grid-template-columns:\n      1fr\n      280px\n      1fr;\n\n    gap: 14px;\n\n  }\n\n\n  .laptop-service-row {\n\n    grid-template-columns:\n      40px\n      minmax(0,1fr);\n\n  }\n\n\n  .laptop-service-row__number {\n\n    display: none;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-services {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-services__header {\n\n    margin-bottom: 26px;\n\n    text-align: right;\n\n  }\n\n\n  .laptop-services__eyebrow {\n\n    margin:\n      0\n      0\n      10px;\n\n  }\n\n\n  .laptop-services__title {\n\n    font-size: 27px;\n\n  }\n\n\n  \/* MATRIX *\/\n\n  .laptop-services__matrix {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 0;\n\n  }\n\n\n  \/* DEVICE FIRST *\/\n\n  .laptop-services__center {\n\n    order: -1;\n\n    margin-bottom: 20px;\n\n  }\n\n\n  .laptop-service-device {\n\n    position: relative;\n\n    top: auto;\n\n    min-height: auto;\n\n    padding: 14px;\n\n    border-radius: 17px;\n\n  }\n\n\n  .laptop-service-device__screen {\n\n    min-height: 215px;\n\n  }\n\n\n  \/* ROW *\/\n\n  .laptop-service-row {\n\n    min-height: auto;\n\n    padding:\n      15px\n      0;\n\n    grid-template-columns:\n      42px\n      minmax(0,1fr);\n\n    gap: 11px;\n\n  }\n\n\n  .laptop-service-row__number {\n\n    display: none;\n\n  }\n\n\n  .laptop-service-row__icon {\n\n    width: 41px;\n    height: 41px;\n\n    border-radius: 10px;\n\n  }\n\n\n  .laptop-service-row__icon svg {\n\n    width: 22px;\n    height: 22px;\n\n  }\n\n\n  .laptop-service-row h3 {\n\n    font-size: 11.5px;\n\n  }\n\n\n  .laptop-service-row p {\n\n    font-size: 10px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-service-device__modules {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-service-device__screen {\n\n    min-height: 195px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-service-row__icon {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-314d090 e-con-full e-flex e-con e-parent\" data-id=\"314d090\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b4f5d9 elementor-widget elementor-widget-html\" data-id=\"6b4f5d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-why\" dir=\"rtl\">\n\n  <div class=\"laptop-why__container\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n    <div class=\"laptop-why__header\">\n\n      <div>\n\n        <span class=\"laptop-why__eyebrow\">\n\n          <span class=\"laptop-why__eyebrow-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n              <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <span>\n            EXPERIENCE \u2022 EQUIPMENT \u2022 WARRANTY\n          <\/span>\n\n        <\/span>\n\n\n        <h2 class=\"laptop-why__title\">\n          \u0644\u0645\u0627\u0630\u0627 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0644\u0643\u064a \u0644\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0634.\u0645.\u0645\u061f\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"laptop-why__header-status\">\n\n        <span><\/span>\n\n        <div>\n          <strong>\n            LAPTOP REPAIR\n          <\/strong>\n\n          <small>\n            PROFESSIONAL SERVICE\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN LAYOUT\n    ====================================================== -->\n    <div class=\"laptop-why__layout\">\n\n\n      <!-- ===================================================\n           TRUST STANDARD\n      ==================================================== -->\n      <aside class=\"laptop-why__standard\">\n\n        <div class=\"laptop-why__standard-top\">\n\n          <span>\n            SERVICE STANDARD\n          <\/span>\n\n          <i><\/i>\n\n        <\/div>\n\n\n\n        <!-- 25 -->\n        <div class=\"laptop-why__experience\">\n\n          <strong>\n            25\n          <\/strong>\n\n          <div>\n\n            <span>\n              +\n            <\/span>\n\n            <small>\n              YEARS\n            <\/small>\n\n          <\/div>\n\n        <\/div>\n\n\n        <h3>\n          \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\n        <\/h3>\n\n\n        <p>\n          \u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629\u060c \u062a\u0645\u0646\u062d\u0646\u0627 \u0623\u0633\u0627\u0633\u0627\u064b \u0642\u0648\u064a\u0627\u064b \u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0648\u0625\u0635\u0644\u0627\u062d\u0647\u0627 \u0628\u062f\u0642\u0629 \u0623\u0643\u0628\u0631.\n        <\/p>\n\n\n\n        <!-- =================================================\n             CORE TRUST\n        ================================================== -->\n        <div class=\"laptop-why__standard-data\">\n\n\n          <div class=\"laptop-why-standard-data\">\n\n            <span class=\"laptop-why-standard-data__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"10\" cy=\"10\" r=\"6\"\/>\n                <path d=\"m15 15 5 5\"\/>\n              <\/svg>\n\n            <\/span>\n\n\n            <div>\n\n              <small>\n                INITIAL DIAGNOSIS\n              <\/small>\n\n              <strong>\n                \u0628\u062f\u0648\u0646 \u0631\u0633\u0648\u0645\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"laptop-why-standard-data\">\n\n            <span class=\"laptop-why-standard-data__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n                <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n              <\/svg>\n\n            <\/span>\n\n\n            <div>\n\n              <small>\n                REPAIR WARRANTY\n              <\/small>\n\n              <strong>\n                \u0634\u0647\u0631 \u0648\u0627\u062d\u062f\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"laptop-why-standard-data\">\n\n            <span class=\"laptop-why-standard-data__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 3c4.4 0 8 3.5 8 7.8C20 16.6 12 22 12 22S4 16.6 4 10.8C4 6.5 7.6 3 12 3Z\"\/>\n                <circle cx=\"12\" cy=\"11\" r=\"2.5\"\/>\n              <\/svg>\n\n            <\/span>\n\n\n            <div>\n\n              <small>\n                SERVICE AREA\n              <\/small>\n\n              <strong>\n                \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0639\u064f\u0645\u0627\u0646\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             TECH FOOTER\n        ================================================== -->\n        <div class=\"laptop-why__standard-footer\">\n\n          <div>\n\n            <span>\n              SERVICE STATUS\n            <\/span>\n\n            <strong>\n              ACTIVE\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"laptop-why__standard-progress\">\n            <span><\/span>\n          <\/div>\n\n\n          <div class=\"laptop-why__standard-tags\">\n\n            <span>DIAGNOSTIC<\/span>\n            <span>REPAIR<\/span>\n            <span>TEST<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/aside>\n\n\n\n      <!-- ===================================================\n           REASONS\n      ==================================================== -->\n      <div class=\"laptop-why__reasons\">\n\n\n        <!-- =================================================\n             01 EXPERIENCE\n        ================================================== -->\n        <article class=\"laptop-why-reason\">\n\n          <span class=\"laptop-why-reason__number\">\n            01\n          <\/span>\n\n\n          <span class=\"laptop-why-reason__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n              <circle cx=\"24\" cy=\"24\" r=\"17\"\/>\n              <path d=\"M24 14v11l7 4\"\/>\n              <path d=\"M18 5v6\"\/>\n              <path d=\"M30 5v6\"\/>\n            <\/svg>\n\n          <\/span>\n\n\n          <div class=\"laptop-why-reason__content\">\n\n            <h3>\n              \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\n            <\/h3>\n\n            <p>\n              \u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629\u060c \u062a\u0645\u0646\u062d\u0646\u0627 \u0623\u0633\u0627\u0633\u0627\u064b \u0642\u0648\u064a\u0627\u064b \u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0648\u0625\u0635\u0644\u0627\u062d\u0647\u0627 \u0628\u062f\u0642\u0629 \u0623\u0643\u0628\u0631.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-why-reason__tag\">\n            25+\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             02 EQUIPMENT\n        ================================================== -->\n        <article class=\"laptop-why-reason\">\n\n          <span class=\"laptop-why-reason__number\">\n            02\n          <\/span>\n\n\n          <span class=\"laptop-why-reason__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <rect x=\"7\" y=\"8\" width=\"34\" height=\"27\" rx=\"4\"\/>\n\n              <path d=\"M13 15h22\"\/>\n\n              <path d=\"M13 21h8\"\/>\n\n              <path d=\"M27 21h8\"\/>\n\n              <path d=\"M16 41h16\"\/>\n\n              <path d=\"M24 35v6\"\/>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div class=\"laptop-why-reason__content\">\n\n            <h3>\n              \u0645\u0639\u062f\u0627\u062a \u0645\u062a\u0637\u0648\u0631\u0629\n            <\/h3>\n\n            <p>\n              \u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062d\u062f\u062b \u0648\u0623\u0642\u0648\u0649 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0641\u062d\u0635 \u0648\u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-why-reason__status-dot is-blue\"><\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             03 INTERNATIONAL TECHNICIANS\n        ================================================== -->\n        <article class=\"laptop-why-reason\">\n\n          <span class=\"laptop-why-reason__number\">\n            03\n          <\/span>\n\n\n          <span class=\"laptop-why-reason__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <circle cx=\"21\" cy=\"16\" r=\"8\"\/>\n\n              <path d=\"M7 42c1-12 6-18 14-18s13 6 14 18\"\/>\n\n              <circle cx=\"37\" cy=\"15\" r=\"7\"\/>\n\n              <path d=\"M30 15h14\"\/>\n\n              <path d=\"M37 8a12 12 0 0 1 0 14\"\/>\n\n              <path d=\"M37 8a12 12 0 0 0 0 14\"\/>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div class=\"laptop-why-reason__content\">\n\n            <h3>\n              \u0641\u0646\u064a\u0648\u0646 \u062f\u0648\u0644\u064a\u0648\u0646\n            <\/h3>\n\n            <p>\n              \u0641\u0631\u064a\u0642 \u0641\u0646\u064a \u0645\u062a\u062e\u0635\u0635 \u064a\u062a\u0645\u062a\u0639 \u0628\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-why-reason__status-dot is-green\"><\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             04 FREE DIAGNOSIS\n        ================================================== -->\n        <article class=\"laptop-why-reason laptop-why-reason--free\">\n\n          <span class=\"laptop-why-reason__number\">\n            04\n          <\/span>\n\n\n          <span class=\"laptop-why-reason__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <circle cx=\"20\" cy=\"20\" r=\"11\"\/>\n\n              <path d=\"m28 28 11 11\"\/>\n\n              <path d=\"M15 20h10\"\/>\n\n              <path d=\"M20 15v10\"\/>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div class=\"laptop-why-reason__content\">\n\n            <h3>\n              \u0628\u062f\u0648\u0646 \u0631\u0633\u0648\u0645 \u062a\u0634\u062e\u064a\u0635 \u0623\u0648\u0644\u064a\u0629\n            <\/h3>\n\n            <p>\n              \u0644\u0627 \u064a\u062a\u0645 \u062a\u062d\u0635\u064a\u0644 \u0631\u0633\u0648\u0645 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0648\u0644\u064a \u0644\u0644\u062c\u0647\u0627\u0632.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-why-reason__pill\">\n            \u0645\u062c\u0627\u0646\u064a\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             05 WARRANTY\n        ================================================== -->\n        <article class=\"laptop-why-reason laptop-why-reason--warranty\">\n\n          <span class=\"laptop-why-reason__number\">\n            05\n          <\/span>\n\n\n          <span class=\"laptop-why-reason__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <path d=\"M24 5 39 11v11c0 10-6 18-15 22C15 40 9 32 9 22V11l15-6Z\"\/>\n\n              <path d=\"m17 24 5 5 10-11\"\/>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div class=\"laptop-why-reason__content\">\n\n            <h3>\n              \u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631\n            <\/h3>\n\n            <p>\n              \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0645\u0634\u0645\u0648\u0644\u0629 \u0628\u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-why-reason__pill laptop-why-reason__pill--blue\">\n            \u0634\u0647\u0631 \u0648\u0627\u062d\u062f\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             06 OMAN\n        ================================================== -->\n        <article class=\"laptop-why-reason laptop-why-reason--last\">\n\n          <span class=\"laptop-why-reason__number\">\n            06\n          <\/span>\n\n\n          <span class=\"laptop-why-reason__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <path d=\"M24 5c9 0 16 7 16 16 0 12-16 22-16 22S8 33 8 21C8 12 15 5 24 5Z\"\/>\n\n              <circle cx=\"24\" cy=\"21\" r=\"5\"\/>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div class=\"laptop-why-reason__content\">\n\n            <h3>\n              \u0646\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646\n            <\/h3>\n\n            <p>\n              \u064a\u0642\u0639 \u0627\u0644\u0645\u0631\u0643\u0632 \u0641\u064a \u0645\u0633\u0642\u0637\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062c\u0647\u0627\u0632 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0645\u0646\u0627\u0637\u0642 \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-why-reason__tag laptop-why-reason__tag--oman\">\n            OMAN\n          <\/span>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP WHY\n========================================================== *\/\n\n.laptop-why {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --deep: #061b38;\n\n  --heading: #193d5a;\n  --text: #61768a;\n\n  --border: #dfe8f1;\n\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7f9fc,\n      #ffffff\n    );\n\n}\n\n\n\/* ==========================================================\n   BG GRID\n========================================================== *\/\n\n.laptop-why::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .28;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(23,107,255,.022) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(23,107,255,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    58px\n    58px;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-why__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin:\n    0 auto;\n\n}\n\n\n\/* ==========================================================\n   HEADER\n========================================================== *\/\n\n.laptop-why__header {\n\n  margin-bottom:\n    35px;\n\n  display: flex;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    space-between;\n\n  gap:\n    30px;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-why__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom:\n    12px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    8px;\n\n  color:\n    #6e8498;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    7px;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .7px;\n\n}\n\n\n\/* icon *\/\n\n.laptop-why__eyebrow-icon {\n\n  width:\n    29px;\n\n  height:\n    29px;\n\n  display:\n    grid;\n\n  place-items:\n    center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.11);\n\n  border-radius:\n    8px;\n\n  background:\n    #edf5ff;\n\n  color:\n    var(--blue);\n\n}\n\n\n.laptop-why__eyebrow-icon svg {\n\n  width:\n    17px;\n\n  height:\n    17px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.7;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-why__title {\n\n  max-width:\n    760px;\n\n  margin:\n    0;\n\n  color:\n    var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight:\n    800;\n\n  line-height:\n    1.5;\n\n}\n\n\n\/* ==========================================================\n   HEADER STATUS\n========================================================== *\/\n\n.laptop-why__header-status {\n\n  padding-bottom:\n    4px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n\n}\n\n\n.laptop-why__header-status > span {\n\n  width:\n    8px;\n\n  height:\n    8px;\n\n  border-radius:\n    50%;\n\n  background:\n    var(--green);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(37,211,102,.08);\n\n}\n\n\n.laptop-why__header-status strong,\n.laptop-why__header-status small {\n\n  display:\n    block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-why__header-status strong {\n\n  margin-bottom:\n    3px;\n\n  color:\n    #4f687f;\n\n  font-size:\n    7px;\n\n}\n\n\n.laptop-why__header-status small {\n\n  color:\n    #99a8b5;\n\n  font-size:\n    5px;\n\n}\n\n\n\/* ==========================================================\n   LAYOUT\n========================================================== *\/\n\n.laptop-why__layout {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    370px\n    minmax(0,1fr);\n\n  gap:\n    15px;\n\n  align-items:\n    stretch;\n\n}\n\n\n\/* ==========================================================\n   STANDARD\n========================================================== *\/\n\n.laptop-why__standard {\n\n  position:\n    relative;\n\n  min-height:\n    635px;\n\n  padding:\n    29px;\n\n  overflow:\n    hidden;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  border:\n    1px solid\n    rgba(70,157,255,.17);\n\n  border-radius:\n    22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 25px 55px\n    rgba(5,35,68,.15);\n\n}\n\n\n\/* grid *\/\n\n.laptop-why__standard::before {\n\n  content: \"\";\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  opacity:\n    .22;\n\n  pointer-events:\n    none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    35px\n    35px;\n\n}\n\n\n\/* ==========================================================\n   STANDARD TOP\n========================================================== *\/\n\n.laptop-why__standard-top {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  color:\n    #5d7893;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    6px;\n\n}\n\n\n.laptop-why__standard-top i {\n\n  width:\n    7px;\n\n  height:\n    7px;\n\n  border-radius:\n    50%;\n\n  background:\n    var(--green);\n\n  box-shadow:\n    0 0 7px\n    rgba(37,211,102,.45);\n\n}\n\n\n\/* ==========================================================\n   EXPERIENCE\n========================================================== *\/\n\n.laptop-why__experience {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin:\n    48px\n    0\n    17px;\n\n  display:\n    flex;\n\n  align-items:\n    flex-start;\n\n  gap:\n    5px;\n\n}\n\n\n.laptop-why__experience > strong {\n\n  color:\n    #ffffff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    82px;\n\n  font-weight:\n    800;\n\n  line-height:\n    .85;\n\n  letter-spacing:\n    -3px;\n\n}\n\n\n.laptop-why__experience > div {\n\n  padding-top:\n    4px;\n\n}\n\n\n.laptop-why__experience span {\n\n  display:\n    block;\n\n  margin-bottom:\n    10px;\n\n  color:\n    #4da7ff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    26px;\n\n  font-weight:\n    700;\n\n}\n\n\n.laptop-why__experience small {\n\n  display:\n    block;\n\n  color:\n    #68849f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    6px;\n\n}\n\n\n\/* ==========================================================\n   STANDARD COPY\n========================================================== *\/\n\n.laptop-why__standard h3 {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin:\n    0\n    0\n    10px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    17px;\n\n  font-weight:\n    800;\n\n  line-height:\n    1.7;\n\n}\n\n\n.laptop-why__standard > p {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin:\n    0;\n\n  color:\n    #9db3c8;\n\n  font-size:\n    11.5px;\n\n  line-height:\n    2;\n\n}\n\n\n\/* ==========================================================\n   DATA\n========================================================== *\/\n\n.laptop-why__standard-data {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin-top:\n    27px;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n}\n\n\n\/* ITEM *\/\n\n.laptop-why-standard-data {\n\n  min-height:\n    65px;\n\n  padding:\n    10px\n    0;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    10px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n\n}\n\n\n.laptop-why-standard-data:last-child {\n\n  border-bottom:\n    0;\n\n}\n\n\n\/* icon *\/\n\n.laptop-why-standard-data__icon {\n\n  width:\n    38px;\n\n  height:\n    38px;\n\n  flex:\n    0 0\n    38px;\n\n  display:\n    grid;\n\n  place-items:\n    center;\n\n  border:\n    1px solid\n    rgba(73,160,255,.14);\n\n  border-radius:\n    10px;\n\n  background:\n    rgba(23,107,255,.07);\n\n  color:\n    #4da5fa;\n\n}\n\n\n.laptop-why-standard-data__icon svg {\n\n  width:\n    20px;\n\n  height:\n    20px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.6;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n.laptop-why-standard-data small {\n\n  display:\n    block;\n\n  margin-bottom:\n    3px;\n\n  color:\n    #587590;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    4.7px;\n\n}\n\n\n.laptop-why-standard-data strong {\n\n  display:\n    block;\n\n  color:\n    #a8bacb;\n\n  font-size:\n    9px;\n\n  font-weight:\n    700;\n\n}\n\n\n\/* ==========================================================\n   STANDARD FOOTER\n========================================================== *\/\n\n.laptop-why__standard-footer {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin-top:\n    auto;\n\n  padding-top:\n    21px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.06);\n\n}\n\n\n.laptop-why__standard-footer > div:first-child {\n\n  display:\n    flex;\n\n  justify-content:\n    space-between;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-why__standard-footer > div:first-child span {\n\n  color:\n    #58748e;\n\n  font-size:\n    5px;\n\n}\n\n\n.laptop-why__standard-footer > div:first-child strong {\n\n  color:\n    var(--green);\n\n  font-size:\n    5.5px;\n\n}\n\n\n\/* progress *\/\n\n.laptop-why__standard-progress {\n\n  height:\n    4px;\n\n  margin:\n    10px\n    0;\n\n  overflow:\n    hidden;\n\n  border-radius:\n    20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-why__standard-progress span {\n\n  display:\n    block;\n\n  width:\n    92%;\n\n  height:\n    100%;\n\n  border-radius:\n    inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* tags *\/\n\n.laptop-why__standard-tags {\n\n  display:\n    flex;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    5px;\n\n}\n\n\n.laptop-why__standard-tags span {\n\n  padding:\n    4px\n    6px;\n\n  border-radius:\n    4px;\n\n  background:\n    rgba(255,255,255,.025);\n\n  color:\n    #56728d;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    4.5px;\n\n}\n\n\n\/* ==========================================================\n   REASONS\n========================================================== *\/\n\n.laptop-why__reasons {\n\n  overflow:\n    hidden;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius:\n    22px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 12px 35px\n    rgba(8,42,77,.04);\n\n}\n\n\n\/* ==========================================================\n   REASON\n========================================================== *\/\n\n.laptop-why-reason {\n\n  position:\n    relative;\n\n  flex:\n    1;\n\n  min-height:\n    103px;\n\n  padding:\n    15px\n    18px;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    27px\n    47px\n    minmax(0,1fr)\n    auto;\n\n  gap:\n    12px;\n\n  align-items:\n    center;\n\n  border-bottom:\n    1px solid\n    #e7edf3;\n\n  background:\n    #ffffff;\n\n  transition:\n    background-color .2s ease,\n    padding-right .2s ease;\n\n}\n\n\n.laptop-why-reason--last {\n\n  border-bottom:\n    0;\n\n}\n\n\n\/* ==========================================================\n   NUMBER\n========================================================== *\/\n\n.laptop-why-reason__number {\n\n  color:\n    rgba(7,28,56,.17);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    7px;\n\n  font-weight:\n    700;\n\n}\n\n\n\/* ==========================================================\n   ICON\n========================================================== *\/\n\n.laptop-why-reason__icon {\n\n  width:\n    46px;\n\n  height:\n    46px;\n\n  display:\n    grid;\n\n  place-items:\n    center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.10);\n\n  border-radius:\n    12px;\n\n  background:\n    #edf5ff;\n\n  color:\n    var(--blue);\n\n}\n\n\n.laptop-why-reason__icon svg {\n\n  width:\n    24px;\n\n  height:\n    24px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.55;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-why-reason h3 {\n\n  margin:\n    0\n    0\n    5px;\n\n  color:\n    var(--heading);\n\n  font-size:\n    12.5px;\n\n  font-weight:\n    800;\n\n  line-height:\n    1.75;\n\n}\n\n\n.laptop-why-reason p {\n\n  max-width:\n    650px;\n\n  margin:\n    0;\n\n  color:\n    var(--text);\n\n  font-size:\n    10.5px;\n\n  line-height:\n    1.9;\n\n}\n\n\n\/* ==========================================================\n   TAG\n========================================================== *\/\n\n.laptop-why-reason__tag {\n\n  color:\n    var(--blue);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    800;\n\n}\n\n\n.laptop-why-reason__tag--oman {\n\n  padding:\n    5px\n    7px;\n\n  border:\n    1px solid\n    #e0e8f1;\n\n  border-radius:\n    5px;\n\n  background:\n    #f6f9fc;\n\n  color:\n    #6e8397;\n\n  font-size:\n    5.5px;\n\n}\n\n\n\/* ==========================================================\n   STATUS DOT\n========================================================== *\/\n\n.laptop-why-reason__status-dot {\n\n  width:\n    8px;\n\n  height:\n    8px;\n\n  margin:\n    0\n    7px;\n\n  border-radius:\n    50%;\n\n}\n\n\n.laptop-why-reason__status-dot.is-blue {\n\n  background:\n    var(--blue);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(23,107,255,.07);\n\n}\n\n\n.laptop-why-reason__status-dot.is-green {\n\n  background:\n    var(--green);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(37,211,102,.07);\n\n}\n\n\n\/* ==========================================================\n   FREE\n========================================================== *\/\n\n.laptop-why-reason--free {\n\n  background:\n    #fbfdff;\n\n}\n\n\n.laptop-why-reason--free\n.laptop-why-reason__icon {\n\n  color:\n    #168c49;\n\n  background:\n    #effaf3;\n\n  border-color:\n    rgba(37,211,102,.13);\n\n}\n\n\n\/* ==========================================================\n   WARRANTY\n========================================================== *\/\n\n.laptop-why-reason--warranty {\n\n  background:\n    linear-gradient(\n      90deg,\n      #f4f8ff,\n      #ffffff\n    );\n\n}\n\n\n.laptop-why-reason--warranty\n.laptop-why-reason__icon {\n\n  color:\n    #ffffff;\n\n  border-color:\n    transparent;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   PILLS\n========================================================== *\/\n\n.laptop-why-reason__pill {\n\n  padding:\n    5px\n    8px;\n\n  border-radius:\n    999px;\n\n  background:\n    #effaf3;\n\n  color:\n    #168a48;\n\n  font-size:\n    8px;\n\n  font-weight:\n    800;\n\n  white-space:\n    nowrap;\n\n}\n\n\n.laptop-why-reason__pill--blue {\n\n  background:\n    #edf5ff;\n\n  color:\n    var(--blue);\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-why-reason:hover {\n\n    padding-right:\n      24px;\n\n    background:\n      #f8fbff;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-why {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-why__layout {\n\n    grid-template-columns:\n      320px\n      minmax(0,1fr);\n\n  }\n\n\n  .laptop-why__standard {\n\n    min-height:\n      660px;\n\n    padding:\n      24px;\n\n  }\n\n\n  .laptop-why-reason {\n\n    grid-template-columns:\n      44px\n      minmax(0,1fr)\n      auto;\n\n  }\n\n\n  .laptop-why-reason__number {\n\n    display:\n      none;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-why {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-why__header {\n\n    margin-bottom:\n      25px;\n\n    display:\n      block;\n\n  }\n\n\n  .laptop-why__title {\n\n    font-size:\n      27px;\n\n  }\n\n\n  .laptop-why__header-status {\n\n    margin-top:\n      15px;\n\n  }\n\n\n  \/* layout *\/\n\n  .laptop-why__layout {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      10px;\n\n  }\n\n\n  \/* standard *\/\n\n  .laptop-why__standard {\n\n    min-height:\n      auto;\n\n    padding:\n      22px;\n\n    border-radius:\n      17px;\n\n  }\n\n\n  .laptop-why__experience {\n\n    margin:\n      35px\n      0\n      15px;\n\n  }\n\n\n  .laptop-why__experience > strong {\n\n    font-size:\n      68px;\n\n  }\n\n\n  .laptop-why__standard h3 {\n\n    font-size:\n      15px;\n\n  }\n\n\n  .laptop-why__standard > p {\n\n    font-size:\n      10.8px;\n\n  }\n\n\n  .laptop-why__standard-footer {\n\n    margin-top:\n      22px;\n\n  }\n\n\n  \/* reasons *\/\n\n  .laptop-why__reasons {\n\n    border-radius:\n      17px;\n\n  }\n\n\n  .laptop-why-reason {\n\n    min-height:\n      auto;\n\n    padding:\n      16px;\n\n    grid-template-columns:\n      42px\n      minmax(0,1fr);\n\n    gap:\n      11px;\n\n  }\n\n\n  .laptop-why-reason__number,\n  .laptop-why-reason__tag,\n  .laptop-why-reason__pill,\n  .laptop-why-reason__status-dot {\n\n    display:\n      none;\n\n  }\n\n\n  .laptop-why-reason__icon {\n\n    width:\n      41px;\n\n    height:\n      41px;\n\n    border-radius:\n      10px;\n\n  }\n\n\n  .laptop-why-reason__icon svg {\n\n    width:\n      22px;\n\n    height:\n      22px;\n\n  }\n\n\n  .laptop-why-reason h3 {\n\n    font-size:\n      11.8px;\n\n  }\n\n\n  .laptop-why-reason p {\n\n    font-size:\n      10px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-why-reason {\n\n    transition:\n      none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb43ab7 e-con-full e-flex e-con e-parent\" data-id=\"eb43ab7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67e55a0 elementor-widget elementor-widget-html\" data-id=\"67e55a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-process\" dir=\"rtl\">\n\n  <div class=\"laptop-process__container\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n    <div class=\"laptop-process__header\">\n\n      <div>\n\n        <span class=\"laptop-process__eyebrow\">\n\n          <span><\/span>\n\n          SERVICE PROCESS\n\n        <\/span>\n\n\n        <h2 class=\"laptop-process__title\">\n          \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0648\u0646\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"laptop-process__duration\">\n\n        <span class=\"laptop-process__duration-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n            <path d=\"M12 7v5l3 2\"\/>\n          <\/svg>\n\n        <\/span>\n\n        <div>\n\n          <small>\n            \u0645\u062f\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629\n          <\/small>\n\n          <strong>\n            24 \u0633\u0627\u0639\u0629 \u2014 \u0623\u0633\u0628\u0648\u0639 \u0648\u0627\u062d\u062f\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN\n    ====================================================== -->\n    <div class=\"laptop-process__main\">\n\n\n      <!-- ===================================================\n           TIMELINE\n      ==================================================== -->\n      <div class=\"laptop-process__timeline\">\n\n\n        <!-- =================================================\n             STEP 01\n        ================================================== -->\n        <article class=\"laptop-process-step\">\n\n          <div class=\"laptop-process-step__rail\">\n\n            <span class=\"laptop-process-step__number\">\n              01\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <path d=\"M8 10h32v30H8z\"\/>\n\n              <path d=\"M14 17h20\"\/>\n\n              <path d=\"M14 24h14\"\/>\n\n              <path d=\"M14 31h9\"\/>\n\n              <path d=\"m31 29 3 3 7-8\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__content\">\n\n            <span class=\"laptop-process-step__label\">\n              REQUEST\n            <\/span>\n\n            <h3>\n              \u062a\u0633\u062c\u064a\u0644 \u0637\u0644\u0628 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n            <\/h3>\n\n            <p>\n              \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0623\u0648 \u0642\u0645 \u0628\u062a\u0633\u062c\u064a\u0644 \u0637\u0644\u0628 \u0625\u0635\u0644\u0627\u062d \u062c\u0647\u0627\u0632\u0643.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-process-step__state\">\n            START\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             STEP 02\n        ================================================== -->\n        <article class=\"laptop-process-step laptop-process-step--active\">\n\n          <div class=\"laptop-process-step__rail\">\n\n            <span class=\"laptop-process-step__number\">\n              02\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <circle cx=\"20\" cy=\"20\" r=\"11\"\/>\n\n              <path d=\"m28 28 11 11\"\/>\n\n              <path d=\"M15 20h10\"\/>\n\n              <path d=\"M20 15v10\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__content\">\n\n            <span class=\"laptop-process-step__label\">\n              DIAGNOSTIC\n            <\/span>\n\n            <h3>\n              \u0627\u0644\u0641\u062d\u0635 \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635\n            <\/h3>\n\n            <p>\n              \u064a\u0642\u0648\u0645 \u0627\u0644\u0641\u0646\u064a\u0648\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0628\u0641\u062d\u0635 \u0627\u0644\u062c\u0647\u0627\u0632 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0634\u0643\u0644\u0629.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-process-step__state laptop-process-step__state--blue\">\n            CHECK\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             STEP 03\n        ================================================== -->\n        <article class=\"laptop-process-step\">\n\n          <div class=\"laptop-process-step__rail\">\n\n            <span class=\"laptop-process-step__number\">\n              03\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <rect x=\"8\" y=\"8\" width=\"32\" height=\"32\" rx=\"5\"\/>\n\n              <path d=\"M15 17h18\"\/>\n\n              <path d=\"M15 24h12\"\/>\n\n              <path d=\"M15 31h8\"\/>\n\n              <path d=\"M31 27v8\"\/>\n\n              <path d=\"M27 31h8\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__content\">\n\n            <span class=\"laptop-process-step__label\">\n              ESTIMATE\n            <\/span>\n\n            <h3>\n              \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u062f\u0629\n            <\/h3>\n\n            <p>\n              \u0628\u0639\u062f \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060c \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0625\u0635\u0644\u0627\u062d \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u0637\u0644.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-process-step__state\">\n            REVIEW\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             STEP 04\n        ================================================== -->\n        <article class=\"laptop-process-step laptop-process-step--repair\">\n\n          <div class=\"laptop-process-step__rail\">\n\n            <span class=\"laptop-process-step__number\">\n              04\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <path d=\"M29 8a10 10 0 0 0-7 14L8 36l4 4 14-14a10 10 0 0 0 14-7l-7 4-6-6 2-9Z\"\/>\n\n              <path d=\"M10 36l2 2\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__content\">\n\n            <span class=\"laptop-process-step__label\">\n              REPAIR\n            <\/span>\n\n            <h3>\n              \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u062a\u062e\u0635\u0635\n            <\/h3>\n\n            <p>\n              \u064a\u062a\u0645 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062c\u0647\u0627\u0632 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0639\u0644\u0649 \u064a\u062f \u0641\u0646\u064a \u0645\u062a\u062e\u0635\u0635.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-process-step__state laptop-process-step__state--dark\">\n            REPAIR\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             STEP 05\n        ================================================== -->\n        <article class=\"laptop-process-step\">\n\n          <div class=\"laptop-process-step__rail\">\n\n            <span class=\"laptop-process-step__number\">\n              05\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <rect x=\"7\" y=\"8\" width=\"34\" height=\"27\" rx=\"5\"\/>\n\n              <path d=\"M17 41h14\"\/>\n\n              <path d=\"M24 35v6\"\/>\n\n              <path d=\"m16 21 5 5 11-12\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__content\">\n\n            <span class=\"laptop-process-step__label\">\n              FINAL TEST\n            <\/span>\n\n            <h3>\n              \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\n            <\/h3>\n\n            <p>\n              \u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u060c \u064a\u062a\u0645 \u0641\u062d\u0635 \u0627\u0644\u062c\u0647\u0627\u0632 \u0648\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0638\u0627\u0626\u0641\u0647 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u0645\u0644\u0647 \u0628\u0634\u0643\u0644 \u0645\u0646\u0627\u0633\u0628.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-process-step__state laptop-process-step__state--green\">\n            TEST\n          <\/span>\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             STEP 06\n        ================================================== -->\n        <article class=\"laptop-process-step laptop-process-step--last\">\n\n          <div class=\"laptop-process-step__rail\">\n\n            <span class=\"laptop-process-step__number\">\n              06\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__icon\">\n\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n              <path d=\"M8 15h32v25H8z\"\/>\n\n              <path d=\"M15 15V9h18v6\"\/>\n\n              <path d=\"m18 27 5 5 10-11\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-step__content\">\n\n            <span class=\"laptop-process-step__label\">\n              DELIVERY\n            <\/span>\n\n            <h3>\n              \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u062c\u0647\u0627\u0632\n            <\/h3>\n\n            <p>\n              \u064a\u0635\u0628\u062d \u0627\u0644\u062c\u0647\u0627\u0632 \u062c\u0627\u0647\u0632\u0627\u064b \u0644\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0623\u0648 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644.\n            <\/p>\n\n          <\/div>\n\n\n          <span class=\"laptop-process-step__state laptop-process-step__state--green\">\n            READY\n          <\/span>\n\n        <\/article>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           SERVICE TICKET\n      ==================================================== -->\n      <aside class=\"laptop-process__ticket\">\n\n\n        <!-- TOP -->\n        <div class=\"laptop-process__ticket-top\">\n\n          <div>\n\n            <i><\/i>\n\n            <span>\n              REPAIR TICKET\n            <\/span>\n\n          <\/div>\n\n          <span>\n            #LP-01\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             LAPTOP\n        ================================================== -->\n        <div class=\"laptop-process-device\">\n\n          <div class=\"laptop-process-device__screen\">\n\n            <div class=\"laptop-process-device__screen-top\">\n\n              <span>\n                DEVICE STATUS\n              <\/span>\n\n              <strong>\n                ACTIVE\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"laptop-process-device__center\">\n\n              <span class=\"laptop-process-device__icon\">\n\n                <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n                  <rect x=\"6\" y=\"7\" width=\"36\" height=\"25\" rx=\"4\"\/>\n\n                  <path d=\"M3 38h42\"\/>\n\n                  <path d=\"M15 38l2-6h14l2 6\"\/>\n\n                <\/svg>\n\n              <\/span>\n\n\n              <div>\n\n                <strong>\n                  LAPTOP\n                <\/strong>\n\n                <span>\n                  SERVICE PROCESS\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n            <div class=\"laptop-process-device__bar\">\n              <span><\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"laptop-process-device__base\"><\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             TIME\n        ================================================== -->\n        <div class=\"laptop-process__ticket-time\">\n\n          <span>\n            TYPICAL REPAIR TIME\n          <\/span>\n\n\n          <div class=\"laptop-process__ticket-time-value\">\n\n            <strong>\n              24\n            <\/strong>\n\n            <span>\n              \u0633\u0627\u0639\u0629\n            <\/span>\n\n            <i><\/i>\n\n            <strong>\n              7\n            <\/strong>\n\n            <span>\n              \u0623\u064a\u0627\u0645\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             STATES\n        ================================================== -->\n        <div class=\"laptop-process__ticket-states\">\n\n          <div>\n\n            <span>\n              DIAGNOSTIC\n            <\/span>\n\n            <strong>\n              CHECK\n            <\/strong>\n\n          <\/div>\n\n\n          <div>\n\n            <span>\n              REPAIR\n            <\/span>\n\n            <strong>\n              SERVICE\n            <\/strong>\n\n          <\/div>\n\n\n          <div>\n\n            <span>\n              FINAL TEST\n            <\/span>\n\n            <strong>\n              READY\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             NOTE\n        ================================================== -->\n        <div class=\"laptop-process__note\">\n\n          <span class=\"laptop-process__note-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 11v6\"\/>\n              <path d=\"M12 7h.01\"\/>\n            <\/svg>\n\n          <\/span>\n\n\n          <p>\n            \u062a\u062e\u062a\u0644\u0641 \u0645\u062f\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u0639\u0637\u0644\u060c \u0648\u062a\u062a\u0631\u0627\u0648\u062d \u0639\u0627\u062f\u0629\u064b \u0645\u0646\n            <strong>24 \u0633\u0627\u0639\u0629 \u0625\u0644\u0649 \u0623\u0633\u0628\u0648\u0639 \u0648\u0627\u062d\u062f<\/strong>.\n          <\/p>\n\n        <\/div>\n\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP PROCESS\n========================================================== *\/\n\n.laptop-process {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n  --navy: #031226;\n\n  --heading: #173c59;\n  --text: #62778b;\n  --border: #dfe8f1;\n\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    #ffffff;\n\n}\n\n\n\/* ==========================================================\n   DECORATION\n========================================================== *\/\n\n.laptop-process::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 600px;\n  height: 600px;\n\n  left: -410px;\n  top: -400px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.04);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-process__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n}\n\n\n\/* ==========================================================\n   HEADER\n========================================================== *\/\n\n.laptop-process__header {\n\n  margin-bottom: 35px;\n\n  display: flex;\n\n  align-items: flex-end;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-process__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 11px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #708599;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n}\n\n\n.laptop-process__eyebrow > span {\n\n  width: 29px;\n  height: 2px;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-process__title {\n\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   DURATION\n========================================================== *\/\n\n.laptop-process__duration {\n\n  padding:\n    11px\n    13px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border:\n    1px solid\n    rgba(23,107,255,.13);\n\n  border-radius: 12px;\n\n  background: #f5f9ff;\n\n}\n\n\n\/* icon *\/\n\n.laptop-process__duration-icon {\n\n  width: 39px;\n  height: 39px;\n\n  flex: 0 0 39px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 10px;\n\n  background: #ffffff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-process__duration-icon svg {\n\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-process__duration small {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #8193a4;\n\n  font-size: 7.5px;\n\n}\n\n\n.laptop-process__duration strong {\n\n  display: block;\n\n  color: #234b6b;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   MAIN\n========================================================== *\/\n\n.laptop-process__main {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    340px;\n\n  gap: 16px;\n\n  align-items: stretch;\n\n}\n\n\n\/* ==========================================================\n   TIMELINE\n========================================================== *\/\n\n.laptop-process__timeline {\n\n  position: relative;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius: 21px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 12px 35px\n    rgba(8,42,77,.04);\n\n}\n\n\n\/* ==========================================================\n   STEP\n========================================================== *\/\n\n.laptop-process-step {\n\n  position: relative;\n\n  min-height: 118px;\n\n  padding:\n    17px\n    18px;\n\n  display: grid;\n\n  grid-template-columns:\n    42px\n    48px\n    minmax(0,1fr)\n    auto;\n\n  gap: 13px;\n\n  align-items: center;\n\n  border-bottom:\n    1px solid\n    #e7edf3;\n\n  transition:\n    background-color .2s ease;\n\n}\n\n\n.laptop-process-step--last {\n\n  border-bottom: 0;\n\n}\n\n\n\/* ==========================================================\n   RAIL\n========================================================== *\/\n\n.laptop-process-step__rail {\n\n  position: relative;\n\n  align-self: stretch;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n\/* vertical *\/\n\n.laptop-process-step__rail::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -50%;\n  bottom: -50%;\n\n  right: 50%;\n\n  width: 1px;\n\n  transform:\n    translateX(50%);\n\n  background:\n    rgba(23,107,255,.13);\n\n}\n\n\n.laptop-process-step:first-child\n.laptop-process-step__rail::before {\n\n  top: 50%;\n\n}\n\n\n.laptop-process-step:last-child\n.laptop-process-step__rail::before {\n\n  bottom: 50%;\n\n}\n\n\n\/* NUMBER *\/\n\n.laptop-process-step__number {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 32px;\n  height: 32px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    #dce7f1;\n\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  color: #7c91a4;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   ICON\n========================================================== *\/\n\n.laptop-process-step__icon {\n\n  width: 47px;\n  height: 47px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.10);\n\n  border-radius: 12px;\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-process-step__icon svg {\n\n  width: 25px;\n  height: 25px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.55;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-process-step__label {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #8b9aa8;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n  letter-spacing: .5px;\n\n}\n\n\n.laptop-process-step h3 {\n\n  margin:\n    0\n    0\n    5px;\n\n  color: var(--heading);\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  line-height: 1.7;\n\n}\n\n\n.laptop-process-step p {\n\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 10.5px;\n\n  line-height: 1.9;\n\n}\n\n\n\/* ==========================================================\n   STATE\n========================================================== *\/\n\n.laptop-process-step__state {\n\n  padding:\n    5px\n    7px;\n\n  border:\n    1px solid\n    #e2e9f0;\n\n  border-radius: 5px;\n\n  background: #f7f9fc;\n\n  color: #7d90a2;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n  font-weight: 700;\n\n}\n\n\n.laptop-process-step__state--blue {\n\n  border-color:\n    rgba(23,107,255,.12);\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-process-step__state--dark {\n\n  border-color:\n    rgba(3,18,38,.10);\n\n  background: #0a2948;\n\n  color: #8db7dd;\n\n}\n\n\n.laptop-process-step__state--green {\n\n  border-color:\n    rgba(37,211,102,.13);\n\n  background: #effaf3;\n\n  color: #168b48;\n\n}\n\n\n\/* ==========================================================\n   ACTIVE\n========================================================== *\/\n\n.laptop-process-step--active {\n\n  background:\n    linear-gradient(\n      90deg,\n      #ffffff,\n      #f6faff\n    );\n\n}\n\n\n.laptop-process-step--active\n.laptop-process-step__number {\n\n  border-color:\n    var(--blue);\n\n  background: var(--blue);\n\n  color: #ffffff;\n\n}\n\n\n\/* ==========================================================\n   REPAIR\n========================================================== *\/\n\n.laptop-process-step--repair {\n\n  background:\n    #f9fbfd;\n\n}\n\n\n.laptop-process-step--repair\n.laptop-process-step__icon {\n\n  border-color:\n    rgba(3,18,38,.08);\n\n  background: #0a2948;\n\n  color: #62aeff;\n\n}\n\n\n\/* ==========================================================\n   TICKET\n========================================================== *\/\n\n.laptop-process__ticket {\n\n  position: relative;\n\n  padding: 18px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(69,157,255,.18);\n\n  border-radius: 21px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 24px 55px\n    rgba(5,35,68,.15);\n\n}\n\n\n\/* grid *\/\n\n.laptop-process__ticket::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    32px\n    32px;\n\n}\n\n\n\/* ==========================================================\n   TICKET TOP\n========================================================== *\/\n\n.laptop-process__ticket-top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n\n  color: #58748f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-process__ticket-top > div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n}\n\n\n.laptop-process__ticket-top i {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 7px\n    rgba(37,211,102,.45);\n\n}\n\n\n\/* ==========================================================\n   DEVICE\n========================================================== *\/\n\n.laptop-process-device {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 25px;\n\n}\n\n\n\/* SCREEN *\/\n\n.laptop-process-device__screen {\n\n  min-height: 190px;\n\n  padding: 15px;\n\n  border:\n    1px solid\n    rgba(72,158,255,.14);\n\n  border-radius:\n    11px\n    11px\n    4px\n    4px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061b34,\n      #0a2c50\n    );\n\n}\n\n\n\/* TOP *\/\n\n.laptop-process-device__screen-top {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  color: #57748f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-process-device__screen-top strong {\n\n  color: var(--green);\n\n  font-size: 5px;\n\n}\n\n\n\/* CENTER *\/\n\n.laptop-process-device__center {\n\n  margin-top: 30px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 11px;\n\n}\n\n\n.laptop-process-device__icon {\n\n  width: 56px;\n  height: 56px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(73,159,255,.17);\n\n  border-radius: 14px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #4da7ff;\n\n}\n\n\n.laptop-process-device__icon svg {\n\n  width: 29px;\n  height: 29px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-process-device__center strong,\n.laptop-process-device__center div > span {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-process-device__center strong {\n\n  margin-bottom: 4px;\n\n  color: #e6eff7;\n\n  font-size: 8px;\n\n}\n\n\n.laptop-process-device__center div > span {\n\n  color: #5c7893;\n\n  font-size: 5px;\n\n}\n\n\n\/* BAR *\/\n\n.laptop-process-device__bar {\n\n  height: 4px;\n\n  margin-top: 27px;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-process-device__bar span {\n\n  display: block;\n\n  width: 78%;\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* BASE *\/\n\n.laptop-process-device__base {\n\n  width: 86%;\n  height: 12px;\n\n  margin: 0 auto;\n\n  border-radius:\n    0\n    0\n    8px\n    8px;\n\n  background: #0a2948;\n\n}\n\n\n\/* ==========================================================\n   TICKET TIME\n========================================================== *\/\n\n.laptop-process__ticket-time {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 22px;\n\n  padding: 14px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 10px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n.laptop-process__ticket-time > span {\n\n  display: block;\n\n  margin-bottom: 12px;\n\n  color: #56728d;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-process__ticket-time-value {\n\n  display: flex;\n\n  align-items: baseline;\n\n  gap: 5px;\n\n}\n\n\n.laptop-process__ticket-time-value strong {\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 25px;\n\n}\n\n\n.laptop-process__ticket-time-value span {\n\n  color: #8fa7bc;\n\n  font-size: 8px;\n\n}\n\n\n.laptop-process__ticket-time-value i {\n\n  width: 18px;\n  height: 1px;\n\n  margin:\n    0\n    4px;\n\n  background:\n    #3b6389;\n\n}\n\n\n\/* ==========================================================\n   STATES\n========================================================== *\/\n\n.laptop-process__ticket-states {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 8px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 5px;\n\n}\n\n\n.laptop-process__ticket-states > div {\n\n  padding: 8px;\n\n  border-radius: 7px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n.laptop-process__ticket-states span,\n.laptop-process__ticket-states strong {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-process__ticket-states span {\n\n  margin-bottom: 4px;\n\n  color: #506d87;\n\n  font-size: 4px;\n\n}\n\n\n.laptop-process__ticket-states strong {\n\n  color: #4d9ded;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   NOTE\n========================================================== *\/\n\n.laptop-process__note {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 11px;\n\n  padding: 12px;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 9px;\n\n  border:\n    1px solid\n    rgba(73,159,255,.12);\n\n  border-radius: 9px;\n\n  background:\n    rgba(23,107,255,.06);\n\n}\n\n\n\/* ICON *\/\n\n.laptop-process__note-icon {\n\n  width: 32px;\n  height: 32px;\n\n  flex: 0 0 32px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 8px;\n\n  background:\n    rgba(23,107,255,.10);\n\n  color: #4da6fa;\n\n}\n\n\n.laptop-process__note-icon svg {\n\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-process__note p {\n\n  margin: 0;\n\n  color: #8da6bc;\n\n  font-size: 8.5px;\n\n  line-height: 1.9;\n\n}\n\n\n.laptop-process__note strong {\n\n  color: #ffffff;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-process-step:hover {\n\n    background: #f8fbff;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-process {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-process__main {\n\n    grid-template-columns:\n      minmax(0,1fr)\n      300px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-process {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-process__header {\n\n    margin-bottom: 25px;\n\n    display: block;\n\n  }\n\n\n  .laptop-process__title {\n\n    font-size: 27px;\n\n  }\n\n\n  .laptop-process__duration {\n\n    width: fit-content;\n\n    margin-top: 15px;\n\n  }\n\n\n  .laptop-process__main {\n\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n\n  }\n\n\n  \/* timeline *\/\n\n  .laptop-process__timeline {\n\n    border-radius: 16px;\n\n  }\n\n\n  .laptop-process-step {\n\n    min-height: auto;\n\n    padding:\n      15px\n      13px;\n\n    grid-template-columns:\n      34px\n      41px\n      minmax(0,1fr);\n\n    gap: 9px;\n\n  }\n\n\n  .laptop-process-step__state {\n\n    display: none;\n\n  }\n\n\n  .laptop-process-step__number {\n\n    width: 28px;\n    height: 28px;\n\n  }\n\n\n  .laptop-process-step__icon {\n\n    width: 40px;\n    height: 40px;\n\n    border-radius: 10px;\n\n  }\n\n\n  .laptop-process-step__icon svg {\n\n    width: 21px;\n    height: 21px;\n\n  }\n\n\n  .laptop-process-step h3 {\n\n    font-size: 11.8px;\n\n  }\n\n\n  .laptop-process-step p {\n\n    font-size: 9.8px;\n\n  }\n\n\n  \/* ticket *\/\n\n  .laptop-process__ticket {\n\n    padding: 15px;\n\n    border-radius: 17px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-process-step {\n\n    grid-template-columns:\n      37px\n      minmax(0,1fr);\n\n  }\n\n\n  .laptop-process-step__rail {\n\n    display: none;\n\n  }\n\n\n  .laptop-process__ticket-states {\n\n    grid-template-columns: 1fr;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-process-step {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ae4f3e e-con-full e-flex e-con e-parent\" data-id=\"4ae4f3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb726e elementor-widget elementor-widget-html\" data-id=\"5cb726e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-brands\" dir=\"rtl\">\n\n  <div class=\"laptop-brands__container\">\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n    <div class=\"laptop-brands__header\">\n\n      <div class=\"laptop-brands__header-copy\">\n\n        <span class=\"laptop-brands__eyebrow\">\n\n          <span class=\"laptop-brands__eyebrow-dot\"><\/span>\n\n          LAPTOP BRANDS\n\n        <\/span>\n\n\n        <h2 class=\"laptop-brands__title\">\n          \u0625\u0635\u0644\u0627\u062d \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"laptop-brands__status\">\n\n        <span><\/span>\n\n        <div>\n          <strong>8+<\/strong>\n          <small>BRANDS<\/small>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BRAND SHOWCASE\n    ====================================================== -->\n    <div class=\"laptop-brands__showcase\">\n\n\n      <!-- ===================================================\n           APPLE\n      ==================================================== -->\n      <article class=\"laptop-brand laptop-brand--apple\">\n\n        <span class=\"laptop-brand__number\">\n          01\n        <\/span>\n\n        <div class=\"laptop-brand__logo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/apple\/172033\"\n            alt=\"Apple\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          Apple\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           DELL\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          02\n        <\/span>\n\n        <div class=\"laptop-brand__logo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/dell\/0672CE\"\n            alt=\"Dell\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          Dell\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           HP\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          03\n        <\/span>\n\n        <div class=\"laptop-brand__logo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/hp\/0096D6\"\n            alt=\"HP\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          HP\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           LENOVO\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          04\n        <\/span>\n\n        <div class=\"laptop-brand__logo laptop-brand__logo--wide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/lenovo\/E2231A\"\n            alt=\"Lenovo\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          Lenovo\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           ASUS\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          05\n        <\/span>\n\n        <div class=\"laptop-brand__logo laptop-brand__logo--wide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/asus\/172033\"\n            alt=\"ASUS\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          ASUS\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           ACER\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          06\n        <\/span>\n\n        <div class=\"laptop-brand__logo laptop-brand__logo--wide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/acer\/83B81A\"\n            alt=\"Acer\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          Acer\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           MSI\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          07\n        <\/span>\n\n        <div class=\"laptop-brand__logo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/msi\/FF0000\"\n            alt=\"MSI\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          MSI\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           FUJITSU\n      ==================================================== -->\n      <article class=\"laptop-brand\">\n\n        <span class=\"laptop-brand__number\">\n          08\n        <\/span>\n\n        <div class=\"laptop-brand__logo laptop-brand__logo--wide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/cdn.simpleicons.org\/fujitsu\/E60012\"\n            alt=\"Fujitsu\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <span class=\"laptop-brand__name\">\n          Fujitsu\n        <\/span>\n\n        <span class=\"laptop-brand__indicator\"><\/span>\n\n      <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BOTTOM TECH STRIP\n    ====================================================== -->\n    <div class=\"laptop-brands__bottom\">\n\n      <div class=\"laptop-brands__bottom-start\">\n\n        <span class=\"laptop-brands__bottom-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/>\n            <path d=\"M2 20h20\"\/>\n            <path d=\"M8 20l1-4h6l1 4\"\/>\n          <\/svg>\n\n        <\/span>\n\n        <div>\n          <strong>\n            Apple | Dell | HP | Lenovo | ASUS | Acer | MSI | Fujitsu\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"laptop-brands__bottom-system\">\n\n        <span>HARDWARE<\/span>\n\n        <i><\/i>\n\n        <span>SOFTWARE<\/span>\n\n        <i><\/i>\n\n        <span>REPAIR<\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP BRANDS\n========================================================== *\/\n\n.laptop-brands {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --heading: #173b58;\n\n  --border: #dfe8f1;\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    90px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7f9fc,\n      #ffffff\n    );\n\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n========================================================== *\/\n\n.laptop-brands::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 620px;\n  height: 620px;\n\n  right: -430px;\n  bottom: -440px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.04);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-brands__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n}\n\n\n\/* ==========================================================\n   HEADER\n========================================================== *\/\n\n.laptop-brands__header {\n\n  margin-bottom: 31px;\n\n  display: flex;\n\n  align-items: flex-end;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-brands__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 11px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #70869a;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n}\n\n\n.laptop-brands__eyebrow-dot {\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--blue);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(23,107,255,.08);\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-brands__title {\n\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   STATUS\n========================================================== *\/\n\n.laptop-brands__status {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n}\n\n\n.laptop-brands__status > span {\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(37,211,102,.08);\n\n}\n\n\n.laptop-brands__status strong {\n\n  display: block;\n\n  margin-bottom: 2px;\n\n  color: #34536c;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 13px;\n\n}\n\n\n.laptop-brands__status small {\n\n  display: block;\n\n  color: #93a2af;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   SHOWCASE\n========================================================== *\/\n\n.laptop-brands__showcase {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius:\n    23px\n    23px\n    0\n    0;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 15px 40px\n    rgba(8,42,77,.05);\n\n}\n\n\n\/* ==========================================================\n   BRAND\n========================================================== *\/\n\n.laptop-brand {\n\n  position: relative;\n\n  min-height: 190px;\n\n  padding:\n    25px\n    20px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-left:\n    1px solid\n    var(--border);\n\n  border-bottom:\n    1px solid\n    var(--border);\n\n  background: #ffffff;\n\n  transition:\n    background-color .22s ease,\n    transform .22s ease;\n\n}\n\n\n\/* fourth *\/\n\n.laptop-brand:nth-child(4n) {\n\n  border-left: 0;\n\n}\n\n\n\/* bottom row *\/\n\n.laptop-brand:nth-child(n+5) {\n\n  border-bottom: 0;\n\n}\n\n\n\/* ==========================================================\n   NUMBER\n========================================================== *\/\n\n.laptop-brand__number {\n\n  position: absolute;\n\n  top: 15px;\n  right: 16px;\n\n  color:\n    rgba(7,28,56,.16);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   LOGO\n========================================================== *\/\n\n.laptop-brand__logo {\n\n  width: 76px;\n  height: 65px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n.laptop-brand__logo--wide {\n\n  width: 105px;\n\n}\n\n\n.laptop-brand__logo img {\n\n  display: block;\n\n  width: auto;\n  height: auto;\n\n  max-width: 100%;\n  max-height: 52px;\n\n  object-fit: contain;\n\n  filter:\n    grayscale(1);\n\n  opacity: .78;\n\n  transition:\n    opacity .22s ease,\n    filter .22s ease,\n    transform .22s ease;\n\n}\n\n\n\/* ==========================================================\n   NAME\n========================================================== *\/\n\n.laptop-brand__name {\n\n  margin-top: 15px;\n\n  color: #7a8d9f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   INDICATOR\n========================================================== *\/\n\n.laptop-brand__indicator {\n\n  position: absolute;\n\n  bottom: 14px;\n  left: 50%;\n\n  width: 5px;\n  height: 5px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    #d7e2ec;\n\n  transition:\n    background-color .22s ease,\n    box-shadow .22s ease;\n\n}\n\n\n\/* ==========================================================\n   APPLE\n========================================================== *\/\n\n.laptop-brand--apple\n.laptop-brand__logo img {\n\n  max-height: 48px;\n\n}\n\n\n\/* ==========================================================\n   BOTTOM\n========================================================== *\/\n\n.laptop-brands__bottom {\n\n  min-height: 88px;\n\n  padding:\n    16px\n    20px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 25px;\n\n  border-radius:\n    0\n    0\n    23px\n    23px;\n\n  background:\n    linear-gradient(\n      130deg,\n      #03142a,\n      #072a50\n    );\n\n  box-shadow:\n    0 16px 40px\n    rgba(5,35,68,.11);\n\n}\n\n\n\/* ==========================================================\n   BOTTOM START\n========================================================== *\/\n\n.laptop-brands__bottom-start {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n}\n\n\n.laptop-brands__bottom-icon {\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(71,159,255,.16);\n\n  border-radius: 11px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #4da7ff;\n\n}\n\n\n.laptop-brands__bottom-icon svg {\n\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-brands__bottom-start strong {\n\n  display: block;\n\n  color: #a9bbcc;\n\n  direction: ltr;\n\n  text-align: left;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  line-height: 1.8;\n\n}\n\n\n\/* ==========================================================\n   SYSTEM\n========================================================== *\/\n\n.laptop-brands__bottom-system {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n}\n\n\n.laptop-brands__bottom-system span {\n\n  color: #5e7a95;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-brands__bottom-system i {\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: #3476b7;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-brand:hover {\n\n    z-index: 2;\n\n    background:\n      #f8fbff;\n\n  }\n\n\n  .laptop-brand:hover\n  .laptop-brand__logo img {\n\n    opacity: 1;\n\n    filter:\n      grayscale(0);\n\n    transform:\n      translateY(-4px)\n      scale(1.04);\n\n  }\n\n\n  .laptop-brand:hover\n  .laptop-brand__indicator {\n\n    background:\n      var(--blue);\n\n    box-shadow:\n      0 0 0 5px\n      rgba(23,107,255,.07);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-brands {\n\n    padding:\n      75px\n      20px;\n\n  }\n\n\n  .laptop-brands__showcase {\n\n    grid-template-columns:\n      repeat(\n        4,\n        minmax(0,1fr)\n      );\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-brands {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-brands__header {\n\n    margin-bottom: 24px;\n\n    display: block;\n\n  }\n\n\n  .laptop-brands__title {\n\n    font-size: 27px;\n\n  }\n\n\n  .laptop-brands__status {\n\n    margin-top: 14px;\n\n  }\n\n\n  \/* SHOWCASE *\/\n\n  .laptop-brands__showcase {\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n    border-radius:\n      17px\n      17px\n      0\n      0;\n\n  }\n\n\n  .laptop-brand {\n\n    min-height: 150px;\n\n    padding:\n      20px\n      14px;\n\n  }\n\n\n  .laptop-brand:nth-child(4n) {\n\n    border-left:\n      1px solid\n      var(--border);\n\n  }\n\n\n  .laptop-brand:nth-child(2n) {\n\n    border-left: 0;\n\n  }\n\n\n  .laptop-brand:nth-child(n+5) {\n\n    border-bottom:\n      1px solid\n      var(--border);\n\n  }\n\n\n  .laptop-brand:nth-child(n+7) {\n\n    border-bottom: 0;\n\n  }\n\n\n  .laptop-brand__logo {\n\n    width: 65px;\n    height: 50px;\n\n  }\n\n\n  .laptop-brand__logo--wide {\n\n    width: 88px;\n\n  }\n\n\n  .laptop-brand__logo img {\n\n    max-height: 40px;\n\n  }\n\n\n  \/* BOTTOM *\/\n\n  .laptop-brands__bottom {\n\n    padding: 16px;\n\n    display: block;\n\n    border-radius:\n      0\n      0\n      17px\n      17px;\n\n  }\n\n\n  .laptop-brands__bottom-system {\n\n    margin-top: 14px;\n\n    padding-top: 12px;\n\n    flex-wrap: wrap;\n\n    border-top:\n      1px solid\n      rgba(255,255,255,.06);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 360px) {\n\n  .laptop-brand {\n\n    min-height: 135px;\n\n  }\n\n\n  .laptop-brands__bottom-start strong {\n\n    font-size: 6px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-brand,\n  .laptop-brand__logo img,\n  .laptop-brand__indicator {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3033a4c e-con-full e-flex e-con e-parent\" data-id=\"3033a4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5dbf94 elementor-widget elementor-widget-html\" data-id=\"a5dbf94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-proof\" dir=\"rtl\">\n\n  <div class=\"laptop-proof__container\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n    <div class=\"laptop-proof__header\">\n\n      <span class=\"laptop-proof__eyebrow\">\n\n        <span><\/span>\n\n        CUSTOMER TRUST\n\n      <\/span>\n\n\n      <h2 class=\"laptop-proof__title\">\n        \u0644\u0645\u0627\u0630\u0627 \u064a\u062b\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0646\u0627 \u0644\u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0645\u061f\n      <\/h2>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         STATS\n    ====================================================== -->\n    <div class=\"laptop-proof__stats\">\n\n\n      <!-- CONNECTING LINE -->\n      <div class=\"laptop-proof__line\" aria-hidden=\"true\">\n\n        <span><\/span>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           STAT 01\n      ==================================================== -->\n      <article class=\"laptop-proof-stat\">\n\n        <div class=\"laptop-proof-stat__top\">\n\n          <span class=\"laptop-proof-stat__number\">\n            01\n          <\/span>\n\n          <span class=\"laptop-proof-stat__node\">\n\n            <i><\/i>\n\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"laptop-proof-stat__value\">\n          25+\n        <\/div>\n\n\n        <h3>\n          \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\n        <\/h3>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           STAT 02\n      ==================================================== -->\n      <article class=\"laptop-proof-stat\">\n\n        <div class=\"laptop-proof-stat__top\">\n\n          <span class=\"laptop-proof-stat__number\">\n            02\n          <\/span>\n\n          <span class=\"laptop-proof-stat__node\">\n\n            <i><\/i>\n\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"laptop-proof-stat__value\">\n          5,000+\n        <\/div>\n\n\n        <h3>\n          \u0639\u0645\u064a\u0644\n        <\/h3>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           STAT 03\n      ==================================================== -->\n      <article class=\"laptop-proof-stat\">\n\n        <div class=\"laptop-proof-stat__top\">\n\n          <span class=\"laptop-proof-stat__number\">\n            03\n          <\/span>\n\n          <span class=\"laptop-proof-stat__node\">\n\n            <i><\/i>\n\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"laptop-proof-stat__value\">\n          8+\n        <\/div>\n\n\n        <h3>\n          \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0631\u0626\u064a\u0633\u064a\u0629\n        <\/h3>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           STAT 04\n      ==================================================== -->\n      <article class=\"laptop-proof-stat laptop-proof-stat--warranty\">\n\n        <div class=\"laptop-proof-stat__top\">\n\n          <span class=\"laptop-proof-stat__number\">\n            04\n          <\/span>\n\n          <span class=\"laptop-proof-stat__node\">\n\n            <i><\/i>\n\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"laptop-proof-stat__value laptop-proof-stat__value--text\">\n          \u0634\u0647\u0631 \u0648\u0627\u062d\u062f\n        <\/div>\n\n\n        <h3>\n          \u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n        <\/h3>\n\n      <\/article>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BOTTOM TECH STRIP\n    ====================================================== -->\n    <div class=\"laptop-proof__bottom\">\n\n      <span>\n        EXPERIENCE\n      <\/span>\n\n      <i><\/i>\n\n      <span>\n        CLIENTS\n      <\/span>\n\n      <i><\/i>\n\n      <span>\n        BRANDS\n      <\/span>\n\n      <i><\/i>\n\n      <span>\n        WARRANTY\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP PROOF\n========================================================== *\/\n\n.laptop-proof {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --deep: #061b38;\n\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    85px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 82% 18%,\n      rgba(23,107,255,.17),\n      transparent 30%\n    ),\n    linear-gradient(\n      130deg,\n      #020d1c,\n      #04172e 55%,\n      #06284b\n    );\n\n}\n\n\n\/* ==========================================================\n   TECH GRID\n========================================================== *\/\n\n.laptop-proof::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.028) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.028) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    52px\n    52px;\n\n}\n\n\n\/* ==========================================================\n   GLOW\n========================================================== *\/\n\n.laptop-proof::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  left: -340px;\n  bottom: -360px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(0,163,255,.08);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-proof__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n}\n\n\n\/* ==========================================================\n   HEADER\n========================================================== *\/\n\n.laptop-proof__header {\n\n  max-width: 820px;\n\n  margin-bottom: 43px;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-proof__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 12px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  color: #63819d;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n}\n\n\n.laptop-proof__eyebrow > span {\n\n  width: 28px;\n  height: 2px;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-proof__title {\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      39px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   STATS\n========================================================== *\/\n\n.laptop-proof__stats {\n\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n  border:\n    1px solid\n    rgba(80,164,255,.14);\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.025);\n\n  backdrop-filter:\n    blur(3px);\n\n}\n\n\n\/* ==========================================================\n   CONNECTING LINE\n========================================================== *\/\n\n.laptop-proof__line {\n\n  position: absolute;\n\n  top: 48px;\n\n  right: 12.5%;\n  left: 12.5%;\n\n  height: 1px;\n\n  background:\n    rgba(84,161,238,.16);\n\n  pointer-events: none;\n\n}\n\n\n.laptop-proof__line span {\n\n  display: block;\n\n  width: 76%;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n  opacity: .55;\n\n}\n\n\n\/* ==========================================================\n   STAT\n========================================================== *\/\n\n.laptop-proof-stat {\n\n  position: relative;\n\n  min-height: 245px;\n\n  padding:\n    27px\n    26px\n    30px;\n\n  border-left:\n    1px solid\n    rgba(255,255,255,.065);\n\n}\n\n\n.laptop-proof-stat:last-child {\n\n  border-left: 0;\n\n}\n\n\n\/* ==========================================================\n   TOP\n========================================================== *\/\n\n.laptop-proof-stat__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 44px;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  justify-content: space-between;\n\n}\n\n\n\/* ==========================================================\n   NUMBER\n========================================================== *\/\n\n.laptop-proof-stat__number {\n\n  color:\n    rgba(255,255,255,.17);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   NODE\n========================================================== *\/\n\n.laptop-proof-stat__node {\n\n  width: 17px;\n  height: 17px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(74,161,255,.30);\n\n  border-radius: 50%;\n\n  background: #062345;\n\n  box-shadow:\n    0 0 0 6px\n    rgba(23,107,255,.045);\n\n}\n\n\n.laptop-proof-stat__node i {\n\n  width: 5px;\n  height: 5px;\n\n  border-radius: 50%;\n\n  background: #4da8ff;\n\n}\n\n\n\/* ==========================================================\n   VALUE\n========================================================== *\/\n\n.laptop-proof-stat__value {\n\n  margin-top: 37px;\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    \"Cairo\",\n    sans-serif;\n\n  font-size: 43px;\n\n  font-weight: 800;\n\n  line-height: 1;\n\n  letter-spacing: -1px;\n\n}\n\n\n\/* TEXT VALUE *\/\n\n.laptop-proof-stat__value--text {\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  font-size: 27px;\n\n  letter-spacing: 0;\n\n}\n\n\n\/* ==========================================================\n   LABEL\n========================================================== *\/\n\n.laptop-proof-stat h3 {\n\n  margin:\n    12px\n    0\n    0;\n\n  color: #92abc1;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  line-height: 1.8;\n\n}\n\n\n\/* ==========================================================\n   WARRANTY\n========================================================== *\/\n\n.laptop-proof-stat--warranty {\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(23,107,255,.09),\n      rgba(0,163,255,.03)\n    );\n\n}\n\n\n.laptop-proof-stat--warranty\n.laptop-proof-stat__node {\n\n  border-color:\n    rgba(37,211,102,.30);\n\n}\n\n\n.laptop-proof-stat--warranty\n.laptop-proof-stat__node i {\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.40);\n\n}\n\n\n\/* ==========================================================\n   BOTTOM\n========================================================== *\/\n\n.laptop-proof__bottom {\n\n  margin-top: 14px;\n\n  padding:\n    12px\n    16px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.05);\n\n  border-radius: 10px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n.laptop-proof__bottom span {\n\n  color: #587590;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n  letter-spacing: .5px;\n\n}\n\n\n.laptop-proof__bottom i {\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: #3379ba;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-proof-stat {\n\n    transition:\n      background-color .2s ease;\n\n  }\n\n\n  .laptop-proof-stat:hover {\n\n    background:\n      rgba(23,107,255,.06);\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-proof {\n\n    padding:\n      75px\n      20px;\n\n  }\n\n\n  .laptop-proof__stats {\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n\n  .laptop-proof__line {\n\n    display: none;\n\n  }\n\n\n  .laptop-proof-stat {\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.065);\n\n  }\n\n\n  .laptop-proof-stat:nth-child(3) {\n\n    border-left: 0;\n\n  }\n\n\n  .laptop-proof-stat:nth-child(4),\n  .laptop-proof-stat:nth-child(5) {\n\n    border-bottom: 0;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-proof {\n\n    padding:\n      58px\n      14px;\n\n  }\n\n\n  .laptop-proof__header {\n\n    margin-bottom: 27px;\n\n  }\n\n\n  .laptop-proof__title {\n\n    font-size: 27px;\n\n  }\n\n\n  .laptop-proof__stats {\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n    border-radius: 17px;\n\n  }\n\n\n  .laptop-proof-stat {\n\n    min-height: 190px;\n\n    padding:\n      20px\n      17px;\n\n  }\n\n\n  .laptop-proof-stat__top {\n\n    min-height: 34px;\n\n  }\n\n\n  .laptop-proof-stat__value {\n\n    margin-top: 25px;\n\n    font-size: 33px;\n\n  }\n\n\n  .laptop-proof-stat__value--text {\n\n    font-size: 20px;\n\n  }\n\n\n  .laptop-proof-stat h3 {\n\n    font-size: 9.5px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 420px) {\n\n  .laptop-proof__stats {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-proof-stat {\n\n    min-height: 165px;\n\n    border-left: 0 !important;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.065) !important;\n\n  }\n\n\n  .laptop-proof-stat:last-child {\n\n    border-bottom: 0 !important;\n\n  }\n\n\n  .laptop-proof-stat__value {\n\n    margin-top: 19px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-proof-stat {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ea29a2 e-con-full e-flex e-con e-parent\" data-id=\"7ea29a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b45afeb elementor-widget elementor-widget-html\" data-id=\"b45afeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-safety\" dir=\"rtl\">\n\n  <div class=\"laptop-safety__container\">\n\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n    <div class=\"laptop-safety__content\">\n\n      <span class=\"laptop-safety__eyebrow\">\n\n        <span class=\"laptop-safety__eyebrow-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n            <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n          <\/svg>\n\n        <\/span>\n\n        <span>\n          DATA &amp; DEVICE SAFETY\n        <\/span>\n\n      <\/span>\n\n\n      <h2 class=\"laptop-safety__title\">\n        \u0647\u0644 \u062a\u0642\u0644\u0642 \u0628\u0634\u0623\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0633\u0644\u0627\u0645\u0629 \u062c\u0647\u0627\u0632 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\u061f\n      <\/h2>\n\n\n      <div class=\"laptop-safety__natural\">\n\n        <span><\/span>\n\n        <strong>\n          \u0647\u0630\u0627 \u0623\u0645\u0631 \u0637\u0628\u064a\u0639\u064a.\n        <\/strong>\n\n      <\/div>\n\n\n      <p class=\"laptop-safety__text\">\n        \u0642\u0628\u0644 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u060c \u064a\u062a\u0645 \u0641\u062d\u0635 \u0627\u0644\u062c\u0647\u0627\u0632 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.\n        \u0648\u064a\u062a\u0645 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u0637\u0644\u060c \u0648\u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\n        \u064a\u062a\u0645 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062c\u0647\u0627\u0632 \u0623\u064a\u0636\u0627\u064b.\n      <\/p>\n\n\n      <!-- ===================================================\n           MAIN MESSAGE\n      ==================================================== -->\n      <div class=\"laptop-safety__message\">\n\n        <span class=\"laptop-safety__message-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n            <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n          <\/svg>\n\n        <\/span>\n\n        <p>\n          \u0647\u062f\u0641\u0646\u0627 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\u061b \u0628\u0644 \u0623\u0646 \u0646\u0639\u064a\u062f \u062c\u0647\u0627\u0632\u0643 \u0625\u0644\u064a\u0643 \u0628\u0639\u062f \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n          \u0628\u0645\u0633\u062a\u0648\u0649 \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u0637\u0645\u0626\u0646\u0627\u0646.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VISUAL\n    ====================================================== -->\n    <div class=\"laptop-safety__visual\">\n\n      <div class=\"laptop-safety-console\">\n\n\n        <!-- =================================================\n             TOP\n        ================================================== -->\n        <div class=\"laptop-safety-console__top\">\n\n          <div>\n\n            <span class=\"laptop-safety-console__online\"><\/span>\n\n            <span>\n              DEVICE SAFETY CHECK\n            <\/span>\n\n          <\/div>\n\n\n          <span>\n            SECURE\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             LAPTOP\n        ================================================== -->\n        <div class=\"laptop-safety-device\">\n\n\n          <!-- SCREEN -->\n          <div class=\"laptop-safety-device__screen\">\n\n            <div class=\"laptop-safety-device__screen-inner\">\n\n\n              <!-- LOCK -->\n              <div class=\"laptop-safety-lock\">\n\n                <span class=\"laptop-safety-lock__icon\">\n\n                  <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n                    <rect x=\"10\" y=\"21\" width=\"28\" height=\"21\" rx=\"5\"\/>\n\n                    <path d=\"M16 21v-6a8 8 0 0 1 16 0v6\"\/>\n\n                    <circle cx=\"24\" cy=\"31\" r=\"3\"\/>\n\n                    <path d=\"M24 34v3\"\/>\n\n                  <\/svg>\n\n                <\/span>\n\n\n                <div>\n\n                  <strong>\n                    DEVICE CHECK\n                  <\/strong>\n\n                  <span>\n                    PROTECTED\n                  <\/span>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- SCAN -->\n              <div class=\"laptop-safety-device__scan\">\n\n                <div class=\"laptop-safety-device__scan-head\">\n\n                  <span>\n                    SYSTEM INSPECTION\n                  <\/span>\n\n                  <strong>\n                    86%\n                  <\/strong>\n\n                <\/div>\n\n\n                <div class=\"laptop-safety-device__progress\">\n\n                  <span><\/span>\n\n                <\/div>\n\n              <\/div>\n\n\n            <\/div>\n\n          <\/div>\n\n\n          <!-- BASE -->\n          <div class=\"laptop-safety-device__base\">\n\n            <div class=\"laptop-safety-device__keyboard\">\n\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n\n            <\/div>\n\n\n            <div class=\"laptop-safety-device__trackpad\"><\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CHECKS\n        ================================================== -->\n        <div class=\"laptop-safety-console__checks\">\n\n\n          <!-- DATA -->\n          <div class=\"laptop-safety-check\">\n\n            <span class=\"laptop-safety-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"\/>\n                <path d=\"M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6\"\/>\n                <path d=\"M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n              <span>\n                DATA\n              <\/span>\n\n              <strong>\n                CHECK\n              <\/strong>\n            <\/div>\n\n            <i><\/i>\n\n          <\/div>\n\n\n\n          <!-- DEVICE -->\n          <div class=\"laptop-safety-check\">\n\n            <span class=\"laptop-safety-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/>\n                <path d=\"M2 20h20\"\/>\n                <path d=\"m9 10 2 2 4-5\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n              <span>\n                DEVICE\n              <\/span>\n\n              <strong>\n                INSPECTION\n              <\/strong>\n            <\/div>\n\n            <i><\/i>\n\n          <\/div>\n\n\n\n          <!-- TEST -->\n          <div class=\"laptop-safety-check\">\n\n            <span class=\"laptop-safety-check__icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                <path d=\"m8 12 2.5 2.5L16 9\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <div>\n              <span>\n                FINAL TEST\n              <\/span>\n\n              <strong>\n                VERIFIED\n              <\/strong>\n            <\/div>\n\n            <i><\/i>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             FLOW\n        ================================================== -->\n        <div class=\"laptop-safety-console__flow\">\n\n          <div>\n            <strong>01<\/strong>\n            <span>INSPECT<\/span>\n          <\/div>\n\n          <i><\/i>\n\n          <div>\n            <strong>02<\/strong>\n            <span>REPAIR<\/span>\n          <\/div>\n\n          <i><\/i>\n\n          <div>\n            <strong>03<\/strong>\n            <span>TEST<\/span>\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           FLOATING BADGE\n      ==================================================== -->\n      <div class=\"laptop-safety__badge\">\n\n        <span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n            <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n          <\/svg>\n\n        <\/span>\n\n\n        <div>\n\n          <small>\n            DEVICE SAFETY\n          <\/small>\n\n          <strong>\n            \u0641\u062d\u0635 \u0642\u0628\u0644 \u0648\u0628\u0639\u062f \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP SAFETY\n========================================================== *\/\n\n.laptop-safety {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n\n  --heading: #173c59;\n  --text: #61778b;\n\n  --border: #dfe8f1;\n\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff,\n      #f7f9fc\n    );\n\n}\n\n\n\/* ==========================================================\n   BACKGROUND DECORATION\n========================================================== *\/\n\n.laptop-safety::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 620px;\n  height: 620px;\n\n  right: -430px;\n  top: -430px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.04);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-safety__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    .92fr;\n\n  gap: 75px;\n\n  align-items: center;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-safety__content {\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-safety__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 13px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #71869a;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .7px;\n\n}\n\n\n\/* ICON *\/\n\n.laptop-safety__eyebrow-icon {\n\n  width: 29px;\n  height: 29px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.11);\n\n  border-radius: 8px;\n\n  background: #edf5ff;\n\n  color: var(--blue);\n\n}\n\n\n.laptop-safety__eyebrow-icon svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-safety__title {\n\n  max-width: 730px;\n\n  margin:\n    0\n    0\n    18px;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      40px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   NATURAL\n========================================================== *\/\n\n.laptop-safety__natural {\n\n  width: fit-content;\n\n  margin-bottom: 18px;\n\n  padding:\n    7px\n    11px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  border:\n    1px solid\n    rgba(23,107,255,.12);\n\n  border-radius: 999px;\n\n  background: #f1f7ff;\n\n}\n\n\n.laptop-safety__natural span {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--blue);\n\n}\n\n\n.laptop-safety__natural strong {\n\n  color: #315773;\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   TEXT\n========================================================== *\/\n\n.laptop-safety__text {\n\n  max-width: 700px;\n\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 12.5px;\n\n  line-height: 2.1;\n\n}\n\n\n\/* ==========================================================\n   MESSAGE\n========================================================== *\/\n\n.laptop-safety__message {\n\n  position: relative;\n\n  margin-top: 27px;\n\n  padding:\n    19px\n    20px;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 13px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(23,107,255,.14);\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #edf5ff,\n      #f8fbff\n    );\n\n}\n\n\n\/* SIDE LINE *\/\n\n.laptop-safety__message::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n  right: 0;\n\n  width: 3px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ICON *\/\n\n.laptop-safety__message-icon {\n\n  width: 44px;\n  height: 44px;\n\n  flex: 0 0 44px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 11px;\n\n  background: #ffffff;\n\n  color: var(--blue);\n\n  box-shadow:\n    0 6px 18px\n    rgba(23,107,255,.07);\n\n}\n\n\n.laptop-safety__message-icon svg {\n\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-safety__message p {\n\n  margin: 0;\n\n  color: #214969;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  line-height: 2;\n\n}\n\n\n\/* ==========================================================\n   VISUAL\n========================================================== *\/\n\n.laptop-safety__visual {\n\n  position: relative;\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   CONSOLE\n========================================================== *\/\n\n.laptop-safety-console {\n\n  position: relative;\n\n  min-height: 510px;\n\n  padding: 19px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(70,158,255,.18);\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 28px 65px\n    rgba(5,35,68,.17);\n\n}\n\n\n\/* GRID *\/\n\n.laptop-safety-console::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    33px\n    33px;\n\n}\n\n\n\/* ==========================================================\n   TOP\n========================================================== *\/\n\n.laptop-safety-console__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.065);\n\n  color: #5b7893;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-safety-console__top > div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n}\n\n\n.laptop-safety-console__online {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.45);\n\n}\n\n\n\/* ==========================================================\n   DEVICE\n========================================================== *\/\n\n.laptop-safety-device {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 82%;\n\n  margin:\n    28px\n    auto\n    22px;\n\n}\n\n\n\/* ==========================================================\n   SCREEN\n========================================================== *\/\n\n.laptop-safety-device__screen {\n\n  padding: 7px;\n\n  border:\n    1px solid\n    rgba(73,158,255,.15);\n\n  border-radius:\n    12px\n    12px\n    5px\n    5px;\n\n  background: #07192e;\n\n}\n\n\n.laptop-safety-device__screen-inner {\n\n  min-height: 172px;\n\n  padding: 16px;\n\n  border-radius: 6px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061b34,\n      #0a2c50\n    );\n\n}\n\n\n\/* ==========================================================\n   LOCK\n========================================================== *\/\n\n.laptop-safety-lock {\n\n  margin-top: 17px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 12px;\n\n}\n\n\n.laptop-safety-lock__icon {\n\n  width: 63px;\n  height: 63px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(37,211,102,.16);\n\n  border-radius: 17px;\n\n  background:\n    rgba(37,211,102,.055);\n\n  color: var(--green);\n\n}\n\n\n.laptop-safety-lock__icon svg {\n\n  width: 32px;\n  height: 32px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.55;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-safety-lock strong {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #f0f6fb;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7.5px;\n\n}\n\n\n.laptop-safety-lock div > span {\n\n  display: block;\n\n  color: var(--green);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n\/* ==========================================================\n   SCAN\n========================================================== *\/\n\n.laptop-safety-device__scan {\n\n  margin-top: 28px;\n\n}\n\n\n.laptop-safety-device__scan-head {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  color: #577590;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-safety-device__scan-head strong {\n\n  color: #4da7ff;\n\n  font-size: 5px;\n\n}\n\n\n\/* PROGRESS *\/\n\n.laptop-safety-device__progress {\n\n  height: 4px;\n\n  margin-top: 8px;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-safety-device__progress span {\n\n  display: block;\n\n  width: 86%;\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   BASE\n========================================================== *\/\n\n.laptop-safety-device__base {\n\n  min-height: 80px;\n\n  padding:\n    11px\n    16px;\n\n  border:\n    1px solid\n    rgba(72,151,229,.11);\n\n  border-radius:\n    4px\n    4px\n    13px\n    13px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0c2947,\n      #071a30\n    );\n\n}\n\n\n\/* KEYBOARD *\/\n\n.laptop-safety-device__keyboard {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(6,1fr);\n\n  gap: 4px;\n\n}\n\n\n.laptop-safety-device__keyboard span {\n\n  height: 11px;\n\n  border-radius: 2px;\n\n  background:\n    rgba(84,137,186,.14);\n\n}\n\n\n\/* TRACKPAD *\/\n\n.laptop-safety-device__trackpad {\n\n  width: 34%;\n  height: 23px;\n\n  margin:\n    9px\n    auto\n    0;\n\n  border:\n    1px solid\n    rgba(102,151,195,.12);\n\n  border-radius: 4px;\n\n}\n\n\n\/* ==========================================================\n   CHECKS\n========================================================== *\/\n\n.laptop-safety-console__checks {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  gap: 6px;\n\n}\n\n\n\/* ==========================================================\n   CHECK ITEM\n========================================================== *\/\n\n.laptop-safety-check {\n\n  position: relative;\n\n  min-height: 68px;\n\n  padding: 9px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 8px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n\/* ICON *\/\n\n.laptop-safety-check__icon {\n\n  width: 31px;\n  height: 31px;\n\n  flex: 0 0 31px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 8px;\n\n  background:\n    rgba(23,107,255,.07);\n\n  color: #4b9fea;\n\n}\n\n\n.laptop-safety-check__icon svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.55;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-safety-check span:not(.laptop-safety-check__icon),\n.laptop-safety-check strong {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-safety-check span:not(.laptop-safety-check__icon) {\n\n  margin-bottom: 3px;\n\n  color: #506e89;\n\n  font-size: 4px;\n\n}\n\n\n.laptop-safety-check strong {\n\n  color: #8fa8be;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-safety-check > i {\n\n  position: absolute;\n\n  left: 8px;\n  bottom: 8px;\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n}\n\n\n\/* ==========================================================\n   FLOW\n========================================================== *\/\n\n.laptop-safety-console__flow {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 10px;\n\n  padding:\n    11px\n    12px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 8px;\n\n  background:\n    rgba(0,0,0,.08);\n\n}\n\n\n.laptop-safety-console__flow > div {\n\n  text-align: center;\n\n}\n\n\n.laptop-safety-console__flow strong,\n.laptop-safety-console__flow span {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-safety-console__flow strong {\n\n  margin-bottom: 3px;\n\n  color: #4da7ff;\n\n  font-size: 7px;\n\n}\n\n\n.laptop-safety-console__flow span {\n\n  color: #58748f;\n\n  font-size: 4px;\n\n}\n\n\n.laptop-safety-console__flow > i {\n\n  width: 22%;\n\n  height: 1px;\n\n  background:\n    rgba(77,167,255,.18);\n\n}\n\n\n\/* ==========================================================\n   BADGE\n========================================================== *\/\n\n.laptop-safety__badge {\n\n  position: absolute;\n\n  left: -28px;\n  bottom: 33px;\n\n  z-index: 5;\n\n  min-width: 210px;\n\n  padding:\n    11px\n    13px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border:\n    1px solid\n    rgba(23,107,255,.13);\n\n  border-radius: 14px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 18px 42px\n    rgba(5,35,68,.17);\n\n}\n\n\n.laptop-safety__badge > span {\n\n  width: 41px;\n  height: 41px;\n\n  flex: 0 0 41px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 10px;\n\n  background: #effaf3;\n\n  color: #18a354;\n\n}\n\n\n.laptop-safety__badge svg {\n\n  width: 22px;\n  height: 22px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-safety__badge small {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #91a0ad;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-safety__badge strong {\n\n  display: block;\n\n  color: #214966;\n\n  font-size: 9.5px;\n\n  font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-safety {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-safety__container {\n\n    gap: 42px;\n\n  }\n\n\n  .laptop-safety__badge {\n\n    left: -15px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-safety {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-safety__container {\n\n    grid-template-columns: 1fr;\n\n    gap: 31px;\n\n  }\n\n\n  .laptop-safety__title {\n\n    font-size: 27px;\n\n  }\n\n\n  .laptop-safety__text {\n\n    font-size: 11.5px;\n\n  }\n\n\n  .laptop-safety__message {\n\n    padding:\n      15px;\n\n  }\n\n\n  .laptop-safety__message p {\n\n    font-size: 11px;\n\n  }\n\n\n  \/* CONSOLE *\/\n\n  .laptop-safety-console {\n\n    min-height: auto;\n\n    padding: 14px;\n\n    border-radius: 18px;\n\n  }\n\n\n  .laptop-safety-device {\n\n    width: 100%;\n\n    margin-top: 20px;\n\n  }\n\n\n  .laptop-safety-device__screen-inner {\n\n    min-height: 150px;\n\n  }\n\n\n  .laptop-safety-console__checks {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  \/* BADGE *\/\n\n  .laptop-safety__badge {\n\n    position: relative;\n\n    left: auto;\n    bottom: auto;\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin-top: 10px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-safety__message {\n\n    display: block;\n\n  }\n\n\n  .laptop-safety__message-icon {\n\n    margin-bottom: 10px;\n\n  }\n\n\n  .laptop-safety-console__flow > i {\n\n    width: 12%;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b192984 e-con-full e-flex e-con e-parent\" data-id=\"b192984\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7605f78 elementor-widget elementor-widget-html\" data-id=\"7605f78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-final-cta\" dir=\"rtl\">\n\n  <div class=\"laptop-final-cta__container\">\n\n\n    <!-- =====================================================\n         MAIN PANEL\n    ====================================================== -->\n    <div class=\"laptop-final-cta__panel\">\n\n\n      <!-- ===================================================\n           CONTENT\n      ==================================================== -->\n      <div class=\"laptop-final-cta__content\">\n\n        <span class=\"laptop-final-cta__eyebrow\">\n\n          <span><\/span>\n\n          LAPTOP REPAIR REQUEST\n\n        <\/span>\n\n\n        <h2 class=\"laptop-final-cta__title\">\n          \u0647\u0644 \u0648\u0627\u062c\u0647 \u062c\u0647\u0627\u0632 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0645\u0634\u0643\u0644\u0629\u061f\n        <\/h2>\n\n\n        <p class=\"laptop-final-cta__lead\">\n          \u0644\u0627 \u062a\u0633\u0645\u062d \u0644\u0645\u0634\u0643\u0644\u0629 \u0628\u0633\u064a\u0637\u0629 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0639\u0637\u0644 \u0623\u0643\u0628\u0631.\n        <\/p>\n\n\n        <p class=\"laptop-final-cta__text\">\n          \u0633\u0644\u0651\u0645 \u062c\u0647\u0627\u0632\u0643 \u0625\u0644\u0649 \u0645\u062a\u062e\u0635\u0635\u064a\u0646\u0627 \u0644\u0641\u062d\u0635\u0647 \u0648\u0625\u0635\u0644\u0627\u062d\u0647 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\n        <\/p>\n\n\n\n        <!-- =================================================\n             BUTTONS\n        ================================================== -->\n        <div class=\"laptop-final-cta__buttons\">\n\n          <a\n            href=\"tel:+96877480955\"\n            class=\"laptop-final-cta__btn laptop-final-cta__btn--primary\"\n          >\n\n            <span class=\"laptop-final-cta__btn-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/>\n                <path d=\"M2 20h20\"\/>\n                <path d=\"M8 20l1-4h6l1 4\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <span>\n              \u0637\u0644\u0628 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\n            <\/span>\n\n            <span class=\"laptop-final-cta__arrow\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M19 12H5\"\/>\n                <path d=\"m10 7-5 5 5 5\"\/>\n              <\/svg>\n\n            <\/span>\n\n          <\/a>\n\n\n\n          <a href=\"https:\/\/wa.me\/96877480955\" target=\"_blank\" rel=\"noopener\" class=\"laptop-final-cta__btn laptop-final-cta__btn--secondary\">\n\n            <span class=\"laptop-final-cta__btn-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M20.5 11.5a8.5 8.5 0 0 1-12.6 7.4L3 20.5l1.6-4.8A8.5 8.5 0 1 1 20.5 11.5Z\"\/>\n              <\/svg>\n\n            <\/span>\n\n            <span>\n              \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           VISUAL\n      ==================================================== -->\n      <div class=\"laptop-final-cta__visual\">\n\n        <div class=\"laptop-final-ticket\">\n\n\n          <!-- TOP -->\n          <div class=\"laptop-final-ticket__top\">\n\n            <div>\n\n              <i><\/i>\n\n              <span>\n                REPAIR REQUEST\n              <\/span>\n\n            <\/div>\n\n\n            <span>\n              READY\n            <\/span>\n\n          <\/div>\n\n\n\n          <!-- =================================================\n               DEVICE\n          ================================================== -->\n          <div class=\"laptop-final-device\">\n\n\n            <!-- SCREEN -->\n            <div class=\"laptop-final-device__screen\">\n\n              <div class=\"laptop-final-device__screen-inner\">\n\n                <div class=\"laptop-final-device__screen-head\">\n\n                  <span>\n                    LAPTOP SERVICE\n                  <\/span>\n\n                  <i><\/i>\n\n                <\/div>\n\n\n                <div class=\"laptop-final-device__center\">\n\n                  <span class=\"laptop-final-device__icon\">\n\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n\n                      <path d=\"M29 8a10 10 0 0 0-7 14L8 36l4 4 14-14a10 10 0 0 0 14-7l-7 4-6-6 2-9Z\"\/>\n\n                      <path d=\"M10 36l2 2\"\/>\n\n                    <\/svg>\n\n                  <\/span>\n\n\n                  <div>\n\n                    <strong>\n                      SERVICE READY\n                    <\/strong>\n\n                    <span>\n                      DIAGNOSTIC \u2022 REPAIR\n                    <\/span>\n\n                  <\/div>\n\n                <\/div>\n\n\n                <div class=\"laptop-final-device__progress\">\n\n                  <span><\/span>\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- BASE -->\n            <div class=\"laptop-final-device__base\">\n\n              <div class=\"laptop-final-device__keyboard\">\n\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n\n              <\/div>\n\n\n              <div class=\"laptop-final-device__trackpad\"><\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <!-- =================================================\n               STATUS\n          ================================================== -->\n          <div class=\"laptop-final-ticket__status\">\n\n            <div>\n\n              <span>\n                01\n              <\/span>\n\n              <strong>\n                DIAGNOSIS\n              <\/strong>\n\n            <\/div>\n\n\n            <i><\/i>\n\n\n            <div>\n\n              <span>\n                02\n              <\/span>\n\n              <strong>\n                REPAIR\n              <\/strong>\n\n            <\/div>\n\n\n            <i><\/i>\n\n\n            <div>\n\n              <span>\n                03\n              <\/span>\n\n              <strong>\n                TEST\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP FINAL CTA\n========================================================== *\/\n\n.laptop-final-cta {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n\n  --heading: #153b59;\n  --text: #62788d;\n\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    90px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7f9fc,\n      #ffffff\n    );\n\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n========================================================== *\/\n\n.laptop-final-cta::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 600px;\n  height: 600px;\n\n  left: -420px;\n  top: -420px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.045);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-final-cta__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n}\n\n\n\/* ==========================================================\n   PANEL\n========================================================== *\/\n\n.laptop-final-cta__panel {\n\n  position: relative;\n\n  padding:\n    52px;\n\n  overflow: hidden;\n\n  display: grid;\n\n  grid-template-columns:\n    1.05fr\n    .95fr;\n\n  gap: 60px;\n\n  align-items: center;\n\n  border:\n    1px solid\n    rgba(23,107,255,.14);\n\n  border-radius: 27px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 24px 60px\n    rgba(8,42,77,.08);\n\n}\n\n\n\/* blue line *\/\n\n.laptop-final-cta__panel::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  right: 52px;\n\n  width: 90px;\n  height: 3px;\n\n  border-radius:\n    0\n    0\n    10px\n    10px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-final-cta__content {\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n\n\/* ==========================================================\n   EYEBROW\n========================================================== *\/\n\n.laptop-final-cta__eyebrow {\n\n  width: fit-content;\n\n  margin-bottom: 14px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #72879a;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n}\n\n\n.laptop-final-cta__eyebrow > span {\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--blue);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(23,107,255,.08);\n\n}\n\n\n\/* ==========================================================\n   TITLE\n========================================================== *\/\n\n.laptop-final-cta__title {\n\n  max-width: 680px;\n\n  margin:\n    0\n    0\n    15px;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(\n      29px,\n      3vw,\n      38px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   LEAD\n========================================================== *\/\n\n.laptop-final-cta__lead {\n\n  margin:\n    0\n    0\n    7px;\n\n  color: #254d6b;\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  line-height: 1.9;\n\n}\n\n\n\/* ==========================================================\n   TEXT\n========================================================== *\/\n\n.laptop-final-cta__text {\n\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 12px;\n\n  line-height: 2;\n\n}\n\n\n\/* ==========================================================\n   BUTTONS\n========================================================== *\/\n\n.laptop-final-cta__buttons {\n\n  margin-top: 26px;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n}\n\n\n\/* ==========================================================\n   BUTTON\n========================================================== *\/\n\n.laptop-final-cta__btn {\n\n  min-height: 55px;\n\n  padding:\n    0\n    12px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 9px;\n\n  border-radius: 12px;\n\n  text-decoration: none !important;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease,\n    background-color .2s ease;\n\n}\n\n\n\/* ==========================================================\n   BUTTON ICON\n========================================================== *\/\n\n.laptop-final-cta__btn-icon {\n\n  width: 32px;\n  height: 32px;\n\n  flex: 0 0 32px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 8px;\n\n}\n\n\n.laptop-final-cta__btn-icon svg,\n.laptop-final-cta__arrow svg {\n\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   PRIMARY\n========================================================== *\/\n\n.laptop-final-cta__btn--primary {\n\n  min-width: 205px;\n\n  color: #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n  box-shadow:\n    0 13px 28px\n    rgba(23,107,255,.21);\n\n}\n\n\n.laptop-final-cta__btn--primary\n.laptop-final-cta__btn-icon {\n\n  background:\n    rgba(255,255,255,.13);\n\n}\n\n\n.laptop-final-cta__arrow {\n\n  margin-right: 5px;\n\n  display: grid;\n\n  place-items: center;\n\n  opacity: .75;\n\n}\n\n\n\/* ==========================================================\n   SECONDARY\n========================================================== *\/\n\n.laptop-final-cta__btn--secondary {\n\n  min-width: 145px;\n\n  color: #168b48 !important;\n\n  border:\n    1px solid\n    rgba(37,211,102,.20);\n\n  background:\n    #effbf4;\n\n}\n\n\n.laptop-final-cta__btn--secondary\n.laptop-final-cta__btn-icon {\n\n  background:\n    #ffffff;\n\n}\n\n\n\/* ==========================================================\n   VISUAL\n========================================================== *\/\n\n.laptop-final-cta__visual {\n\n  min-width: 0;\n\n}\n\n\n\/* ==========================================================\n   TICKET\n========================================================== *\/\n\n.laptop-final-ticket {\n\n  position: relative;\n\n  padding: 18px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(70,158,255,.17);\n\n  border-radius: 21px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 25px 55px\n    rgba(5,35,68,.16);\n\n}\n\n\n\/* grid *\/\n\n.laptop-final-ticket::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .21;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    31px\n    31px;\n\n}\n\n\n\/* ==========================================================\n   TOP\n========================================================== *\/\n\n.laptop-final-ticket__top {\n\n  position: relative;\n\n  z-index: 2;\n\n  min-height: 42px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n\n  color: #5b7791;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5.5px;\n\n}\n\n\n.laptop-final-ticket__top > div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n}\n\n\n.laptop-final-ticket__top i {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.45);\n\n}\n\n\n\/* ==========================================================\n   DEVICE\n========================================================== *\/\n\n.laptop-final-device {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 88%;\n\n  margin:\n    25px\n    auto\n    22px;\n\n}\n\n\n\/* ==========================================================\n   SCREEN\n========================================================== *\/\n\n.laptop-final-device__screen {\n\n  padding: 7px;\n\n  border:\n    1px solid\n    rgba(73,158,255,.14);\n\n  border-radius:\n    12px\n    12px\n    4px\n    4px;\n\n  background: #07192e;\n\n}\n\n\n.laptop-final-device__screen-inner {\n\n  min-height: 175px;\n\n  padding: 15px;\n\n  border-radius: 6px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061b34,\n      #0a2c50\n    );\n\n}\n\n\n\/* ==========================================================\n   SCREEN HEAD\n========================================================== *\/\n\n.laptop-final-device__screen-head {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  color: #57748f;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 5px;\n\n}\n\n\n.laptop-final-device__screen-head i {\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n}\n\n\n\/* ==========================================================\n   CENTER\n========================================================== *\/\n\n.laptop-final-device__center {\n\n  margin-top: 29px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 11px;\n\n}\n\n\n.laptop-final-device__icon {\n\n  width: 59px;\n  height: 59px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(73,160,255,.17);\n\n  border-radius: 15px;\n\n  background:\n    rgba(23,107,255,.08);\n\n  color: #4da7ff;\n\n}\n\n\n.laptop-final-device__icon svg {\n\n  width: 30px;\n  height: 30px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-final-device__center strong {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #edf4fa;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n}\n\n\n.laptop-final-device__center div > span {\n\n  display: block;\n\n  color: #5b7791;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n\/* ==========================================================\n   PROGRESS\n========================================================== *\/\n\n.laptop-final-device__progress {\n\n  height: 4px;\n\n  margin-top: 27px;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.055);\n\n}\n\n\n.laptop-final-device__progress span {\n\n  display: block;\n\n  width: 89%;\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* ==========================================================\n   BASE\n========================================================== *\/\n\n.laptop-final-device__base {\n\n  min-height: 78px;\n\n  padding:\n    10px\n    16px;\n\n  border:\n    1px solid\n    rgba(72,151,229,.10);\n\n  border-radius:\n    4px\n    4px\n    12px\n    12px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0c2947,\n      #071a30\n    );\n\n}\n\n\n\/* KEYBOARD *\/\n\n.laptop-final-device__keyboard {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(6,1fr);\n\n  gap: 4px;\n\n}\n\n\n.laptop-final-device__keyboard span {\n\n  height: 10px;\n\n  border-radius: 2px;\n\n  background:\n    rgba(84,137,186,.14);\n\n}\n\n\n\/* TRACKPAD *\/\n\n.laptop-final-device__trackpad {\n\n  width: 34%;\n  height: 22px;\n\n  margin:\n    8px\n    auto\n    0;\n\n  border:\n    1px solid\n    rgba(101,151,195,.12);\n\n  border-radius: 4px;\n\n}\n\n\n\/* ==========================================================\n   STATUS\n========================================================== *\/\n\n.laptop-final-ticket__status {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    12px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border:\n    1px solid\n    rgba(255,255,255,.055);\n\n  border-radius: 9px;\n\n  background:\n    rgba(255,255,255,.018);\n\n}\n\n\n\/* ITEM *\/\n\n.laptop-final-ticket__status > div {\n\n  text-align: center;\n\n}\n\n\n.laptop-final-ticket__status span,\n.laptop-final-ticket__status strong {\n\n  display: block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n}\n\n\n.laptop-final-ticket__status span {\n\n  margin-bottom: 4px;\n\n  color: #4d9ff0;\n\n  font-size: 6px;\n\n}\n\n\n.laptop-final-ticket__status strong {\n\n  color: #617d97;\n\n  font-size: 4px;\n\n}\n\n\n\/* CONNECTOR *\/\n\n.laptop-final-ticket__status > i {\n\n  width: 19%;\n\n  height: 1px;\n\n  background:\n    rgba(74,160,247,.18);\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-final-cta__btn:hover {\n\n    transform:\n      translateY(-3px);\n\n  }\n\n\n  .laptop-final-cta__btn--primary:hover {\n\n    box-shadow:\n      0 18px 36px\n      rgba(23,107,255,.29);\n\n  }\n\n\n  .laptop-final-cta__btn--secondary:hover {\n\n    border-color:\n      rgba(37,211,102,.37);\n\n    background:\n      #e8f9ef;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-final-cta {\n\n    padding:\n      75px\n      20px;\n\n  }\n\n\n  .laptop-final-cta__panel {\n\n    padding:\n      38px;\n\n    gap:\n      35px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-final-cta {\n\n    padding:\n      58px\n      14px;\n\n  }\n\n\n  .laptop-final-cta__panel {\n\n    padding:\n      25px\n      20px;\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      30px;\n\n    border-radius:\n      18px;\n\n  }\n\n\n  .laptop-final-cta__panel::before {\n\n    right:\n      20px;\n\n  }\n\n\n  .laptop-final-cta__title {\n\n    font-size:\n      27px;\n\n  }\n\n\n  .laptop-final-cta__lead {\n\n    font-size:\n      12px;\n\n  }\n\n\n  .laptop-final-cta__text {\n\n    font-size:\n      11px;\n\n  }\n\n\n  \/* BUTTONS *\/\n\n  .laptop-final-cta__buttons {\n\n    display:\n      grid;\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .laptop-final-cta__btn {\n\n    width:\n      100%;\n\n  }\n\n\n  \/* TICKET *\/\n\n  .laptop-final-ticket {\n\n    padding:\n      14px;\n\n    border-radius:\n      17px;\n\n  }\n\n\n  .laptop-final-device {\n\n    width:\n      100%;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-final-ticket__status > i {\n\n    width:\n      10%;\n\n  }\n\n\n  .laptop-final-device__screen-inner {\n\n    min-height:\n      155px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-final-cta__btn {\n\n    transition:\n      none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69a3664 e-con-full e-flex e-con e-parent\" data-id=\"69a3664\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18d1cd4 elementor-widget elementor-widget-html\" data-id=\"18d1cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"laptop-faq\" dir=\"rtl\">\n\n  <div class=\"laptop-faq__container\">\n\n\n    <!-- =====================================================\n         SIDE PANEL\n    ====================================================== -->\n    <aside class=\"laptop-faq__side\">\n\n      <div class=\"laptop-faq__side-top\">\n\n        <span class=\"laptop-faq__status-dot\"><\/span>\n\n        <span>\n          LAPTOP REPAIR FAQ\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"laptop-faq__side-main\">\n\n        <div class=\"laptop-faq__question-mark\">\n          ?\n        <\/div>\n\n        <strong>\n          FAQ\n        <\/strong>\n\n        <span>\n          LAPTOP SERVICE\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- INFO -->\n      <div class=\"laptop-faq__side-info\">\n\n\n        <div class=\"laptop-faq-info\">\n\n          <span class=\"laptop-faq-info__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3c4.4 0 8 3.5 8 7.8C20 16.6 12 22 12 22S4 16.6 4 10.8C4 6.5 7.6 3 12 3Z\"\/>\n              <circle cx=\"12\" cy=\"11\" r=\"2.5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <small>\n              \u0645\u0631\u0643\u0632 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629\n            <\/small>\n\n            <strong>\n              \u0645\u0633\u0642\u0637\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"laptop-faq-info\">\n\n          <span class=\"laptop-faq-info__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 7v5l3 2\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <small>\n              \u0645\u062f\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629\n            <\/small>\n\n            <strong>\n              24 \u0633\u0627\u0639\u0629 \u0625\u0644\u0649 \u0623\u0633\u0628\u0648\u0639 \u0648\u0627\u062d\u062f\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"laptop-faq-info\">\n\n          <span class=\"laptop-faq-info__icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3 20 7v5c0 5-3.2 8.5-8 10-4.8-1.5-8-5-8-10V7l8-4Z\"\/>\n              <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <small>\n              \u0636\u0645\u0627\u0646 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n            <\/small>\n\n            <strong>\n              \u0634\u0647\u0631 \u0648\u0627\u062d\u062f\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- FOOTER -->\n      <div class=\"laptop-faq__side-footer\">\n\n        <span>\n          DIAGNOSIS\n        <\/span>\n\n        <i><\/i>\n\n        <span>\n          REPAIR\n        <\/span>\n\n        <i><\/i>\n\n        <span>\n          WARRANTY\n        <\/span>\n\n      <\/div>\n\n    <\/aside>\n\n\n\n    <!-- =====================================================\n         FAQ LIST\n    ====================================================== -->\n    <div class=\"laptop-faq__content\">\n\n      <div class=\"laptop-faq__content-head\">\n\n        <span>\n          8 QUESTIONS\n        <\/span>\n\n        <i><\/i>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           01\n      ==================================================== -->\n      <details class=\"laptop-faq-item\" open>\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            01\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0627\u062a\u0643\u0645 \u0641\u064a \u0645\u0633\u0642\u0637 \u0641\u0642\u0637\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u064a\u0642\u0639 \u0645\u0631\u0643\u0632 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0641\u064a \u0645\u0633\u0642\u0637\u060c \u0648\u0644\u0643\u0646 \u064a\u0645\u0643\u0646 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           02\n      ==================================================== -->\n      <details class=\"laptop-faq-item\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            02\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0645\u0627 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u0645\u0648\u0646 \u0628\u0625\u0635\u0644\u0627\u062d\u0647\u0627\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u0646\u0642\u0648\u0645 \u0628\u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 Dell \u0648HP \u0648Lenovo \u0648ASUS \u0648Acer \u0648Apple \u0648MSI \u0648Fujitsu \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           03\n      ==================================================== -->\n      <details class=\"laptop-faq-item\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            03\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u062a\u062e\u062a\u0644\u0641 \u0645\u062f\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u0639\u0637\u0644\u060c \u0648\u062a\u062a\u0631\u0627\u0648\u062d \u0639\u0627\u062f\u0629\u064b \u0645\u0646 24 \u0633\u0627\u0639\u0629 \u0625\u0644\u0649 \u0623\u0633\u0628\u0648\u0639 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           04\n      ==================================================== -->\n      <details class=\"laptop-faq-item laptop-faq-item--free\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            04\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0647\u0644 \u064a\u062a\u0645 \u062a\u062d\u0635\u064a\u0644 \u0631\u0633\u0648\u0645 \u0642\u0628\u0644 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062c\u0647\u0627\u0632\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u0644\u0627\u060c \u0644\u0627 \u064a\u062a\u0645 \u062a\u062d\u0635\u064a\u0644 \u0631\u0633\u0648\u0645 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0648\u0644\u064a.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           05\n      ==================================================== -->\n      <details class=\"laptop-faq-item laptop-faq-item--warranty\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            05\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0647\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0645\u0648\u0644\u0629 \u0628\u0627\u0644\u0636\u0645\u0627\u0646\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u0646\u0639\u0645\u060c \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0645\u0648\u0644\u0629 \u0628\u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           06\n      ==================================================== -->\n      <details class=\"laptop-faq-item\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            06\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0645\u0627\u0630\u0627 \u0623\u0641\u0639\u0644 \u0625\u0630\u0627 \u0643\u0646\u062a \u062e\u0627\u0631\u062c \u0645\u0633\u0642\u0637\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u0625\u0631\u0633\u0627\u0644 \u062c\u0647\u0627\u0632\u0643 \u0625\u0644\u0649 \u0645\u0631\u0643\u0632\u0646\u0627 \u0641\u064a \u0645\u0633\u0642\u0637.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           07\n      ==================================================== -->\n      <details class=\"laptop-faq-item laptop-faq-item--apple\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            07\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0647\u0644 \u062a\u0642\u0648\u0645\u0648\u0646 \u0628\u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 MacBook\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u0646\u0639\u0645\u060c \u0646\u0642\u0648\u0645 \u0623\u064a\u0636\u0627\u064b \u0628\u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0645\u0646 Apple.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ===================================================\n           08\n      ==================================================== -->\n      <details class=\"laptop-faq-item\">\n\n        <summary>\n\n          <span class=\"laptop-faq-item__number\">\n            08\n          <\/span>\n\n          <span class=\"laptop-faq-item__question\">\n            \u0647\u0644 \u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0630\u0627\u062a \u062c\u0648\u062f\u0629 \u0645\u0646\u0627\u0633\u0628\u0629\u061f\n          <\/span>\n\n          <span class=\"laptop-faq-item__toggle\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"laptop-faq-item__answer\">\n\n          <p>\n            \u0639\u0646\u062f \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u060c \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0646\u0648\u0639 \u0627\u0644\u0642\u0637\u0639\u0629 \u0648\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0648\u062f\u064a\u0644 \u0627\u0644\u062c\u0647\u0627\u0632 \u0648\u0646\u0648\u0639 \u0627\u0644\u0639\u0637\u0644.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   LAPTOP FAQ\n========================================================== *\/\n\n.laptop-faq {\n\n  --blue: #176bff;\n  --cyan: #00a3ff;\n\n  --navy: #031226;\n  --deep: #061b38;\n\n  --heading: #173c59;\n  --text: #61778b;\n\n  --border: #dfe8f1;\n\n  --green: #25d366;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    95px\n    24px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Cairo\",\n    sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff,\n      #f7f9fc\n    );\n\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n========================================================== *\/\n\n.laptop-faq::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 600px;\n  height: 600px;\n\n  right: -430px;\n  bottom: -430px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(23,107,255,.04);\n\n  box-shadow:\n    0 0 0 90px\n    rgba(23,107,255,.012);\n\n  pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.laptop-faq__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1180px,\n      100%\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    330px\n    minmax(0,1fr);\n\n  gap: 16px;\n\n  align-items: start;\n\n}\n\n\n\/* ==========================================================\n   SIDE\n========================================================== *\/\n\n.laptop-faq__side {\n\n  position: sticky;\n\n  top: 110px;\n\n  min-height: 560px;\n\n  padding:\n    22px;\n\n  overflow: hidden;\n\n  display: flex;\n\n  flex-direction: column;\n\n  border:\n    1px solid\n    rgba(72,159,255,.17);\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #03142a,\n      #07294f\n    );\n\n  box-shadow:\n    0 24px 55px\n    rgba(5,35,68,.14);\n\n}\n\n\n\/* grid *\/\n\n.laptop-faq__side::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    34px\n    34px;\n\n}\n\n\n\/* ==========================================================\n   SIDE TOP\n========================================================== *\/\n\n.laptop-faq__side-top {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding-bottom: 15px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n\n  color: #5d7993;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 6px;\n\n  letter-spacing: .6px;\n\n}\n\n\n.laptop-faq__status-dot {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  box-shadow:\n    0 0 8px\n    rgba(37,211,102,.45);\n\n}\n\n\n\/* ==========================================================\n   MAIN\n========================================================== *\/\n\n.laptop-faq__side-main {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    42px\n    0\n    33px;\n\n}\n\n\n\/* QUESTION *\/\n\n.laptop-faq__question-mark {\n\n  margin-bottom: 13px;\n\n  color:\n    rgba(255,255,255,.08);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 92px;\n\n  font-weight: 800;\n\n  line-height: .75;\n\n}\n\n\n.laptop-faq__side-main > strong {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 23px;\n\n  font-weight: 800;\n\n}\n\n\n.laptop-faq__side-main > span {\n\n  display: block;\n\n  color: #64819b;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 6px;\n\n}\n\n\n\/* ==========================================================\n   SIDE INFO\n========================================================== *\/\n\n.laptop-faq__side-info {\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n\n\/* INFO *\/\n\n.laptop-faq-info {\n\n  min-height: 74px;\n\n  padding:\n    12px\n    0;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n\n}\n\n\n.laptop-faq-info:last-child {\n\n  border-bottom: 0;\n\n}\n\n\n\/* icon *\/\n\n.laptop-faq-info__icon {\n\n  width: 38px;\n  height: 38px;\n\n  flex: 0 0 38px;\n\n  display: grid;\n\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(72,159,255,.14);\n\n  border-radius: 10px;\n\n  background:\n    rgba(23,107,255,.07);\n\n  color: #4da5fa;\n\n}\n\n\n.laptop-faq-info__icon svg {\n\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n}\n\n\n.laptop-faq-info small {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #5d7893;\n\n  font-size: 7px;\n\n}\n\n\n.laptop-faq-info strong {\n\n  display: block;\n\n  color: #a9bdcf;\n\n  font-size: 9.5px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   SIDE FOOTER\n========================================================== *\/\n\n.laptop-faq__side-footer {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: auto;\n\n  padding-top: 17px;\n\n  display: flex;\n\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  gap: 6px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.06);\n\n}\n\n\n.laptop-faq__side-footer span {\n\n  color: #54718c;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 4.5px;\n\n}\n\n\n.laptop-faq__side-footer i {\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: #3379ba;\n\n}\n\n\n\/* ==========================================================\n   CONTENT\n========================================================== *\/\n\n.laptop-faq__content {\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius: 22px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 13px 35px\n    rgba(8,42,77,.04);\n\n}\n\n\n\/* ==========================================================\n   CONTENT HEAD\n========================================================== *\/\n\n.laptop-faq__content-head {\n\n  min-height: 58px;\n\n  padding:\n    0\n    20px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid\n    var(--border);\n\n  background: #f8fbff;\n\n}\n\n\n.laptop-faq__content-head span {\n\n  color: #8193a3;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 6px;\n\n  font-weight: 700;\n\n  letter-spacing: .6px;\n\n}\n\n\n.laptop-faq__content-head i {\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--blue);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(23,107,255,.07);\n\n}\n\n\n\/* ==========================================================\n   ITEM\n========================================================== *\/\n\n.laptop-faq-item {\n\n  position: relative;\n\n  border-bottom:\n    1px solid\n    #e6edf3;\n\n  background: #ffffff;\n\n  transition:\n    background-color .2s ease;\n\n}\n\n\n.laptop-faq-item:last-child {\n\n  border-bottom: 0;\n\n}\n\n\n\/* ==========================================================\n   SUMMARY\n========================================================== *\/\n\n.laptop-faq-item summary {\n\n  min-height: 82px;\n\n  padding:\n    15px\n    19px;\n\n  display: grid;\n\n  grid-template-columns:\n    35px\n    minmax(0,1fr)\n    37px;\n\n  gap: 12px;\n\n  align-items: center;\n\n  cursor: pointer;\n\n  list-style: none;\n\n  outline: none;\n\n}\n\n\n.laptop-faq-item summary::-webkit-details-marker {\n\n  display: none;\n\n}\n\n\n\/* ==========================================================\n   NUMBER\n========================================================== *\/\n\n.laptop-faq-item__number {\n\n  color:\n    rgba(7,28,56,.17);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   QUESTION\n========================================================== *\/\n\n.laptop-faq-item__question {\n\n  color: var(--heading);\n\n  font-size: 12.5px;\n\n  font-weight: 800;\n\n  line-height: 1.8;\n\n}\n\n\n\/* ==========================================================\n   TOGGLE\n========================================================== *\/\n\n.laptop-faq-item__toggle {\n\n  position: relative;\n\n  width: 36px;\n  height: 36px;\n\n  border:\n    1px solid\n    #dfe8f1;\n\n  border-radius: 10px;\n\n  background: #f7f9fc;\n\n}\n\n\n\/* H *\/\n\n.laptop-faq-item__toggle::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 50%;\n  left: 50%;\n\n  width: 11px;\n  height: 1.5px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius: 10px;\n\n  background: var(--blue);\n\n}\n\n\n\/* V *\/\n\n.laptop-faq-item__toggle::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 50%;\n  left: 50%;\n\n  width: 1.5px;\n  height: 11px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius: 10px;\n\n  background: var(--blue);\n\n}\n\n\n\/* ==========================================================\n   OPEN\n========================================================== *\/\n\n.laptop-faq-item[open] {\n\n  background:\n    linear-gradient(\n      90deg,\n      #ffffff,\n      #f7faff\n    );\n\n}\n\n\n\/* accent *\/\n\n.laptop-faq-item[open]::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 15px;\n  bottom: 15px;\n  right: 0;\n\n  width: 3px;\n\n  border-radius: 10px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n\/* toggle *\/\n\n.laptop-faq-item[open]\n.laptop-faq-item__toggle {\n\n  border-color: transparent;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--blue),\n      var(--cyan)\n    );\n\n}\n\n\n.laptop-faq-item[open]\n.laptop-faq-item__toggle::before {\n\n  background: #ffffff;\n\n}\n\n\n.laptop-faq-item[open]\n.laptop-faq-item__toggle::after {\n\n  display: none;\n\n}\n\n\n\/* ==========================================================\n   ANSWER\n========================================================== *\/\n\n.laptop-faq-item__answer {\n\n  padding:\n    0\n    66px\n    22px\n    68px;\n\n}\n\n\n.laptop-faq-item__answer p {\n\n  max-width: 720px;\n\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 11.5px;\n\n  line-height: 2;\n\n}\n\n\n\/* ==========================================================\n   FREE\n========================================================== *\/\n\n.laptop-faq-item--free {\n\n  background:\n    #fcfefd;\n\n}\n\n\n.laptop-faq-item--free\n.laptop-faq-item__toggle {\n\n  border-color:\n    rgba(37,211,102,.13);\n\n  background: #effaf3;\n\n}\n\n\n.laptop-faq-item--free:not([open])\n.laptop-faq-item__toggle::before,\n.laptop-faq-item--free:not([open])\n.laptop-faq-item__toggle::after {\n\n  background: #18a354;\n\n}\n\n\n\/* ==========================================================\n   WARRANTY\n========================================================== *\/\n\n.laptop-faq-item--warranty {\n\n  background:\n    #fbfdff;\n\n}\n\n\n\/* ==========================================================\n   APPLE\n========================================================== *\/\n\n.laptop-faq-item--apple\n.laptop-faq-item__toggle {\n\n  background: #f3f5f7;\n\n}\n\n\n\/* ==========================================================\n   HOVER\n========================================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .laptop-faq-item:not([open]):hover {\n\n    background: #f9fbfe;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .laptop-faq {\n\n    padding:\n      78px\n      20px;\n\n  }\n\n\n  .laptop-faq__container {\n\n    grid-template-columns:\n      285px\n      minmax(0,1fr);\n\n  }\n\n\n  .laptop-faq__side {\n\n    padding: 18px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .laptop-faq {\n\n    padding:\n      60px\n      14px;\n\n  }\n\n\n  .laptop-faq__container {\n\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n\n  }\n\n\n  \/* SIDE *\/\n\n  .laptop-faq__side {\n\n    position: relative;\n\n    top: auto;\n\n    min-height: auto;\n\n    padding: 19px;\n\n    border-radius: 17px;\n\n  }\n\n\n  .laptop-faq__side-main {\n\n    padding:\n      27px\n      0\n      18px;\n\n  }\n\n\n  .laptop-faq__question-mark {\n\n    margin-bottom: 8px;\n\n    font-size: 65px;\n\n  }\n\n\n  .laptop-faq__side-info {\n\n    display: grid;\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .laptop-faq__side-footer {\n\n    margin-top: 15px;\n\n  }\n\n\n  \/* CONTENT *\/\n\n  .laptop-faq__content {\n\n    border-radius: 17px;\n\n  }\n\n\n  .laptop-faq-item summary {\n\n    min-height: 70px;\n\n    padding:\n      12px;\n\n    grid-template-columns:\n      25px\n      minmax(0,1fr)\n      32px;\n\n    gap: 8px;\n\n  }\n\n\n  .laptop-faq-item__question {\n\n    font-size: 11.5px;\n\n  }\n\n\n  .laptop-faq-item__toggle {\n\n    width: 31px;\n    height: 31px;\n\n    border-radius: 8px;\n\n  }\n\n\n  .laptop-faq-item__answer {\n\n    padding:\n      0\n      45px\n      18px\n      44px;\n\n  }\n\n\n  .laptop-faq-item__answer p {\n\n    font-size: 10.5px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .laptop-faq-item summary {\n\n    grid-template-columns:\n      minmax(0,1fr)\n      31px;\n\n  }\n\n\n  .laptop-faq-item__number {\n\n    display: none;\n\n  }\n\n\n  .laptop-faq-item__answer {\n\n    padding:\n      0\n      12px\n      17px;\n\n  }\n\n}\n\n\n\/* ==========================================================\n   ACCESSIBILITY\n========================================================== *\/\n\n.laptop-faq-item summary:focus-visible {\n\n  outline:\n    2px solid\n    rgba(23,107,255,.35);\n\n  outline-offset:\n    -2px;\n\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  .laptop-faq-item {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-833","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/pages\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":1,"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/pages\/833\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/pages\/833\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/datarecovery.om\/en\/wp-json\/wp\/v2\/media?parent=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}