{"id":152,"date":"2026-03-08T12:05:41","date_gmt":"2026-03-08T12:05:41","guid":{"rendered":"https:\/\/almahab.store\/?page_id=152"},"modified":"2026-04-16T10:25:56","modified_gmt":"2026-04-16T10:25:56","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/almahab.store\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"152\" class=\"elementor elementor-152\" data-elementor-settings=\"{&quot;scroll_snap&quot;:&quot;yes&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9baaf36 e-con-full e-flex e-con e-parent\" data-id=\"9baaf36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5198a1 elementor-widget elementor-widget-html\" data-id=\"e5198a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/title>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;800&family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --hero-bg-color: #000000;\r\n            --hero-overlay-main: rgba(0, 0, 0, 0.55);\r\n            --hero-overlay-soft: rgba(0, 0, 0, 0.30);\r\n            --hero-title-color: #ffffff;\r\n            --font-main: 'Tajawal', sans-serif;\r\n            --font-secondary: 'Inter', sans-serif;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html, body {\r\n            height: 100%;\r\n            scroll-snap-type: y mandatory;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--hero-bg-color);\r\n            font-family: var(--font-main);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .hero {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            scroll-snap-align: start;\r\n            scroll-snap-stop: always;\r\n            background:\r\n                linear-gradient(135deg, var(--hero-overlay-main), var(--hero-overlay-soft)),\r\n                url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/services.webp');\r\n            background-size: cover;\r\n            background-position: center center;\r\n            background-repeat: no-repeat;\r\n            isolation: isolate;\r\n        }\r\n\r\n        .hero::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background:\r\n                radial-gradient(circle at 20% 20%, rgba(255,255,255,0.10), transparent 22%),\r\n                radial-gradient(circle at 80% 75%, rgba(255,255,255,0.08), transparent 24%);\r\n            mix-blend-mode: screen;\r\n            opacity: 0.45;\r\n            animation: glowMove 8s ease-in-out infinite alternate;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(\r\n                to bottom,\r\n                rgba(0, 0, 0, 0.18),\r\n                rgba(0, 0, 0, 0.35)\r\n            );\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-container {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 6%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-title {\r\n            position: relative;\r\n            color: var(--hero-title-color);\r\n            font-size: clamp(40px, 7vw, 92px);\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 0 10px 30px rgba(0,0,0,0.28);\r\n        }\r\n\r\n        @keyframes glowMove {\r\n            0% {\r\n                transform: scale(1) translateY(0);\r\n            }\r\n            100% {\r\n                transform: scale(1.08) translateY(-10px);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                background-position: center center;\r\n            }\r\n\r\n            .hero-container {\r\n                padding: 0 5%;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: clamp(28px, 10vw, 48px);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero\">\r\n        <div class=\"hero-container\">\r\n            <h1 class=\"hero-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h1>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cede95 elementor-widget elementor-widget-html\" data-id=\"6cede95\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>\u0642\u0637\u0627\u0639\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/title>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      font-family: \"Cairo\", sans-serif;\r\n    }\r\n\r\n    body {\r\n      background: #000;\r\n      color: #fff;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .inner-services-section {\r\n      padding: 100px 5%;\r\n      background: #000;\r\n    }\r\n\r\n    .inner-services-container {\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .inner-services-header {\r\n      text-align: center;\r\n      max-width: 900px;\r\n      margin: 0 auto 56px;\r\n    }\r\n\r\n    .inner-services-title {\r\n      font-family: \"Tajawal\", sans-serif;\r\n      font-size: 32px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: 14px;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .inner-services-desc {\r\n      font-size: 15px;\r\n      line-height: 2;\r\n      color: rgba(255,255,255,0.72);\r\n      max-width: 820px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .inner-services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(6, minmax(0, 1fr));\r\n      gap: 24px;\r\n    }\r\n\r\n    .inner-services-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 320px;\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      background: #111;\r\n      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .inner-services-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(255,255,255,0.2);\r\n      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);\r\n    }\r\n\r\n    .inner-services-card.large {\r\n      grid-column: span 3;\r\n      min-height: 360px;\r\n    }\r\n\r\n    .inner-services-card.small {\r\n      grid-column: span 2;\r\n      min-height: 320px;\r\n    }\r\n\r\n    .inner-services-image {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      filter: grayscale(100%) brightness(0.35);\r\n      transform: scale(1);\r\n      transition: transform 0.7s ease, filter 0.45s ease;\r\n      z-index: -3;\r\n    }\r\n\r\n    .inner-services-card:hover .inner-services-image {\r\n      transform: scale(1.07);\r\n      filter: grayscale(20%) brightness(0.48);\r\n    }\r\n\r\n    .inner-services-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(\r\n        180deg,\r\n        rgba(0, 0, 0, 0.08) 0%,\r\n        rgba(0, 0, 0, 0.22) 32%,\r\n        rgba(0, 0, 0, 0.9) 100%\r\n      );\r\n      z-index: -2;\r\n    }\r\n\r\n    .inner-services-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(\r\n        135deg,\r\n        rgba(255,255,255,0.08) 0%,\r\n        rgba(255,255,255,0.02) 18%,\r\n        rgba(255,255,255,0) 40%\r\n      );\r\n      opacity: 0;\r\n      transition: opacity 0.35s ease;\r\n      z-index: -1;\r\n    }\r\n\r\n    .inner-services-card:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .service-number {\r\n      position: absolute;\r\n      top: 22px;\r\n      left: 22px;\r\n      font-size: 74px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n      color: rgba(255,255,255,0.13);\r\n      z-index: 2;\r\n      direction: ltr;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .inner-services-content {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 34px 26px 28px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .inner-services-content h3 {\r\n      font-size: 24px;\r\n      line-height: 1.65;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: 10px;\r\n      max-width: 90%;\r\n    }\r\n\r\n    .inner-services-content p {\r\n      font-size: 16px;\r\n      line-height: 1.95;\r\n      color: rgba(255,255,255,0.8);\r\n      max-width: 90%;\r\n    }\r\n\r\n    .highlight {\r\n      color: #fff;\r\n      font-weight: 800;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .inner-services-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .inner-services-card.large,\r\n      .inner-services-card.small {\r\n        grid-column: span 1;\r\n      }\r\n\r\n      .inner-services-card.large,\r\n      .inner-services-card.small {\r\n        min-height: 320px;\r\n      }\r\n\r\n      .inner-services-title {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .inner-services-content h3 {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .inner-services-content p {\r\n        font-size: 13.5px;\r\n      }\r\n\r\n      .service-number {\r\n        font-size: 64px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .inner-services-section {\r\n        padding: 70px 18px;\r\n      }\r\n\r\n      .inner-services-header {\r\n        margin-bottom: 36px;\r\n      }\r\n\r\n      .inner-services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n      }\r\n\r\n      .inner-services-card.large,\r\n      .inner-services-card.small {\r\n        grid-column: span 1;\r\n        min-height: 300px;\r\n      }\r\n\r\n      .inner-services-title {\r\n        font-size: 25px;\r\n      }\r\n\r\n      .inner-services-desc {\r\n        font-size: 14px;\r\n        line-height: 1.9;\r\n      }\r\n\r\n      .inner-services-content {\r\n        padding: 26px 18px 22px;\r\n      }\r\n\r\n      .inner-services-content h3 {\r\n        font-size: 17px;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .inner-services-content p {\r\n        font-size: 13px;\r\n        line-height: 1.85;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .service-number {\r\n        font-size: 52px;\r\n        top: 18px;\r\n        left: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"inner-services-section\">\r\n    <div class=\"inner-services-container\">\r\n\r\n      <div class=\"inner-services-header\">\r\n        <h2 class=\"inner-services-title\">\u0642\u0637\u0627\u0639\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/h2>\r\n        <p class=\"inner-services-desc\">\r\n          \u0646\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0643\u0644 \u0645\u062c\u0627\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"inner-services-grid\">\r\n\r\n        <article class=\"inner-services-card large\">\r\n          <div class=\"inner-services-image\" style=\"background-image: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-05-12-at-2.10.16-AM-1.jpeg');\"><\/div>\r\n          <div class=\"inner-services-overlay\"><\/div>\r\n          <div class=\"service-number\">01<\/div>\r\n          <div class=\"inner-services-content\">\r\n            <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a (Industrial)<\/h3>\r\n            <p>\r\n              \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 <span class=\"highlight\">(\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629)<\/span>   \r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"inner-services-card large\">\r\n          <div class=\"inner-services-image\" style=\"background-image: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0642\u0637\u0627\u0639-\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a.webp');\"><\/div>\r\n          <div class=\"inner-services-overlay\"><\/div>\r\n          <div class=\"service-number\">02<\/div>\r\n          <div class=\"inner-services-content\">\r\n            <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a (Educational)<\/h3>\r\n            <p>\r\n              \u062a\u0635\u0645\u064a\u0645 \u0628\u064a\u0626\u0627\u062a \u062a\u062f\u0639\u0645 <span class=\"highlight\">(\u0627\u0644\u062a\u0639\u0644\u0645)<\/span> \u0648<span class=\"highlight\">(\u0627\u0644\u062a\u0641\u0627\u0639\u0644)<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"inner-services-card small\">\r\n          <div class=\"inner-services-image\" style=\"background-image: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0627\u0639\u0645\u0627\u0644-\u0627\u0644\u062f\u064a\u0643\u0648\u0631.webp');\"><\/div>\r\n          <div class=\"inner-services-overlay\"><\/div>\r\n          <div class=\"service-number\">03<\/div>\r\n          <div class=\"inner-services-content\">\r\n            <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a (Commercial)<\/h3>\r\n            <p>\r\n              \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u0639\u0632\u0632 <span class=\"highlight\">(\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644)<\/span> \u0648<span class=\"highlight\">(\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629)<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"inner-services-card small\">\r\n          <div class=\"inner-services-image\" style=\"background-image: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0642\u0637\u0627\u0639-\u0627\u0644\u0633\u0643\u0646\u064a.webp');\"><\/div>\r\n          <div class=\"inner-services-overlay\"><\/div>\r\n          <div class=\"service-number\">04<\/div>\r\n          <div class=\"inner-services-content\">\r\n            <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0643\u0646\u064a (Residential)<\/h3>\r\n            <p>\r\n              \u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 <span class=\"highlight\">(\u0627\u0644\u0631\u0627\u062d\u0629)<\/span> \u0648<span class=\"highlight\">(\u0627\u0644\u062c\u0645\u0627\u0644)<\/span> \u0648<span class=\"highlight\">(\u0627\u0644\u0648\u0638\u064a\u0641\u0629)<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"inner-services-card small\">\r\n          <div class=\"inner-services-image\" style=\"background-image: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/r3.webp');\"><\/div>\r\n          <div class=\"inner-services-overlay\"><\/div>\r\n          <div class=\"service-number\">05<\/div>\r\n          <div class=\"inner-services-content\">\r\n            <h3>\u0627\u0644\u0623\u062b\u0627\u062b \u0648\u0627\u0644\u0642\u0637\u0639 (Furniture &amp; Custom Pieces)<\/h3>\r\n            <p>\r\n              \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0642\u0637\u0639 <span class=\"highlight\">(\u0645\u062e\u0635\u0635\u0629)<\/span> \u062a\u0636\u064a\u0641 \u0642\u064a\u0645\u0629 \u062c\u0645\u0627\u0644\u064a\u0629 \u0648\u0648\u0638\u064a\u0641\u064a\u0629\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6072c5b elementor-widget elementor-widget-html\" data-id=\"6072c5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/title>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n  <style>\r\n    *{\r\n      margin:0;\r\n      padding:0;\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    body{\r\n      background:#ffffff;\r\n      color:#111111;\r\n      font-family:\"Cairo\", sans-serif;\r\n      overflow-x:hidden;\r\n    }\r\n\r\n    .noir-services-block{\r\n      position:relative;\r\n      padding:120px 5%;\r\n      background:\r\n        radial-gradient(circle at top right, rgba(0,0,0,0.04), transparent 24%),\r\n        radial-gradient(circle at bottom left, rgba(0,0,0,0.03), transparent 20%),\r\n        linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n    }\r\n\r\n  \r\n\r\n    .noir-services-inner{\r\n      position:relative;\r\n      z-index:2;\r\n      max-width:1320px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .noir-services-header{\r\n      text-align:center;\r\n      max-width:930px;\r\n      margin:0 auto 70px;\r\n    }\r\n\r\n    .noir-services-mini{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 18px;\r\n      border:1px solid rgba(17,17,17,0.10);\r\n      border-radius:999px;\r\n      background:rgba(255,255,255,0.82);\r\n      backdrop-filter:blur(10px);\r\n      font-size:13px;\r\n      font-weight:800;\r\n      color:#111111;\r\n      margin-bottom:20px;\r\n      letter-spacing:.2px;\r\n    }\r\n\r\n    .noir-services-mini::before,\r\n    .noir-services-mini::after{\r\n      content:\"\";\r\n      width:6px;\r\n      height:6px;\r\n      border-radius:50%;\r\n      background:#111111;\r\n      opacity:.75;\r\n    }\r\n\r\n    .noir-services-title{\r\n      font-family:\"Tajawal\", sans-serif;\r\n      font-size:46px;\r\n      line-height:1.2;\r\n      font-weight:900;\r\n      color:#111111;\r\n      margin-bottom:18px;\r\n      letter-spacing:-.5px;\r\n    }\r\n\r\n    .noir-services-description{\r\n      font-size:17px;\r\n      line-height:2;\r\n      color:#5a5a5a;\r\n      max-width:860px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .noir-services-description .tone-strong{\r\n      color:#111111;\r\n      font-weight:800;\r\n    }\r\n\r\n    .noir-services-layout{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,minmax(0,1fr));\r\n      gap:26px;\r\n      align-items:stretch;\r\n    }\r\n\r\n    .noir-service-panel{\r\n      position:relative;\r\n      padding:34px 28px 30px;\r\n      min-height:350px;\r\n      border-radius:30px;\r\n      background:rgba(255,255,255,0.92);\r\n      border:1px solid rgba(17,17,17,0.09);\r\n      box-shadow:\r\n        0 20px 50px rgba(0,0,0,0.05),\r\n        inset 0 1px 0 rgba(255,255,255,0.9);\r\n      overflow:hidden;\r\n      transition:\r\n        transform .45s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n      backdrop-filter:blur(10px);\r\n      display:flex;\r\n      flex-direction:column;\r\n    }\r\n\r\n    .noir-service-panel::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      top:0;\r\n      right:0;\r\n      width:100%;\r\n      height:1px;\r\n      background:linear-gradient(90deg, transparent, rgba(0,0,0,0.2), transparent);\r\n    }\r\n\r\n    .noir-service-panel::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(0,0,0,0.035), transparent 34%),\r\n        linear-gradient(180deg, rgba(255,255,255,0.45), transparent 55%);\r\n      opacity:0;\r\n      transition:opacity .4s ease;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .noir-service-panel:hover{\r\n      transform:translateY(-10px);\r\n      border-color:rgba(17,17,17,0.16);\r\n      box-shadow:\r\n        0 30px 70px rgba(0,0,0,0.09),\r\n        inset 0 1px 0 rgba(255,255,255,0.95);\r\n    }\r\n\r\n    .noir-service-panel:hover::after{\r\n      opacity:1;\r\n    }\r\n\r\n    .noir-service-topline{\r\n      display:flex;\r\n      align-items:flex-start;\r\n      justify-content:space-between;\r\n      gap:16px;\r\n      margin-bottom:30px;\r\n      position:relative;\r\n      z-index:2;\r\n    }\r\n\r\n    .noir-service-badge{\r\n      width:68px;\r\n      height:68px;\r\n      border-radius:22px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background:#111111;\r\n      color:#ffffff;\r\n      box-shadow:0 14px 30px rgba(0,0,0,0.10);\r\n      transition:transform .35s ease, border-radius .35s ease;\r\n      flex-shrink:0;\r\n    }\r\n\r\n    .noir-service-badge i{\r\n      font-size:24px;\r\n    }\r\n\r\n    .noir-service-panel:hover .noir-service-badge{\r\n      transform:translateY(-3px);\r\n      border-radius:18px;\r\n    }\r\n\r\n    .noir-service-index{\r\n      font-size:72px;\r\n      line-height:1;\r\n      font-weight:900;\r\n      color:rgba(17,17,17,0.07);\r\n      letter-spacing:-4px;\r\n      user-select:none;\r\n    }\r\n\r\n    .noir-service-name{\r\n      position:relative;\r\n      z-index:2;\r\n      font-size:30px;\r\n      line-height:1.4;\r\n      font-weight:900;\r\n      color:#111111;\r\n      margin-bottom:10px;\r\n      letter-spacing:-.2px;\r\n    }\r\n\r\n    .noir-service-name span{\r\n      display:block;\r\n      margin-top:3px;\r\n      font-size:17px;\r\n      font-weight:700;\r\n      color:#666666;\r\n      letter-spacing:.3px;\r\n    }\r\n\r\n    .noir-service-copy{\r\n      position:relative;\r\n      z-index:2;\r\n      font-size:15px;\r\n      line-height:2;\r\n      color:#555555;\r\n      margin-bottom:28px;\r\n    }\r\n\r\n    .noir-service-copy .ink-strong{\r\n      color:#111111;\r\n      font-weight:800;\r\n    }\r\n\r\n    .noir-service-line{\r\n      margin-top:auto;\r\n      position:relative;\r\n      z-index:2;\r\n      padding-top:18px;\r\n      border-top:1px solid rgba(17,17,17,0.08);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap:14px;\r\n    }\r\n\r\n    .noir-service-note{\r\n      font-size:13px;\r\n      font-weight:700;\r\n      color:#444444;\r\n      letter-spacing:.2px;\r\n    }\r\n\r\n    .noir-service-mark{\r\n      width:34px;\r\n      height:34px;\r\n      border-radius:50%;\r\n      border:1px solid rgba(17,17,17,0.10);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background:#f7f7f7;\r\n      color:#111111;\r\n      flex-shrink:0;\r\n      transition:transform .35s ease, background .35s ease;\r\n    }\r\n\r\n    .noir-service-mark i{\r\n      font-size:12px;\r\n    }\r\n\r\n    .noir-service-panel:hover .noir-service-mark{\r\n      transform:scale(1.06);\r\n      background:#efefef;\r\n    }\r\n\r\n    .noir-reveal{\r\n      opacity:0;\r\n      transform:translateY(40px);\r\n      transition:opacity .9s ease, transform .9s ease;\r\n    }\r\n\r\n    .noir-reveal.noir-visible{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n\r\n    .noir-service-panel.noir-reveal:nth-child(1){ transition-delay:.08s; }\r\n    .noir-service-panel.noir-reveal:nth-child(2){ transition-delay:.18s; }\r\n    .noir-service-panel.noir-reveal:nth-child(3){ transition-delay:.28s; }\r\n\r\n    @media (max-width:1100px){\r\n      .noir-services-layout{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n      }\r\n\r\n      .noir-services-title{\r\n        font-size:38px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:768px){\r\n      .noir-services-block{\r\n        padding:80px 16px;\r\n      }\r\n\r\n      .noir-services-header{\r\n        margin-bottom:42px;\r\n      }\r\n\r\n      .noir-services-title{\r\n        font-size:30px;\r\n      }\r\n\r\n      .noir-services-description{\r\n        font-size:14px;\r\n        line-height:1.9;\r\n      }\r\n\r\n      .noir-services-layout{\r\n        grid-template-columns:1fr;\r\n        gap:18px;\r\n      }\r\n\r\n      .noir-service-panel{\r\n        min-height:auto;\r\n        padding:24px 18px 22px;\r\n        border-radius:24px;\r\n      }\r\n\r\n      .noir-service-badge{\r\n        width:58px;\r\n        height:58px;\r\n        border-radius:18px;\r\n      }\r\n\r\n      .noir-service-badge i{\r\n        font-size:20px;\r\n      }\r\n\r\n      .noir-service-index{\r\n        font-size:54px;\r\n      }\r\n\r\n      .noir-service-name{\r\n        font-size:24px;\r\n      }\r\n\r\n      .noir-service-name span{\r\n        font-size:15px;\r\n      }\r\n\r\n      .noir-service-copy{\r\n        font-size:14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"noir-services-block\">\r\n    <div class=\"noir-services-inner\">\r\n\r\n      <div class=\"noir-services-header noir-reveal\">\r\n \r\n        <h2 class=\"noir-services-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n\r\n        <p class=\"noir-services-description\">\r\n          \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644\r\n          <span class=\"tone-strong\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/span>\u060c\r\n          <span class=\"tone-strong\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\u060c\r\n          \u0648<span class=\"tone-strong\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/span>\r\n          \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"noir-services-layout\">\r\n\r\n        <div class=\"noir-service-panel noir-reveal\">\r\n          <div class=\"noir-service-topline\">\r\n            <div class=\"noir-service-badge\">\r\n              <i class=\"fa-solid fa-pen-ruler\"><\/i>\r\n            <\/div>\r\n            <div class=\"noir-service-index\">01<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"noir-service-name\">\r\n            \u0627\u0644\u062a\u0635\u0645\u064a\u0645\r\n            <span>Design<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"noir-service-copy\">\r\n            \u062d\u0644\u0648\u0644 <span class=\"ink-strong\">\u0625\u0628\u062f\u0627\u0639\u064a\u0629<\/span> \u0648<span class=\"ink-strong\">\u0648\u0638\u064a\u0641\u064a\u0629<\/span>\r\n            \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0645\u0646\u062d\u0647 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0648\u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.\r\n          <\/p>\r\n\r\n          <div class=\"noir-service-line\">\r\n            <span class=\"noir-service-note\">\u0631\u0624\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u0648\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"noir-service-panel noir-reveal\">\r\n          <div class=\"noir-service-topline\">\r\n            <div class=\"noir-service-badge\">\r\n              <i class=\"fa-solid fa-building\"><\/i>\r\n            <\/div>\r\n            <div class=\"noir-service-index\">02<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"noir-service-name\">\r\n            \u0627\u0644\u062a\u0646\u0641\u064a\u0630\r\n            <span>Execution<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"noir-service-copy\">\r\n            \u062a\u0646\u0641\u064a\u0630 \u062f\u0642\u064a\u0642 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 <span class=\"ink-strong\">\u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n            \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0638\u0645\u0629 \u062a\u0636\u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.\r\n          <\/p>\r\n\r\n          <div class=\"noir-service-line\">\r\n            <span class=\"noir-service-note\">\u062a\u0646\u0641\u064a\u0630 \u0645\u0646\u0636\u0628\u0637 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631<\/span>\r\n          \r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"noir-service-panel noir-reveal\">\r\n          <div class=\"noir-service-topline\">\r\n            <div class=\"noir-service-badge\">\r\n              <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n            <\/div>\r\n            <div class=\"noir-service-index\">03<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"noir-service-name\">\r\n            \u0627\u0644\u0635\u064a\u0627\u0646\u0629\r\n            <span>Maintenance<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"noir-service-copy\">\r\n            \u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 <span class=\"ink-strong\">\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/span>\r\n            \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\r\n          <\/p>\r\n\r\n          <div class=\"noir-service-line\">\r\n            <span class=\"noir-service-note\">\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\r\n           \r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    const noirRevealItems = document.querySelectorAll('.noir-reveal');\r\n\r\n    const noirObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('noir-visible');\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.15\r\n    });\r\n\r\n    noirRevealItems.forEach((item) => noirObserver.observe(item));\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a72061 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"0a72061\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062f\u064a\u0643\u0648\u0631<\/title>\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --primary-black: #000000;\r\n            --primary-white: #ffffff;\r\n            --dark-gray: #111111;\r\n            --medium-gray: #8c8c8c;\r\n            --light-gray: #f2f2f2;\r\n            --transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);\r\n            --radius-xl: 28px;\r\n            --radius-lg: 18px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Inter', 'Cairo', sans-serif;\r\n        }\r\n\r\n        html, body {\r\n            height: 100%;\r\n            scroll-snap-type: y mandatory;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--primary-black);\r\n            color: var(--primary-white);\r\n        }\r\n\r\n        .decoration-section {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            padding: 95px 5%;\r\n            background-image:\r\n                linear-gradient(rgba(0,0,0,0.82), rgba(0,0,0,0.86)),\r\n                url('https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=2000&auto=format&fit=crop');\r\n            background-attachment: fixed;\r\n            background-size: cover;\r\n            background-position: center;\r\n            scroll-snap-align: start;\r\n            scroll-snap-stop: always;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .decoration-section::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background:\r\n                radial-gradient(circle at top right, rgba(255,255,255,0.06), transparent 18%),\r\n                radial-gradient(circle at bottom left, rgba(255,255,255,0.04), transparent 22%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .container {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1320px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-intro {\r\n            text-align: center;\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .section-label {\r\n            display: none;\r\n        }\r\n\r\n        .section-intro h2 {\r\n            font-size: clamp(32px, 5vw, 52px);\r\n            font-weight: 800;\r\n            color: var(--primary-white);\r\n            margin-bottom: 14px;\r\n            letter-spacing: -1px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-intro p {\r\n            font-size: 17px;\r\n            color: rgba(255,255,255,0.68);\r\n            max-width: 820px;\r\n            margin: 0 auto;\r\n            line-height: 1.85;\r\n        }\r\n\r\n        .decoration-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            gap: 20px;\r\n        }\r\n\r\n        .deco-card {\r\n            --card-bg: url('https:\/\/images.unsplash.com\/photo-1505693416388-ac5ce068fe85?q=80&w=1600&auto=format&fit=crop');\r\n            position: relative;\r\n            border: 1px solid rgba(255,255,255,0.10);\r\n            border-radius: var(--radius-xl);\r\n            padding: 22px 20px 18px;\r\n            transition: var(--transition);\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n            min-height: 100%;\r\n            box-shadow: 0 18px 50px rgba(0,0,0,0.22);\r\n            isolation: isolate;\r\n            background: rgba(255,255,255,0.04);\r\n        }\r\n\r\n        .deco-card .card-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: var(--card-bg);\r\n            background-size: cover;\r\n            background-position: center;\r\n            transform: scale(1.04);\r\n            filter: grayscale(100%);\r\n            transition: var(--transition);\r\n            z-index: -4;\r\n        }\r\n\r\n        .deco-card .card-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background:\r\n                linear-gradient(180deg, rgba(0,0,0,0.74), rgba(0,0,0,0.82)),\r\n                linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01));\r\n            z-index: -3;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .deco-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: #ffffff;\r\n            transform: scaleX(0);\r\n            transform-origin: right;\r\n            transition: var(--transition);\r\n            opacity: 0.9;\r\n            z-index: 3;\r\n        }\r\n\r\n        .deco-card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background:\r\n                radial-gradient(circle at top left, rgba(255,255,255,0.12), transparent 35%),\r\n                radial-gradient(circle at bottom right, rgba(255,255,255,0.06), transparent 30%);\r\n            opacity: 0;\r\n            transition: var(--transition);\r\n            pointer-events: none;\r\n            z-index: -2;\r\n        }\r\n\r\n        .deco-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(255,255,255,0.20);\r\n            box-shadow: 0 24px 55px rgba(0,0,0,0.32);\r\n        }\r\n\r\n        .deco-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .deco-card:hover::after {\r\n            opacity: 1;\r\n        }\r\n\r\n        .deco-card:hover .card-bg {\r\n            transform: scale(1.08);\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        .deco-card:hover .card-overlay {\r\n            background:\r\n                linear-gradient(180deg, rgba(0,0,0,0.54), rgba(0,0,0,0.68)),\r\n                linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));\r\n        }\r\n\r\n        .card-top,\r\n        .card-title,\r\n        .description,\r\n        .sub-services,\r\n        .card-footer {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-top {\r\n            position: relative;\r\n            margin-bottom: 8px;\r\n            min-height: 40px;\r\n        }\r\n\r\n        .card-number {\r\n            position: absolute;\r\n            top: -2px;\r\n            left: 0;\r\n            font-size: 54px;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n            color: rgba(255,255,255,0.08);\r\n            letter-spacing: -3px;\r\n            user-select: none;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: var(--primary-white);\r\n            line-height: 1.4;\r\n            margin-bottom: 10px;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .description {\r\n            font-size: 14px;\r\n            color: rgba(255,255,255,0.72);\r\n            line-height: 1.8;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .sub-services {\r\n            margin-top: auto;\r\n            padding-top: 14px;\r\n            border-top: 1px solid rgba(255,255,255,0.12);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n\r\n        .sub-item {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 0;\r\n            padding: 13px 14px;\r\n            border-radius: 16px;\r\n            border: 1px solid rgba(255,255,255,0.10);\r\n            overflow: hidden;\r\n            transition: var(--transition);\r\n            background: rgba(255,255,255,0.06);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .sub-item::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\r\n            opacity: 1;\r\n            transition: var(--transition);\r\n            z-index: 0;\r\n        }\r\n\r\n        .sub-item > * {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .sub-item:hover {\r\n            transform: translateY(-3px);\r\n            border-color: rgba(255,255,255,0.20);\r\n            background: rgba(255,255,255,0.10);\r\n            box-shadow: 0 16px 28px rgba(0,0,0,0.22);\r\n        }\r\n\r\n        .sub-item:hover::before {\r\n            background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));\r\n        }\r\n\r\n        .sub-content {\r\n            flex: 1;\r\n        }\r\n\r\n        .sub-content strong {\r\n            display: block;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            margin-bottom: 4px;\r\n            line-height: 1.65;\r\n        }\r\n\r\n        .sub-content span {\r\n            display: block;\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            color: rgba(255,255,255,0.82);\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .card-footer {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-top: 16px;\r\n        }\r\n\r\n        .card-line {\r\n            flex: 1;\r\n            height: 1px;\r\n            background: rgba(255,255,255,0.20);\r\n            transform: scaleX(0.55);\r\n            transform-origin: right;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .deco-card:hover .card-line {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .card-arrow {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(255,255,255,0.16);\r\n            background: rgba(255,255,255,0.06);\r\n            color: #ffffff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 14px;\r\n            transition: var(--transition);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .deco-card:hover .card-arrow {\r\n            transform: translateX(-4px);\r\n            background: rgba(255,255,255,0.14);\r\n            border-color: rgba(255,255,255,0.24);\r\n        }\r\n\r\n        @media (max-width: 1100px) {\r\n            .decoration-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .decoration-section {\r\n                padding: 70px 16px;\r\n                background-attachment: scroll;\r\n            }\r\n\r\n            .decoration-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n\r\n            .section-intro {\r\n                margin-bottom: 34px;\r\n            }\r\n\r\n            .section-intro h2 {\r\n                font-size: 34px;\r\n            }\r\n\r\n            .section-intro p {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .deco-card {\r\n                padding: 20px 16px 16px;\r\n                border-radius: 22px;\r\n            }\r\n\r\n            .card-top {\r\n                min-height: 34px;\r\n                margin-bottom: 6px;\r\n            }\r\n\r\n            .card-number {\r\n                font-size: 44px;\r\n            }\r\n\r\n            .card-title {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .description {\r\n                font-size: 13px;\r\n                margin-bottom: 14px;\r\n            }\r\n\r\n            .sub-services {\r\n                padding-top: 12px;\r\n                gap: 8px;\r\n            }\r\n\r\n            .sub-item {\r\n                padding: 12px 13px;\r\n                border-radius: 14px;\r\n            }\r\n\r\n            .sub-content strong {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .sub-content span {\r\n                font-size: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"decoration-section\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"section-intro\">\r\n                <h2>\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062f\u064a\u0643\u0648\u0631<\/h2>\r\n                <p>\r\n                    \u0646\u0642\u062f\u0645 \u0644\u0643 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062f\u064a\u0643\u0648\u0631\u060c \u062d\u064a\u062b \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0625\u0644\u0649 \u0628\u064a\u0626\u0627\u062a \u062c\u0645\u064a\u0644\u0629 \u0648\u0639\u0645\u0644\u064a\u0629 \u062a\u0639\u0643\u0633 \u0630\u0648\u0642\u0643 \u0627\u0644\u0634\u062e\u0635\u064a \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"decoration-grid\">\r\n\r\n                <div class=\"deco-card\" style=\"--card-bg: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/RED1-15-scaled.webp');\">\r\n                    <div class=\"card-bg\"><\/div>\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-number\">01<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u0628\u0627\u0631\u0643\u064a\u0647 \u0648\u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643<\/h3>\r\n                    <p class=\"description\">\u062a\u0648\u0641\u064a\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0648\u062f\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629.<\/p>\r\n\r\n                    <div class=\"sub-services\">\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0648\u0641\u064a\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629<\/strong>\r\n                                <span>\u0646\u0639\u0631\u0636 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0628\u0627\u0631\u0643\u064a\u0647 \u0627\u0644\u062e\u0634\u0628\u064a \u0627\u0644\u0641\u0627\u062e\u0631\u060c \u0648\u0627\u0644\u0631\u062e\u0627\u0645 \u0627\u0644\u0623\u0646\u064a\u0642\u060c \u0648\u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643 \u0627\u0644\u0639\u0635\u0631\u064a.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0631\u0643\u064a\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/strong>\r\n                                <span>\u064a\u062a\u0645 \u062a\u0646\u0641\u064a\u0630 \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a \u0628\u0648\u0627\u0633\u0637\u0629 \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0648\u062f\u0642\u0629 \u0627\u0644\u0639\u0645\u0644.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"card-line\"><\/div>\r\n                        <div class=\"card-arrow\">\u2190<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"deco-card\" style=\"--card-bg: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-08-13-at-2.26.29-PM-1.webp');\">\r\n                    <div class=\"card-bg\"><\/div>\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-number\">02<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0633\u0642\u0641 \u062c\u0628\u0633\u064a\u0629 \u0648\u0645\u0639\u062f\u0646\u064a\u0629<\/h3>\r\n                    <p class=\"description\">\u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u062e\u064a\u0627\u0631\u0627\u062a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0644\u062a\u0646\u0627\u0633\u0628 \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a.<\/p>\r\n\r\n                    <div class=\"sub-services\">\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u0628\u062a\u0643\u0631\u0629<\/strong>\r\n                                <span>\u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0623\u0633\u0642\u0641 \u062c\u0628\u0633\u064a\u0629 \u062a\u0639\u0632\u0632 \u0645\u0646 \u062c\u0645\u0627\u0644 \u0627\u0644\u0645\u0643\u0627\u0646 \u0648\u062a\u0648\u0641\u0631 \u0644\u0645\u0633\u0629 \u0639\u0635\u0631\u064a\u0629.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u0623\u0633\u0642\u0641 \u0645\u0639\u062f\u0646\u064a\u0629<\/strong>\r\n                                <span>\u0646\u0642\u062f\u0645 \u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0623\u0633\u0642\u0641 \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0630\u0627\u0628\u060c \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"card-line\"><\/div>\r\n                        <div class=\"card-arrow\">\u2190<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"deco-card\" style=\"--card-bg: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-08-13-at-2.28.19-PM-1.webp');\">\r\n                    <div class=\"card-bg\"><\/div>\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-number\">03<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u0645\u0631\u0627\u064a\u0627<\/h3>\r\n                    <p class=\"description\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0630\u0643\u064a \u0644\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u0645\u0631\u0627\u064a\u0627 \u0644\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0648\u0625\u0636\u0641\u0627\u0621 \u0644\u0645\u0633\u0629 \u0645\u0646 \u0627\u0644\u0623\u0646\u0627\u0642\u0629 \u0627\u0644\u0645\u0637\u0644\u0642\u0629.<\/p>\r\n\r\n                    <div class=\"sub-services\">\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u062e\u0635\u0635\u0629<\/strong>\r\n                                <span>\u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u0645\u0631\u0627\u064a\u0627 \u0644\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0648\u0625\u0636\u0641\u0627\u0621 \u0644\u0645\u0633\u0629 \u0645\u0646 \u0627\u0644\u0623\u0646\u0627\u0642\u0629.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0631\u0643\u064a\u0628 \u0622\u0645\u0646<\/strong>\r\n                                <span>\u0646\u0636\u0645\u0646 \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u0645\u0631\u0627\u064a\u0627 \u0628\u0634\u0643\u0644 \u0622\u0645\u0646 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"card-line\"><\/div>\r\n                        <div class=\"card-arrow\">\u2190<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"deco-card\" style=\"--card-bg: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-06-30-at-11.31.27-AM-2.webp');\">\r\n                    <div class=\"card-bg\"><\/div>\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-number\">04<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0627\u0644\u062f\u064a\u0643\u0648\u0631\u0627\u062a \u0627\u0644\u062e\u0634\u0628\u064a\u0629 \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631<\/h3>\r\n                    <p class=\"description\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0641\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0648\u0623\u062b\u0627\u062b \u0645\u062e\u0635\u0635 \u064a\u064f\u0635\u0646\u0639 \u0645\u0646 \u0623\u062c\u0648\u062f \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u062e\u0634\u0627\u0628 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629.<\/p>\r\n\r\n                    <div class=\"sub-services\">\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0641\u0627\u0635\u064a\u0644 \u0641\u0631\u064a\u062f\u0629<\/strong>\r\n                                <span>\u0646\u0642\u062f\u0645 \u0623\u0639\u0645\u0627\u0644 \u062f\u064a\u0643\u0648\u0631\u0627\u062a \u062e\u0634\u0628\u064a\u0629 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0623\u062b\u0627\u062b \u0627\u0644\u0645\u062e\u0635\u0635 \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631 \u0627\u0644\u062a\u064a \u062a\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u0641\u0646\u064a\u0629 \u0644\u0644\u0645\u0643\u0627\u0646.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0627\u062f<\/strong>\r\n                                <span>\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0641\u0636\u0644 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u0634\u0628 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"card-line\"><\/div>\r\n                        <div class=\"card-arrow\">\u2190<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"deco-card\" style=\"--card-bg: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-05-13-at-2.25.05-AM-4.webp');\">\r\n                    <div class=\"card-bg\"><\/div>\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-number\">05<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u062f\u0647\u0627\u0646\u0627\u062a \u0627\u064a\u0628\u0648\u0643\u0633\u064a \u0648\u062f\u0647\u0627\u0646\u0627\u062a \u062d\u0648\u0627\u0626\u0637<\/h3>\r\n                    <p class=\"description\">\u062a\u062d\u062f\u064a\u062b \u0634\u0627\u0645\u0644 \u0644\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u062a\u0635\u0627\u0645\u064a\u0645 \u0648\u0631\u0642 \u062d\u0627\u0626\u0637 \u0639\u0635\u0631\u064a\u0629 \u062a\u0644\u0628\u064a \u0643\u0627\u0641\u0629 \u0627\u0644\u0623\u0630\u0648\u0627\u0642 \u0648\u0627\u0644\u062a\u0642\u0627\u0644\u064a\u062f \u0627\u0644\u0641\u0646\u064a\u0629.<\/p>\r\n\r\n                    <div class=\"sub-services\">\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0623\u0644\u0648\u0627\u0646<\/strong>\r\n                                <span>\u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0637\u0644\u0627\u0621 \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0628\u0623\u0644\u0648\u0627\u0646 \u0645\u062a\u0639\u062f\u062f\u0629 \u062a\u0646\u0627\u0633\u0628 \u0643\u0644 \u0627\u0644\u0623\u0630\u0648\u0627\u0642.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u0648\u0631\u0642 \u062d\u0627\u0626\u0637 \u0645\u062a\u0645\u064a\u0632<\/strong>\r\n                                <span>\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0648\u0631\u0642 \u0627\u0644\u062d\u0627\u0626\u0637 \u0628\u062a\u0635\u0627\u0645\u064a\u0645 \u0639\u0635\u0631\u064a\u0629 \u0648\u062a\u0642\u0627\u0644\u064a\u062f \u0641\u0646\u064a\u0629.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"card-line\"><\/div>\r\n                        <div class=\"card-arrow\">\u2190<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"deco-card\" style=\"--card-bg: url('http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-05-13-at-2.25.04-AM-3.webp');\">\r\n                    <div class=\"card-bg\"><\/div>\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-number\">06<\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0642\u0637\u0639 \u0623\u062b\u0627\u062b<\/h3>\r\n                    <p class=\"description\">\u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0630\u0643\u064a\u0629 \u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u064a\u062d\u0633\u0646 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a \u0644\u0644\u0645\u0643\u0627\u0646.<\/p>\r\n\r\n                    <div class=\"sub-services\">\r\n                        <div class=\"sub-item\">\r\n                            <div class=\"sub-content\">\r\n                                <strong>\u062a\u0635\u0627\u0645\u064a\u0645 \u0639\u0645\u0644\u064a\u0629<\/strong>\r\n                                <span>\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0644\u0644\u0642\u0648\u0627\u0637\u0639 \u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a \u0644\u0644\u0645\u0643\u0627\u0646.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"card-line\"><\/div>\r\n                        <div class=\"card-arrow\">\u2190<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cebf73f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"cebf73f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/title>\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --reno-black: #111111;\r\n            --reno-white: #f7f7f5;\r\n            --reno-bg: #f3f3f1;\r\n            --reno-border: #dcdcd7;\r\n            --reno-border-light: #e7e7e2;\r\n            --reno-text: #1a1a1a;\r\n            --reno-muted: #707070;\r\n            --reno-number: #e4e4df;\r\n            --reno-radius: 28px;\r\n            --reno-transition: all 0.35s ease;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Cairo', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background: #ffffff;\r\n            color: var(--reno-text);\r\n        }\r\n\r\n        .reno-services {\r\n            padding: 80px 5%;\r\n            background: #ffffff;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .reno-shell {\r\n            width: 100%;\r\n            max-width: 1320px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .reno-head {\r\n            text-align: center;\r\n            max-width: 820px;\r\n            margin: 0 auto 42px;\r\n        }\r\n\r\n        .reno-heading {\r\n            position: relative;\r\n            display: inline-block;\r\n            font-size: 38px;\r\n            font-weight: 800;\r\n            line-height: 1.3;\r\n            margin-bottom: 14px;\r\n            color: var(--reno-text);\r\n            padding: 0 28px;\r\n        }\r\n\r\n        .reno-heading::before,\r\n        .reno-heading::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 34px;\r\n            height: 1px;\r\n            background: #d8d8d8;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .reno-heading::before {\r\n            right: 100%;\r\n        }\r\n\r\n        .reno-heading::after {\r\n            left: 100%;\r\n        }\r\n\r\n        .reno-copy {\r\n            font-size: 16px;\r\n            line-height: 1.9;\r\n            color: var(--reno-muted);\r\n        }\r\n\r\n        .reno-row {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 22px;\r\n            align-items: start;\r\n        }\r\n\r\n        .reno-panel {\r\n            position: relative;\r\n            background: var(--reno-white);\r\n            border: 1px solid var(--reno-border);\r\n            border-radius: var(--reno-radius);\r\n            padding: 26px 22px 22px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: var(--reno-transition);\r\n        }\r\n\r\n        .reno-panel:first-child::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            right: 24px;\r\n            width: 42%;\r\n            height: 4px;\r\n            background: var(--reno-black);\r\n            border-bottom-left-radius: 8px;\r\n            border-bottom-right-radius: 8px;\r\n        }\r\n\r\n        .reno-panel:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.05);\r\n            border-color: #cfcfc8;\r\n        }\r\n\r\n        .reno-index {\r\n            position: absolute;\r\n            top: 16px;\r\n            left: 20px;\r\n            font-size: clamp(52px, 5vw, 72px);\r\n            line-height: 1;\r\n            font-weight: 800;\r\n            color: var(--reno-number);\r\n            pointer-events: none;\r\n            user-select: none;\r\n        }\r\n\r\n        .reno-title-wrap {\r\n            margin-top: 42px;\r\n            margin-bottom: 10px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .reno-title {\r\n            font-size: 30px;\r\n            line-height: 1.3;\r\n            font-weight: 800;\r\n            color: var(--reno-text);\r\n            margin: 0;\r\n        }\r\n\r\n        .reno-desc {\r\n            font-size: 15px;\r\n            line-height: 1.9;\r\n            color: var(--reno-muted);\r\n            margin-bottom: 18px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .reno-separator {\r\n            width: 100%;\r\n            height: 1px;\r\n            background: var(--reno-border-light);\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .reno-points {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .reno-point {\r\n            background: var(--reno-bg);\r\n            border: 1px solid var(--reno-border-light);\r\n            border-radius: 18px;\r\n            padding: 16px 14px;\r\n            transition: var(--reno-transition);\r\n        }\r\n\r\n        .reno-point:hover {\r\n            transform: translateY(-2px);\r\n            background: #eeeeeb;\r\n        }\r\n\r\n        .reno-point li {\r\n            list-style: none;\r\n            font-size: 14px;\r\n            line-height: 1.85;\r\n            color: var(--reno-muted);\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            .reno-services {\r\n                padding: 65px 4%;\r\n            }\r\n\r\n            .reno-row {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .reno-panel {\r\n                min-height: auto;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .reno-services {\r\n                padding: 52px 18px;\r\n            }\r\n\r\n            .reno-head {\r\n                margin-bottom: 32px;\r\n            }\r\n\r\n            .reno-heading {\r\n                font-size: 28px;\r\n                margin-bottom: 12px;\r\n                padding: 0 18px;\r\n            }\r\n\r\n            .reno-heading::before,\r\n            .reno-heading::after {\r\n                width: 22px;\r\n            }\r\n\r\n            .reno-copy {\r\n                font-size: 14px;\r\n                line-height: 1.8;\r\n            }\r\n\r\n            .reno-panel {\r\n                padding: 22px 18px 18px;\r\n                border-radius: 22px;\r\n            }\r\n\r\n            .reno-index {\r\n                top: 14px;\r\n                left: 16px;\r\n                font-size: 52px;\r\n            }\r\n\r\n            .reno-title-wrap {\r\n                margin-top: 38px;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            .reno-title {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .reno-desc {\r\n                font-size: 14px;\r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            .reno-separator {\r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            .reno-point {\r\n                padding: 14px 13px;\r\n                border-radius: 16px;\r\n            }\r\n\r\n            .reno-point li {\r\n                font-size: 13px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .reno-services {\r\n                padding: 46px 14px;\r\n            }\r\n\r\n            .reno-heading {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .reno-copy {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .reno-title {\r\n                font-size: 21px;\r\n            }\r\n\r\n            .reno-desc,\r\n            .reno-point li {\r\n                font-size: 13px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"reno-services\">\r\n        <div class=\"reno-shell\">\r\n\r\n            <div class=\"reno-head\">\r\n                <h2 class=\"reno-heading\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/h2>\r\n                <p class=\"reno-copy\">\r\n                    \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0629 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629\r\n                    \u0628\u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0645\u0646 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0643\u0627\u0646 \u0648\u0637\u0627\u0628\u0639\u0647 \u0627\u0644\u0623\u0635\u0644\u064a \u0648\u0644\u0645\u0633\u0629\r\n                    \u062a\u0646\u0641\u064a\u0630 \u0639\u0635\u0631\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c \u0627\u0644\u062d\u0627\u0644\u064a.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"reno-row\">\r\n\r\n                <div class=\"reno-panel\">\r\n                    <span class=\"reno-index\">01<\/span>\r\n\r\n                    <div class=\"reno-title-wrap\">\r\n                        <h3 class=\"reno-title\">\u062a\u0631\u0645\u064a\u0645 \u062f\u0627\u062e\u0644\u064a<\/h3>\r\n                    <\/div>\r\n\r\n                    <p class=\"reno-desc\">\r\n                        \u0646\u0647\u062a\u0645 \u0628\u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\r\n                        \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629.\r\n                    <\/p>\r\n\r\n                    <div class=\"reno-separator\"><\/div>\r\n\r\n                    <div class=\"reno-points\">\r\n                        <div class=\"reno-point\">\r\n                            <li>\u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0648\u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.<\/li>\r\n                        <\/div>\r\n                        <div class=\"reno-point\">\r\n                            <li>\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062a\u0644\u0641 \u0627\u0644\u0646\u0627\u062a\u062c \u0639\u0646 \u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0648 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0632\u0645\u0646.<\/li>\r\n                        <\/div>\r\n                        <div class=\"reno-point\">\r\n                            <li>\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0637\u0627\u0628\u0639 \u0627\u0644\u0639\u0627\u0645 \u0644\u0644\u0645\u0643\u0627\u0646.<\/li>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"reno-panel\">\r\n                    <span class=\"reno-index\">02<\/span>\r\n\r\n                    <div class=\"reno-title-wrap\">\r\n                        <h3 class=\"reno-title\">\u062a\u0631\u0645\u064a\u0645 \u062e\u0627\u0631\u062c\u064a<\/h3>\r\n                    <\/div>\r\n\r\n                    <p class=\"reno-desc\">\r\n                        \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u062a\u0631\u0645\u064a\u0645 \u062e\u0627\u0631\u062c\u064a\u0629 \u062a\u0639\u064a\u062f \u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0644\u062d\u0627\u0644\u062a\u0647\u0627 \u0627\u0644\u0623\u0641\u0636\u0644 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0639\u0627\u0645\r\n                        \u0648\u0631\u0641\u0639 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0644\u0644\u0645\u0628\u0646\u0649.\r\n                    <\/p>\r\n\r\n                    <div class=\"reno-separator\"><\/div>\r\n\r\n                    <div class=\"reno-points\">\r\n                        <div class=\"reno-point\">\r\n                            <li>\u0625\u0635\u0644\u0627\u062d \u0648\u062a\u062c\u062f\u064a\u062f \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0648\u0641\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a.<\/li>\r\n                        <\/div>\r\n                        <div class=\"reno-point\">\r\n                            <li>\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062a\u0622\u0643\u0644 \u0648\u0627\u0644\u062a\u0644\u0641 \u0641\u064a \u0627\u0644\u0637\u0644\u0627\u0621 \u0648\u0627\u0644\u062d\u062c\u0631 \u0648\u0627\u0644\u062e\u0627\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.<\/li>\r\n                        <\/div>\r\n                        <div class=\"reno-point\">\r\n                            <li>\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u062a\u0639\u0632\u064a\u0632 \u062d\u0636\u0648\u0631\u0647 \u0627\u0644\u0628\u0635\u0631\u064a.<\/li>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e156a32 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"e156a32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"structural-banner\">\r\n  <div class=\"structural-banner__inner\">\r\n    <h2 class=\"structural-banner__title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a<\/h2>\r\n    <p class=\"structural-banner__text\">\r\n      \u062a\u0646\u0641\u064a\u0630 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a \u0645\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0623\u0633\u0642\u0641\u060c \u0648\u0641\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 \u0647\u0646\u062f\u0633\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u062a\u0636\u0645\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .structural-banner {\r\n    position: relative;\r\n    width: 92%;\r\n    max-width: 1280px;\r\n    min-height: 70vh;\r\n    margin: 40px auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 80px 20px;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    background:\r\n      linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),\r\n      url(\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0627\u0646\u0634\u0627\u0626\u0627\u062a-\u0648\u0627\u0644\u0639\u0638\u0645.webp\") center center \/ cover no-repeat;\r\n  }\r\n\r\n  .structural-banner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.2) 100%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .structural-banner__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    text-align: center;\r\n    animation: bannerFadeUp 1s ease forwards;\r\n  }\r\n\r\n  .structural-banner__title {\r\n    margin: 0 0 20px;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    color: #ffffff;\r\n    animation: bannerSlide 1s ease forwards;\r\n  }\r\n\r\n  .structural-banner__text {\r\n    margin: 0 auto;\r\n    max-width: 860px;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    line-height: 1.9;\r\n    color: #ffffff;\r\n    animation: bannerFade 1.4s ease forwards;\r\n  }\r\n\r\n  @keyframes bannerFadeUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(35px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes bannerSlide {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(-20px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes bannerFade {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .structural-banner {\r\n      width: 94%;\r\n      min-height: 55vh;\r\n      padding: 70px 24px;\r\n      margin: 30px auto;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .structural-banner__title {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .structural-banner__text {\r\n      font-size: 20px;\r\n      line-height: 1.8;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .structural-banner {\r\n      width: 95%;\r\n      min-height: 50vh;\r\n      padding: 60px 18px;\r\n      margin: 24px auto;\r\n      border-radius: 18px;\r\n      background-position: center;\r\n    }\r\n\r\n    .structural-banner__title {\r\n      font-size: 28px;\r\n      line-height: 1.35;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .structural-banner__text {\r\n      font-size: 17px;\r\n      line-height: 1.9;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .structural-banner {\r\n      width: 94%;\r\n      padding: 50px 14px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .structural-banner__title {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .structural-banner__text {\r\n      font-size: 15px;\r\n      line-height: 1.85;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0642\u0637\u0627\u0639\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0642\u0637\u0627\u0639\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0646\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0643\u0644 \u0645\u062c\u0627\u0644 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":187,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":2287,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/152\/revisions\/2287"}],"wp:attachment":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}