{"id":527,"date":"2026-08-06T19:24:43","date_gmt":"2026-08-06T15:54:43","guid":{"rendered":"https:\/\/madota-sanat.com\/?page_id=527"},"modified":"2026-08-30T16:13:05","modified_gmt":"2026-08-30T12:43:05","slug":"%d8%ae%d8%a7%d9%86%d9%87-%d8%a7%d9%be%d9%84%db%8c%da%a9%db%8c%d8%b4%d9%86-%d9%85%d8%a7%d8%af%d9%88%d8%aa%d8%a7","status":"publish","type":"page","link":"https:\/\/madota-sanat.com\/","title":{"rendered":"\u062e\u0627\u0646\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0627\u062f\u0648\u062a\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"527\" class=\"elementor elementor-527\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f6b9a7 e-con e-atomic-element e-flexbox-base converted-class-1 \" data-id=\"0f6b9a7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f6b9a7\">\n    \t\t<div class=\"elementor-element elementor-element-744a198 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"744a198\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  MADOTA INTERACTIVE HOME\r\n  \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u06a9\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0648\u06cc\u062c\u062a HTML \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0642\u0631\u0627\u0631 \u0628\u062f\u0647.\r\n  \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u06af\u0647: Elementor Canvas\r\n-->\r\n\r\n<section class=\"mdt-home\" dir=\"rtl\" data-mdt-slider tabindex=\"0\" aria-label=\"\u0645\u0639\u0631\u0641\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627\">\r\n\r\n  <!-- \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0645\u062a\u062d\u0631\u06a9 -->\r\n  <div class=\"mdt-background\" aria-hidden=\"true\">\r\n    <div class=\"mdt-bg-layer mdt-bg-layer-a is-active\"><\/div>\r\n    <div class=\"mdt-bg-layer mdt-bg-layer-b\"><\/div>\r\n    <div class=\"mdt-bg-overlay\"><\/div>\r\n    <div class=\"mdt-orb mdt-orb-one\"><\/div>\r\n    <div class=\"mdt-orb mdt-orb-two\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0647\u062f\u0631 \u06af\u0644\u0633 -->\r\n  <header class=\"mdt-header mdt-glass\">\r\n    <a class=\"mdt-brand\" href=\"https:\/\/madotasanat.com\/\" aria-label=\"\u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u0627\u062f\u0648\u062a\u0627\">\r\n      <span class=\"mdt-logo\">M<\/span>\r\n      <span class=\"mdt-brand-text\">\r\n        <strong>\u0645\u0627\u062f\u0648\u062a\u0627<\/strong>\r\n        <small>\u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627 \u0627\u062c\u0631\u0627<\/small>\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <div class=\"mdt-meta\" aria-label=\"\u0645\u0634\u062e\u0635\u0627\u062a \u0628\u062e\u0634 \u0641\u0639\u0627\u0644\">\r\n      <div class=\"mdt-meta-item\">\r\n        <span>\u0646\u0648\u0639 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <strong data-mdt-meta-service>\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u062e\u0635\u0635\u06cc<\/strong>\r\n      <\/div>\r\n      <i><\/i>\r\n      <div class=\"mdt-meta-item\">\r\n        <span>\u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a<\/span>\r\n        <strong data-mdt-meta-category>\u0635\u0646\u0627\u06cc\u0639 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc<\/strong>\r\n      <\/div>\r\n      <i><\/i>\r\n      <div class=\"mdt-meta-item\">\r\n        <span>\u0645\u0633\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647<\/span>\r\n        <strong data-mdt-meta-process>\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0627 \u0627\u062c\u0631\u0627<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a class=\"mdt-header-cta\" href=\"https:\/\/madotasanat.com\">\r\n      <span>\u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/span>\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg>\r\n    <\/a>\r\n  <\/header>\r\n\r\n  <main class=\"mdt-stage\">\r\n\r\n    <!-- \u0645\u0646\u0648\u06cc \u0628\u062e\u0634\u200c\u0647\u0627 -->\r\n    <nav class=\"mdt-navigation mdt-glass\" aria-label=\"\u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\">\r\n      <button type=\"button\" class=\"mdt-nav-btn is-active\" data-mdt-index=\"0\" aria-current=\"true\">\r\n        <span>01<\/span><small>\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/small>\r\n      <\/button>\r\n      <button type=\"button\" class=\"mdt-nav-btn\" data-mdt-index=\"1\">\r\n        <span>02<\/span><small>\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/small>\r\n      <\/button>\r\n      <button type=\"button\" class=\"mdt-nav-btn\" data-mdt-index=\"2\">\r\n        <span>03<\/span><small>\u0642\u06cc\u0645\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645<\/small>\r\n      <\/button>\r\n      <button type=\"button\" class=\"mdt-nav-btn\" data-mdt-index=\"3\">\r\n        <span>04<\/span><small>\u0645\u0631\u0627\u062d\u0644 \u062e\u0631\u06cc\u062f<\/small>\r\n      <\/button>\r\n      <button type=\"button\" class=\"mdt-nav-btn\" data-mdt-index=\"4\">\r\n        <span>05<\/span><small>\u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/small>\r\n      <\/button>\r\n      <button type=\"button\" class=\"mdt-nav-btn\" data-mdt-index=\"5\">\r\n        <span>06<\/span><small>\u0645\u0634\u0627\u0648\u0631\u0647<\/small>\r\n      <\/button>\r\n    <\/nav>\r\n\r\n    <!-- \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc -->\r\n    <section class=\"mdt-content\" aria-live=\"polite\">\r\n      <div class=\"mdt-eyebrow mdt-motion\">\r\n        <span data-mdt-number>01<\/span>\r\n        <strong data-mdt-label>\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/strong>\r\n      <\/div>\r\n\r\n      <h1 class=\"mdt-title mdt-motion\" data-mdt-title>\r\n        \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628<br>\u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\r\n      <\/h1>\r\n\r\n      <p class=\"mdt-description mdt-motion\" data-mdt-description>\r\n        \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\u060c \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u062e\u062f\u0645\u0627\u062a \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f.\r\n      <\/p>\r\n\r\n      <div class=\"mdt-actions mdt-motion\">\r\n        <a class=\"mdt-primary-btn\" data-mdt-primary href=\"https:\/\/madotasanat.com\">\r\n          <span data-mdt-primary-text>\u0645\u0634\u0627\u0647\u062f\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg>\r\n        <\/a>\r\n\r\n        <button type=\"button\" class=\"mdt-secondary-btn mdt-glass\" data-mdt-next-content>\r\n          <span>\u0628\u062e\u0634 \u0628\u0639\u062f\u06cc<\/span>\r\n          <b><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg><\/b>\r\n        <\/button>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u06a9\u0627\u0631\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a -->\r\n    <aside class=\"mdt-info-card mdt-glass mdt-motion\">\r\n      <div class=\"mdt-card-head\">\r\n        <div>\r\n          <span data-mdt-card-eyebrow>\u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u06a9\u0627\u0645\u0644<\/span>\r\n          <small data-mdt-card-count>01 \/ 06<\/small>\r\n        <\/div>\r\n        <a data-mdt-card-link href=\"https:\/\/madotasanat.com\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <h2 data-mdt-card-title>\u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u062e\u0631\u06cc\u062f \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/h2>\r\n      <p data-mdt-card-description>\r\n        \u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u0627\u0633\u0628 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0631\u0627\u062d\u0644 \u062a\u0623\u0645\u06cc\u0646 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0645\u0627\u06cc\u06cc\u062f.\r\n      <\/p>\r\n\r\n      <div class=\"mdt-features\" data-mdt-features>\r\n        <span>\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc<\/span>\r\n        <span>\u062a\u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/span>\r\n        <span>\u062e\u0631\u06cc\u062f \u0622\u0646\u0644\u0627\u06cc\u0646<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mdt-stat\">\r\n        <span data-mdt-stat-label>\u062a\u062c\u0631\u0628\u0647 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u067e\u0631\u0648\u0698\u0647<\/span>\r\n        <strong data-mdt-stat-value>360\u00b0<\/strong>\r\n      <\/div>\r\n    <\/aside>\r\n\r\n    <!-- \u0634\u0645\u0627\u0631\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f -->\r\n    <div class=\"mdt-counter mdt-glass\" aria-hidden=\"true\">\r\n      <strong data-mdt-current>01<\/strong>\r\n      <i><\/i>\r\n      <small>06<\/small>\r\n    <\/div>\r\n\r\n    <!-- \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627: \u0686\u067e = \u0628\u0639\u062f\u06cc\u060c \u0631\u0627\u0633\u062a = \u0642\u0628\u0644\u06cc -->\r\n    <div class=\"mdt-controls\" aria-label=\"\u06a9\u0646\u062a\u0631\u0644 \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u0628\u062e\u0634\u200c\u0647\u0627\">\r\n      <button type=\"button\" class=\"mdt-control-btn mdt-glass\" data-mdt-next aria-label=\"\u0628\u062e\u0634 \u0628\u0639\u062f\u06cc\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"mdt-progress\" aria-hidden=\"true\">\r\n        <span data-mdt-progress><\/span>\r\n      <\/div>\r\n\r\n      <button type=\"button\" class=\"mdt-control-btn mdt-glass\" data-mdt-prev aria-label=\"\u0628\u062e\u0634 \u0642\u0628\u0644\u06cc\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 6 6 6-6 6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/main>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0646\u062a\u0648\u0631\r\n========================================================= *\/\r\nhtml, body { margin: 0; padding: 0; }\r\n\r\nbody:not(.elementor-editor-active):has(.mdt-home) {\r\n  overflow: hidden;\r\n}\r\n\r\n.elementor-element:has(.mdt-home),\r\n.elementor-widget-html:has(.mdt-home),\r\n.elementor-widget-html:has(.mdt-home) > .elementor-widget-container {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  gap: 0 !important;\r\n  overflow: visible !important;\r\n}\r\n\r\n.mdt-home,\r\n.mdt-home * { box-sizing: border-box; }\r\n\r\n.mdt-home {\r\n  --mdt-red: #c8202f;\r\n  --mdt-purple: #3a208b;\r\n  --mdt-ink: #071321;\r\n  --mdt-white: #fff;\r\n  --mdt-header-height: 84px;\r\n  --mdt-ease: cubic-bezier(.22, 1, .36, 1);\r\n  --mdt-card-width: clamp(300px, 25vw, 385px);\r\n  --mdt-card-height: 270px;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100vw;\r\n  max-width: none !important;\r\n  height: 100svh;\r\n  min-height: 560px;\r\n  margin-inline: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  color: var(--mdt-white);\r\n  background: #112438;\r\n  font-family: \"Vazirmatn\", \"IRANSansX\", \"Yekan Bakh\", Tahoma, sans-serif;\r\n  outline: none;\r\n}\r\n\r\n.mdt-home button,\r\n.mdt-home a {\r\n  font: inherit;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.mdt-home button { border: 0; }\r\n.mdt-home a { color: inherit; text-decoration: none; }\r\n\r\n.mdt-home svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.9;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================================\r\n   \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\r\n========================================================= *\/\r\n.mdt-background,\r\n.mdt-bg-layer,\r\n.mdt-bg-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.mdt-background {\r\n  z-index: -3;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  background: #112438;\r\n}\r\n\r\n.mdt-bg-layer {\r\n  opacity: 0;\r\n  transform: scale(1.055);\r\n  background-position: center;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  will-change: opacity, transform;\r\n  transition:\r\n    opacity .95s var(--mdt-ease),\r\n    transform 1.6s var(--mdt-ease);\r\n}\r\n\r\n.mdt-bg-layer.is-active {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n}\r\n\r\n.mdt-bg-overlay {\r\n  z-index: 2;\r\n  background:\r\n    linear-gradient(90deg,\r\n      rgba(5, 13, 23, .88) 0%,\r\n      rgba(5, 14, 25, .70) 38%,\r\n      rgba(6, 17, 30, .24) 70%,\r\n      rgba(5, 13, 23, .46) 100%),\r\n    linear-gradient(0deg,\r\n      rgba(4, 11, 20, .78) 0%,\r\n      transparent 47%);\r\n}\r\n\r\n.mdt-orb {\r\n  position: absolute;\r\n  z-index: 3;\r\n  border-radius: 50%;\r\n  filter: blur(100px);\r\n  pointer-events: none;\r\n}\r\n\r\n.mdt-orb-one {\r\n  width: 520px;\r\n  height: 520px;\r\n  top: -340px;\r\n  right: 12%;\r\n  background: rgba(157, 192, 255, .34);\r\n}\r\n\r\n.mdt-orb-two {\r\n  width: 460px;\r\n  height: 460px;\r\n  left: 12%;\r\n  bottom: -330px;\r\n  background: rgba(91, 45, 190, .24);\r\n}\r\n\r\n\/* =========================================================\r\n   \u06af\u0644\u0633 \u0645\u0648\u0631\u0641\u06cc\u0633\u0645\r\n========================================================= *\/\r\n.mdt-glass {\r\n  border: 1px solid rgba(255, 255, 255, .14);\r\n  background:\r\n    linear-gradient(135deg,\r\n      rgba(255, 255, 255, .16),\r\n      rgba(255, 255, 255, .07));\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, .13),\r\n    0 18px 55px rgba(2, 8, 16, .16);\r\n  backdrop-filter: blur(22px) saturate(140%);\r\n  -webkit-backdrop-filter: blur(22px) saturate(140%);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0647\u062f\u0631\r\n========================================================= *\/\r\n.mdt-header {\r\n  position: relative;\r\n  z-index: 30;\r\n  height: var(--mdt-header-height);\r\n  display: grid;\r\n  grid-template-columns: 220px minmax(320px, 640px) 190px;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  padding: 12px clamp(18px, 3vw, 48px);\r\n  border-width: 0 0 1px;\r\n  border-radius: 0;\r\n}\r\n\r\n.mdt-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.mdt-logo {\r\n  width: 54px;\r\n  height: 54px;\r\n  flex: 0 0 54px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 18px;\r\n  color: #fff;\r\n  background: linear-gradient(145deg, #e52f3d, #8d0f1a);\r\n  box-shadow:\r\n    0 15px 35px rgba(200, 32, 47, .30),\r\n    inset 0 1px 0 rgba(255, 255, 255, .33);\r\n  font-size: 20px;\r\n  font-weight: 900;\r\n}\r\n\r\n.mdt-brand-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n\r\n.mdt-brand-text strong { font-size: 17px; font-weight: 900; }\r\n.mdt-brand-text small { color: rgba(255,255,255,.56); font-size: 10px; }\r\n\r\n.mdt-meta {\r\n  min-height: 58px;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr auto 1fr;\r\n  align-items: center;\r\n  padding: 4px 14px;\r\n  border-radius: 21px;\r\n  background: rgba(255,255,255,.07);\r\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07);\r\n}\r\n\r\n.mdt-meta-item { min-width: 0; text-align: center; }\r\n.mdt-meta-item span,\r\n.mdt-meta-item strong {\r\n  display: block;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n.mdt-meta-item span { margin-bottom: 4px; color: rgba(255,255,255,.45); font-size: 9px; }\r\n.mdt-meta-item strong { font-size: 11px; font-weight: 800; }\r\n.mdt-meta > i { width: 1px; height: 28px; background: rgba(255,255,255,.10); }\r\n\r\n.mdt-header-cta {\r\n  min-height: 53px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  border-radius: 17px;\r\n  color: #111722 !important;\r\n  background: rgba(255,255,255,.95);\r\n  box-shadow: 0 16px 35px rgba(0,0,0,.14);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  transition: transform .4s var(--mdt-ease), background .4s var(--mdt-ease), color .4s ease;\r\n}\r\n\r\n.mdt-header-cta:hover {\r\n  transform: translateY(-3px);\r\n  color: #fff !important;\r\n  background: var(--mdt-red);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0633\u062a\u06cc\u062c\r\n========================================================= *\/\r\n.mdt-stage {\r\n  position: relative;\r\n  z-index: 2;\r\n  height: calc(100svh - var(--mdt-header-height));\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0646\u0627\u0648\u0628\u0631\u06cc \u0639\u0645\u0648\u062f\u06cc\r\n========================================================= *\/\r\n.mdt-navigation {\r\n  position: absolute;\r\n  z-index: 40;\r\n  top: 50%;\r\n  right: clamp(16px, 2.5vw, 42px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n  padding: 8px;\r\n  border-radius: 24px;\r\n  transform: translateY(-50%);\r\n  pointer-events: auto;\r\n}\r\n\r\n.mdt-nav-btn {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 47px;\r\n  height: 47px;\r\n  flex: 0 0 47px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 16px;\r\n  color: rgba(18, 27, 39, .78);\r\n  background: rgba(255,255,255,.68);\r\n  cursor: pointer;\r\n  pointer-events: auto;\r\n  touch-action: manipulation;\r\n  transition:\r\n    color .35s var(--mdt-ease),\r\n    background .35s var(--mdt-ease),\r\n    transform .35s var(--mdt-ease),\r\n    box-shadow .35s var(--mdt-ease);\r\n}\r\n\r\n.mdt-nav-btn span { font-size: 10px; font-weight: 900; }\r\n\r\n.mdt-nav-btn small {\r\n  position: absolute;\r\n  right: 61px;\r\n  top: 50%;\r\n  width: max-content;\r\n  padding: 9px 13px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  border-radius: 11px;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  color: #fff;\r\n  background: rgba(7,14,25,.80);\r\n  backdrop-filter: blur(18px);\r\n  font-size: 10px;\r\n  transform: translate(8px,-50%);\r\n  pointer-events: none;\r\n  transition: opacity .28s ease, transform .28s ease, visibility .28s ease;\r\n}\r\n\r\n.mdt-nav-btn:hover { transform: translateX(-4px); background: rgba(255,255,255,.92); }\r\n.mdt-nav-btn:hover small { opacity: 1; visibility: visible; transform: translate(0,-50%); }\r\n\r\n.mdt-nav-btn.is-active {\r\n  color: #fff;\r\n  background: linear-gradient(145deg, #5435ad, #29166f);\r\n  box-shadow:\r\n    0 13px 28px rgba(38,18,105,.35),\r\n    inset 0 1px 0 rgba(255,255,255,.20);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc\r\n========================================================= *\/\r\n.mdt-content {\r\n  position: absolute;\r\n  z-index: 10;\r\n  top: clamp(46px, 8.5vh, 104px);\r\n  right: clamp(90px, 10vw, 165px);\r\n  width: min(660px, 52vw);\r\n  pointer-events: auto;\r\n}\r\n\r\n.mdt-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: clamp(13px, 2vh, 22px);\r\n}\r\n\r\n.mdt-eyebrow span {\r\n  min-width: 40px;\r\n  height: 29px;\r\n  display: grid;\r\n  place-items: center;\r\n  border: 1px solid rgba(255,255,255,.21);\r\n  border-radius: 20px;\r\n  background: rgba(255,255,255,.09);\r\n  backdrop-filter: blur(12px);\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n}\r\n\r\n.mdt-eyebrow strong { color: rgba(255,255,255,.72); font-size: 11px; }\r\n\r\n.mdt-title {\r\n  max-width: 690px;\r\n  margin: 0;\r\n  font-size: clamp(44px, 5.35vw, 88px);\r\n  line-height: 1.12;\r\n  letter-spacing: -3px;\r\n  font-weight: 900;\r\n  text-wrap: balance;\r\n  text-shadow: 0 20px 55px rgba(0,0,0,.22);\r\n}\r\n\r\n.mdt-description {\r\n  max-width: 590px;\r\n  margin: clamp(15px, 2.6vh, 26px) 0 0;\r\n  color: rgba(255,255,255,.70);\r\n  font-size: clamp(12px, 1vw, 15px);\r\n  line-height: 2;\r\n}\r\n\r\n.mdt-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-top: clamp(17px, 3vh, 29px);\r\n}\r\n\r\n.mdt-primary-btn,\r\n.mdt-secondary-btn {\r\n  min-height: 54px;\r\n  border-radius: 17px;\r\n  cursor: pointer;\r\n  pointer-events: auto;\r\n  touch-action: manipulation;\r\n  transition: transform .4s var(--mdt-ease), background .4s var(--mdt-ease), box-shadow .4s var(--mdt-ease);\r\n}\r\n\r\n.mdt-primary-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n  padding: 0 22px;\r\n  color: #151b25 !important;\r\n  background: rgba(255,255,255,.96);\r\n  box-shadow: 0 16px 35px rgba(0,0,0,.17);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n}\r\n\r\n.mdt-primary-btn:hover {\r\n  transform: translateY(-3px);\r\n  color: #fff !important;\r\n  background: var(--mdt-red);\r\n  box-shadow: 0 18px 40px rgba(200,32,47,.27);\r\n}\r\n\r\n.mdt-secondary-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 5px 6px 5px 17px;\r\n  color: #fff;\r\n}\r\n\r\n.mdt-secondary-btn b {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 13px;\r\n  color: #17202c;\r\n  background: rgba(255,255,255,.94);\r\n}\r\n\r\n.mdt-secondary-btn:hover { transform: translateY(-3px); background: rgba(255,255,255,.18); }\r\n\r\n\/* =========================================================\r\n   \u06a9\u0627\u0631\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a\r\n========================================================= *\/\r\n.mdt-info-card {\r\n  position: absolute;\r\n  z-index: 20;\r\n  left: clamp(20px, 4vw, 70px);\r\n  bottom: clamp(22px, 5vh, 55px);\r\n  width: var(--mdt-card-width);\r\n  height: var(--mdt-card-height);\r\n  padding: clamp(20px, 2vw, 28px);\r\n  overflow: hidden;\r\n  border-radius: 34px;\r\n  color: #fff;\r\n  pointer-events: auto;\r\n}\r\n\r\n.mdt-info-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 260px;\r\n  height: 260px;\r\n  left: -120px;\r\n  bottom: -170px;\r\n  border-radius: 50%;\r\n  background: rgba(113,83,220,.23);\r\n  filter: blur(15px);\r\n  pointer-events: none;\r\n}\r\n\r\n.mdt-card-head {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n}\r\n\r\n.mdt-card-head > div { display: flex; flex-direction: column; gap: 3px; }\r\n.mdt-card-head span { color: rgba(255,255,255,.62); font-size: 10px; }\r\n.mdt-card-head small { color: rgba(255,255,255,.36); font-size: 9px; }\r\n\r\n.mdt-card-head a {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 43px;\r\n  height: 43px;\r\n  flex: 0 0 43px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 14px;\r\n  color: #111a25;\r\n  background: rgba(255,255,255,.93);\r\n  pointer-events: auto;\r\n  touch-action: manipulation;\r\n  transition: color .35s ease, background .35s ease, transform .35s var(--mdt-ease);\r\n}\r\n\r\n.mdt-card-head a:hover { color: #fff; background: var(--mdt-red); transform: translateX(-3px); }\r\n\r\n.mdt-info-card h2 {\r\n  position: relative;\r\n  margin: 16px 0 9px;\r\n  font-size: clamp(19px, 1.7vw, 27px);\r\n  line-height: 1.5;\r\n  font-weight: 900;\r\n}\r\n\r\n.mdt-info-card > p {\r\n  position: relative;\r\n  margin: 0;\r\n  color: rgba(255,255,255,.63);\r\n  font-size: 10.5px;\r\n  line-height: 1.85;\r\n}\r\n\r\n.mdt-features {\r\n  position: relative;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n  margin-top: 15px;\r\n}\r\n\r\n.mdt-features span {\r\n  padding: 7px 10px;\r\n  border: 1px solid rgba(255,255,255,.11);\r\n  border-radius: 20px;\r\n  color: rgba(255,255,255,.77);\r\n  background: rgba(255,255,255,.075);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n}\r\n\r\n.mdt-stat {\r\n  position: absolute;\r\n  left: 24px;\r\n  bottom: 21px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n}\r\n\r\n.mdt-stat span {\r\n  max-width: 100px;\r\n  color: rgba(255,255,255,.50);\r\n  font-size: 8px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.mdt-stat strong { font-size: 28px; line-height: 1; font-weight: 900; }\r\n\r\n\/* =========================================================\r\n   \u0634\u0645\u0627\u0631\u0646\u062f\u0647 \u0648 \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627\r\n========================================================= *\/\r\n.mdt-counter {\r\n  position: absolute;\r\n  z-index: 18;\r\n  left: calc(clamp(20px, 4vw, 70px) + var(--mdt-card-width) + 20px);\r\n  bottom: clamp(22px, 5vh, 55px);\r\n  min-width: 85px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 0 13px;\r\n  border-radius: 15px;\r\n}\r\n\r\n.mdt-counter strong { font-size: 13px; }\r\n.mdt-counter small { color: rgba(255,255,255,.46); font-size: 10px; }\r\n.mdt-counter i { width: 18px; height: 1px; background: rgba(255,255,255,.33); }\r\n\r\n.mdt-controls {\r\n  position: absolute;\r\n  z-index: 40;\r\n  left: 50%;\r\n  bottom: clamp(23px, 5vh, 56px);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  direction: ltr;\r\n  transform: translateX(-50%);\r\n  pointer-events: auto;\r\n}\r\n\r\n.mdt-control-btn {\r\n  position: relative;\r\n  z-index: 5;\r\n  width: 48px;\r\n  height: 48px;\r\n  flex: 0 0 48px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 16px;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  pointer-events: auto;\r\n  touch-action: manipulation;\r\n  transition: transform .35s var(--mdt-ease), color .35s ease, background .35s ease;\r\n}\r\n\r\n.mdt-control-btn:hover {\r\n  transform: translateY(-4px);\r\n  color: #141b25;\r\n  background: rgba(255,255,255,.92);\r\n}\r\n\r\n.mdt-progress {\r\n  position: relative;\r\n  width: clamp(80px, 8vw, 125px);\r\n  height: 4px;\r\n  overflow: hidden;\r\n  border-radius: 20px;\r\n  background: rgba(255,255,255,.22);\r\n}\r\n\r\n.mdt-progress span {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 16.666%;\r\n  height: 100%;\r\n  border-radius: inherit;\r\n  background: rgba(255,255,255,.96);\r\n  box-shadow: 0 0 15px rgba(255,255,255,.45);\r\n  transition: width .78s var(--mdt-ease);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u062d\u062a\u0648\u0627\r\n========================================================= *\/\r\n.mdt-motion {\r\n  will-change: opacity, transform, filter;\r\n}\r\n\r\n.mdt-home.is-leaving-next .mdt-motion {\r\n  animation: mdtLeaveNext .24s cubic-bezier(.55,0,.45,1) both;\r\n}\r\n\r\n.mdt-home.is-leaving-prev .mdt-motion {\r\n  animation: mdtLeavePrev .24s cubic-bezier(.55,0,.45,1) both;\r\n}\r\n\r\n.mdt-home.is-entering-next .mdt-motion {\r\n  animation: mdtEnterNext .58s var(--mdt-ease) both;\r\n}\r\n\r\n.mdt-home.is-entering-prev .mdt-motion {\r\n  animation: mdtEnterPrev .58s var(--mdt-ease) both;\r\n}\r\n\r\n.mdt-home .mdt-motion:nth-of-type(2) { animation-delay: .035s; }\r\n.mdt-home .mdt-motion:nth-of-type(3) { animation-delay: .07s; }\r\n\r\n@keyframes mdtLeaveNext {\r\n  from { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\r\n  to   { opacity: 0; transform: translate3d(-36px,0,0) scale(.985); filter: blur(6px); }\r\n}\r\n\r\n@keyframes mdtLeavePrev {\r\n  from { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\r\n  to   { opacity: 0; transform: translate3d(36px,0,0) scale(.985); filter: blur(6px); }\r\n}\r\n\r\n@keyframes mdtEnterNext {\r\n  from { opacity: 0; transform: translate3d(46px,0,0) scale(.985); filter: blur(7px); }\r\n  to   { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\r\n}\r\n\r\n@keyframes mdtEnterPrev {\r\n  from { opacity: 0; transform: translate3d(-46px,0,0) scale(.985); filter: blur(7px); }\r\n  to   { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\r\n}\r\n\r\n\/* =========================================================\r\n   \u0644\u067e\u200c\u062a\u0627\u067e \u06a9\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639\r\n========================================================= *\/\r\n@media (max-height: 760px) and (min-width: 768px) {\r\n  .mdt-home {\r\n    --mdt-header-height: 72px;\r\n    --mdt-card-height: 226px;\r\n  }\r\n\r\n  .mdt-header { padding-block: 8px; }\r\n  .mdt-logo { width: 47px; height: 47px; flex-basis: 47px; border-radius: 15px; }\r\n  .mdt-meta { min-height: 50px; }\r\n  .mdt-content { top: 34px; }\r\n  .mdt-title { font-size: clamp(41px, 4.75vw, 68px); }\r\n  .mdt-description { margin-top: 13px; line-height: 1.75; }\r\n  .mdt-actions { margin-top: 15px; }\r\n  .mdt-info-card { padding: 19px; }\r\n  .mdt-info-card h2 { margin-top: 10px; font-size: 20px; }\r\n  .mdt-info-card > p { line-height: 1.55; }\r\n  .mdt-features { margin-top: 9px; }\r\n  .mdt-stat { bottom: 14px; }\r\n}\r\n\r\n\/* =========================================================\r\n   \u062a\u0628\u0644\u062a\r\n========================================================= *\/\r\n@media (max-width: 1050px) {\r\n  .mdt-header { grid-template-columns: 185px 1fr 165px; gap: 12px; }\r\n  .mdt-content { width: 58vw; }\r\n  .mdt-counter { display: none; }\r\n  .mdt-controls { left: 54%; }\r\n}\r\n\r\n\/* =========================================================\r\n   \u0645\u0648\u0628\u0627\u06cc\u0644\r\n========================================================= *\/\r\n@media (max-width: 767px) {\r\n  body:not(.elementor-editor-active):has(.mdt-home) { overflow: hidden; }\r\n\r\n  .mdt-home {\r\n    --mdt-header-height: 64px;\r\n    --mdt-card-height: 190px;\r\n    width: 100vw;\r\n    height: 100svh;\r\n    min-height: 540px;\r\n  }\r\n\r\n  .mdt-header {\r\n    grid-template-columns: 1fr auto;\r\n    gap: 8px;\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .mdt-logo { width: 44px; height: 44px; flex-basis: 44px; border-radius: 14px; font-size: 17px; }\r\n  .mdt-brand-text strong { font-size: 14px; }\r\n  .mdt-brand-text small { font-size: 8px; }\r\n  .mdt-meta { display: none; }\r\n\r\n  .mdt-header-cta {\r\n    min-height: 44px;\r\n    padding: 0 13px;\r\n    border-radius: 14px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .mdt-header-cta svg { width: 16px; height: 16px; }\r\n\r\n  .mdt-bg-overlay {\r\n    background:\r\n      linear-gradient(180deg,\r\n        rgba(5,13,23,.42) 0%,\r\n        rgba(5,13,23,.69) 48%,\r\n        rgba(5,13,23,.96) 100%);\r\n  }\r\n\r\n  .mdt-navigation {\r\n    top: 11px;\r\n    right: 11px;\r\n    left: 11px;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    gap: 5px;\r\n    padding: 6px;\r\n    border-radius: 19px;\r\n    transform: none;\r\n  }\r\n\r\n  .mdt-nav-btn { width: 42px; height: 42px; flex-basis: 42px; border-radius: 13px; }\r\n  .mdt-nav-btn:hover { transform: translateY(-3px); }\r\n  .mdt-nav-btn small { display: none; }\r\n\r\n  .mdt-content {\r\n    top: 75px;\r\n    right: 18px;\r\n    left: 18px;\r\n    width: auto;\r\n  }\r\n\r\n  .mdt-eyebrow { margin-bottom: 10px; }\r\n  .mdt-eyebrow span { min-width: 35px; height: 25px; font-size: 8px; }\r\n  .mdt-eyebrow strong { font-size: 9px; }\r\n\r\n  .mdt-title {\r\n    max-width: 100%;\r\n    font-size: clamp(33px, 10.4vw, 48px);\r\n    line-height: 1.13;\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  .mdt-description {\r\n    display: -webkit-box;\r\n    max-width: 100%;\r\n    margin-top: 12px;\r\n    overflow: hidden;\r\n    color: rgba(255,255,255,.68);\r\n    font-size: 10.5px;\r\n    line-height: 1.72;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n  .mdt-actions { margin-top: 13px; gap: 8px; }\r\n\r\n  .mdt-primary-btn,\r\n  .mdt-secondary-btn { min-height: 46px; border-radius: 14px; }\r\n\r\n  .mdt-primary-btn { padding: 0 14px; font-size: 9.5px; }\r\n  .mdt-primary-btn svg { width: 17px; height: 17px; }\r\n\r\n  .mdt-secondary-btn { padding: 4px 5px 4px 11px; font-size: 9px; }\r\n  .mdt-secondary-btn b { width: 36px; height: 36px; border-radius: 11px; }\r\n\r\n  .mdt-info-card {\r\n    right: 11px;\r\n    left: 11px;\r\n    bottom: 11px;\r\n    width: auto;\r\n    height: var(--mdt-card-height);\r\n    padding: 16px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .mdt-card-head a { width: 36px; height: 36px; flex-basis: 36px; border-radius: 12px; }\r\n  .mdt-card-head a svg { width: 17px; }\r\n\r\n  .mdt-info-card h2 { margin: 9px 0 4px; font-size: 17px; line-height: 1.43; }\r\n\r\n  .mdt-info-card > p {\r\n    display: -webkit-box;\r\n    overflow: hidden;\r\n    font-size: 9px;\r\n    line-height: 1.55;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n  .mdt-features { gap: 4px; margin-top: 8px; }\r\n  .mdt-features span { padding: 5px 7px; font-size: 7.5px; }\r\n\r\n  .mdt-stat { left: 16px; bottom: 14px; }\r\n  .mdt-stat span { display: none; }\r\n  .mdt-stat strong { font-size: 22px; }\r\n\r\n  .mdt-counter { display: none; }\r\n\r\n  .mdt-controls {\r\n    left: 50%;\r\n    bottom: calc(var(--mdt-card-height) + 22px);\r\n    gap: 8px;\r\n  }\r\n\r\n  .mdt-control-btn { width: 41px; height: 41px; flex-basis: 41px; border-radius: 14px; }\r\n  .mdt-control-btn svg { width: 18px; }\r\n  .mdt-progress { width: 76px; }\r\n}\r\n\r\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n@media (max-width: 767px) and (max-height: 700px) {\r\n  .mdt-home { --mdt-card-height: 160px; }\r\n  .mdt-content { top: 67px; }\r\n  .mdt-title { font-size: clamp(29px, 9vw, 39px); }\r\n  .mdt-description { margin-top: 7px; -webkit-line-clamp: 2; }\r\n  .mdt-actions { margin-top: 8px; }\r\n  .mdt-info-card { padding: 13px; }\r\n  .mdt-info-card h2 { margin-top: 6px; font-size: 15px; }\r\n  .mdt-info-card > p { -webkit-line-clamp: 1; }\r\n  .mdt-features { margin-top: 5px; }\r\n  .mdt-stat { display: none; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n  .mdt-header-cta span { display: none; }\r\n  .mdt-header-cta { width: 44px; padding: 0; }\r\n  .mdt-nav-btn { width: 38px; height: 38px; flex-basis: 38px; }\r\n  .mdt-title { font-size: 31px; }\r\n  .mdt-secondary-btn > span { display: none; }\r\n  .mdt-secondary-btn { padding: 4px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .mdt-home *,\r\n  .mdt-home *::before,\r\n  .mdt-home *::after {\r\n    animation-duration: .01ms !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const SLIDES = [\r\n    {\r\n      number: \"01\",\r\n      label: \"\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\",\r\n      title: \"\u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628<br>\u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\",\r\n      description: \"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\u060c \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u062e\u062f\u0645\u0627\u062a \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f.\",\r\n      cardEyebrow: \"\u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u06a9\u0627\u0645\u0644\",\r\n      cardTitle: \"\u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u062e\u0631\u06cc\u062f \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\",\r\n      cardDescription: \"\u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u0627\u0633\u0628 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0631\u0627\u062d\u0644 \u062a\u0623\u0645\u06cc\u0646 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0645\u0627\u06cc\u06cc\u062f.\",\r\n      features: [\"\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\", \"\u062a\u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\", \"\u062e\u0631\u06cc\u062f \u0622\u0646\u0644\u0627\u06cc\u0646\"],\r\n      statLabel: \"\u062a\u062c\u0631\u0628\u0647 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u067e\u0631\u0648\u0698\u0647\",\r\n      statValue: \"360\u00b0\",\r\n      buttonText: \"\u0645\u0634\u0627\u0647\u062f\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\",\r\n      link: \"https:\/\/madotasanat.com\",\r\n      service: \"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u062e\u0635\u0635\u06cc\",\r\n      category: \"\u0635\u0646\u0627\u06cc\u0639 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc\",\r\n      process: \"\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0627 \u0627\u062c\u0631\u0627\",\r\n      image: \"YOUR-IMAGE-01.jpg\",\r\n      fallback: \"radial-gradient(circle at 70% 25%, #526e8d 0%, #273e57 38%, #081522 100%)\"\r\n    },\r\n    {\r\n      number: \"02\",\r\n      label: \"\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\",\r\n      title: \"\u06cc\u06a9 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u060c<br>\u062f\u0647\u200c\u0647\u0627 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc\",\r\n      description: \"\u0627\u0646\u0648\u0627\u0639 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645\u06cc\u060c \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647\u060c \u06a9\u0631\u062a\u06cc\u0646\u200c\u0648\u0627\u0644\u060c \u0646\u0631\u062f\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc\u060c \u062c\u0627\u0645 \u0628\u0627\u0644\u06a9\u0646\u060c \u0644\u0648\u0648\u0631\u060c \u067e\u0627\u0631\u062a\u06cc\u0634\u0646 \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0646\u0645\u0627\u06cc \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0631\u0627 \u06cc\u06a9\u062c\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.\",\r\n      cardEyebrow: \"\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u062e\u0635\u0635\u06cc\",\r\n      cardTitle: \"\u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u0627\u0633\u0628 \u0647\u0631 \u067e\u0631\u0648\u0698\u0647\",\r\n      cardDescription: \"\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0648\u0639 \u0633\u06cc\u0633\u062a\u0645\u060c \u06a9\u0627\u0631\u0628\u0631\u062f\u060c \u0645\u062f\u0644 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u062a\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0648 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f.\",\r\n      features: [\"\u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647\", \"\u0646\u0645\u0627\u06cc \u0633\u0627\u062e\u062a\u0645\u0627\u0646\", \"\u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc\"],\r\n      statLabel: \"\u062a\u0646\u0648\u0639 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc\",\r\n      statValue: \"+20\",\r\n      buttonText: \"\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\",\r\n      link: \"https:\/\/madotasanat.com\",\r\n      service: \"\u0641\u0631\u0648\u0634 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\",\r\n      category: \"\u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc\",\r\n      process: \"\u0628\u0631\u0631\u0633\u06cc \u0648 \u0645\u0642\u0627\u06cc\u0633\u0647\",\r\n      image: \"YOUR-IMAGE-02.jpg\",\r\n      fallback: \"radial-gradient(circle at 65% 30%, #5e7a91 0%, #2a4358 40%, #091722 100%)\"\r\n    },\r\n    {\r\n      number: \"03\",\r\n      label: \"\u0646\u0628\u0636 \u0628\u0627\u0632\u0627\u0631 \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645\",\r\n      title: \"\u0642\u06cc\u0645\u062a \u0631\u0648\u0632 \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645\u060c<br>\u0634\u0641\u0627\u0641\u200c\u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647\",\r\n      description: \"\u067e\u06cc\u0634 \u0627\u0632 \u062e\u0631\u06cc\u062f\u060c \u0622\u062e\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u062b\u0628\u062a\u200c\u0634\u062f\u0647 \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0633\u0641\u06cc\u062f\u060c \u067e\u0648\u062f\u0631\u06cc\u060c \u0622\u0646\u0627\u062f\u0627\u06cc\u0632 \u0645\u0627\u062a\u060c \u0622\u0646\u0627\u062f\u0627\u06cc\u0632 \u0628\u0631\u0627\u0642 \u0648 \u0637\u0631\u062d \u0686\u0648\u0628 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.\",\r\n      cardEyebrow: \"\u0642\u06cc\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u0641\u0627\u0641\",\r\n      cardTitle: \"\u0627\u0637\u0644\u0627\u0639 \u0627\u0632 \u0634\u0631\u0627\u06cc\u0637 \u0628\u0627\u0632\u0627\u0631\",\r\n      cardDescription: \"\u0646\u0628\u0636 \u0628\u0627\u0632\u0627\u0631 \u0645\u0627\u062f\u0648\u062a\u0627 \u062f\u06cc\u062f \u0631\u0648\u0634\u0646\u200c\u062a\u0631\u06cc \u0627\u0632 \u0642\u06cc\u0645\u062a \u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0631\u0648\u0632 \u0628\u0627\u0632\u0627\u0631 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f.\",\r\n      features: [\"\u0631\u0646\u06af \u0633\u0641\u06cc\u062f\", \"\u0622\u0646\u0627\u062f\u0627\u06cc\u0632\", \"\u067e\u0648\u062f\u0631\u06cc \u0648 \u0637\u0631\u062d \u0686\u0648\u0628\"],\r\n      statLabel: \"\u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0628\u0631\u0631\u0633\u06cc\",\r\n      statValue: \"5\",\r\n      buttonText: \"\u0645\u0634\u0627\u0647\u062f\u0647 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\",\r\n      link: \"https:\/\/madotasanat.com\/\",\r\n      service: \"\u0642\u06cc\u0645\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\",\r\n      category: \"\u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645\",\r\n      process: \"\u0628\u0631\u0631\u0633\u06cc \u0628\u0627\u0632\u0627\u0631\",\r\n      image: \"YOUR-IMAGE-03.jpg\",\r\n      fallback: \"radial-gradient(circle at 68% 30%, #8999a7 0%, #4d5d69 38%, #151d24 100%)\"\r\n    },\r\n    {\r\n      number: \"04\",\r\n      label: \"\u0641\u0631\u0622\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f\",\r\n      title: \"\u062e\u0631\u06cc\u062f \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c<br>\u062f\u0631 \u0647\u0634\u062a \u0645\u0631\u062d\u0644\u0647 \u0645\u0634\u062e\u0635\",\r\n      description: \"\u0627\u0632 \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u0628\u0627\u0632\u062f\u06cc\u062f \u0641\u0646\u06cc \u062a\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631\u060c \u062e\u0631\u06cc\u062f \u0627\u0642\u0644\u0627\u0645\u060c \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0627\u062c\u0631\u0627 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0633\u0641\u0627\u0631\u0634\u060c \u0647\u0645\u0647 \u0645\u0631\u0627\u062d\u0644 \u062f\u0631 \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0645\u0634\u062e\u0635 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\",\r\n      cardEyebrow: \"\u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc\u200c\u0634\u062f\u0647\",\r\n      cardTitle: \"\u0627\u0632 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\",\r\n      cardDescription: \"\u0646\u06cc\u0627\u0632 \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u067e\u0633 \u0627\u0632 \u062a\u0623\u06cc\u06cc\u062f \u0641\u0646\u06cc\u060c \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631\u060c \u062e\u0631\u06cc\u062f\u060c \u062e\u062f\u0645\u0627\u062a \u0627\u062c\u0631\u0627 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0648\u0627\u0647\u062f \u0634\u062f.\",\r\n      features: [\"\u0628\u0627\u0632\u062f\u06cc\u062f \u067e\u0631\u0648\u0698\u0647\", \"\u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631\", \"\u0627\u0631\u0633\u0627\u0644 \u0633\u0641\u0627\u0631\u0634\"],\r\n      statLabel: \"\u0645\u0633\u06cc\u0631 \u06a9\u0627\u0645\u0644 \u062e\u0631\u06cc\u062f\",\r\n      statValue: \"8\",\r\n      buttonText: \"\u0634\u0631\u0648\u0639 \u0641\u0631\u0622\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f\",\r\n      link: \"https:\/\/madotasanat.com\/\",\r\n      service: \"\u062e\u0631\u06cc\u062f \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc\",\r\n      category: \"\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u062a\u0623\u0645\u06cc\u0646\",\r\n      process: \"\u0647\u0634\u062a \u0645\u0631\u062d\u0644\u0647\",\r\n      image: \"YOUR-IMAGE-04.jpg\",\r\n      fallback: \"radial-gradient(circle at 65% 25%, #9b746d 0%, #593f42 40%, #211821 100%)\"\r\n    },\r\n    {\r\n      number: \"05\",\r\n      label: \"\u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc\",\r\n      title: \"\u0647\u0645\u0647 \u0633\u0641\u0627\u0631\u0634\u200c\u0647\u0627\u060c<br>\u062f\u0631 \u06cc\u06a9 \u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc\",\r\n      description: \"\u0633\u0641\u0627\u0631\u0634\u200c\u0647\u0627\u060c \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0633\u0627\u0628\u060c \u0648\u0636\u0639\u06cc\u062a \u062e\u0631\u06cc\u062f\u060c \u06a9\u06cc\u0641 \u067e\u0648\u0644 \u0648 \u0627\u0637\u0644\u0627\u0639\u200c\u0631\u0633\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0631\u0627 \u062f\u0631 \u0645\u062d\u06cc\u0637\u06cc \u0645\u062a\u0645\u0631\u06a9\u0632 \u0648 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f.\",\r\n      cardEyebrow: \"\u0645\u062f\u06cc\u0631\u06cc\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\",\r\n      cardTitle: \"\u06a9\u0646\u062a\u0631\u0644 \u0628\u0647\u062a\u0631 \u062e\u0631\u06cc\u062f\u0647\u0627\",\r\n      cardDescription: \"\u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0627\u062f\u0648\u062a\u0627 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0628\u0647 \u0633\u0641\u0627\u0631\u0634\u200c\u0647\u0627 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0638\u0645\u200c\u062a\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.\",\r\n      features: [\"\u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0641\u0627\u0631\u0634\", \"\u06a9\u06cc\u0641 \u067e\u0648\u0644\", \"\u0627\u0637\u0644\u0627\u0639\u200c\u0631\u0633\u0627\u0646\u06cc\"],\r\n      statLabel: \"\u062f\u0633\u062a\u0631\u0633\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646\",\r\n      statValue: \"24\/7\",\r\n      buttonText: \"\u0648\u0631\u0648\u062f \u0628\u0647 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc\",\r\n      link: \"https:\/\/madotasanat.com\/my-account\/\",\r\n      service: \"\u067e\u0646\u0644 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\",\r\n      category: \"\u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0641\u0627\u0631\u0634\",\r\n      process: \"\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646\",\r\n      image: \"YOUR-IMAGE-05.jpg\",\r\n      fallback: \"radial-gradient(circle at 68% 28%, #69559b 0%, #362866 40%, #151027 100%)\"\r\n    },\r\n    {\r\n      number: \"06\",\r\n      label: \"\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\",\r\n      title: \"\u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0642\u06cc\u0642\u060c<br>\u067e\u06cc\u0634 \u0627\u0632 \u0634\u0631\u0648\u0639 \u062e\u0631\u06cc\u062f\",\r\n      description: \"\u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u0646\u0642\u0634\u0647\u060c \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u067e\u0631\u0648\u0698\u0647\u060c \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627\u062f\u0648\u062a\u0627 \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc\u060c \u0627\u062c\u0631\u0627\u06cc\u06cc \u0648 \u0628\u0648\u062f\u062c\u0647 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\",\r\n      cardEyebrow: \"\u0627\u0646\u062a\u062e\u0627\u0628 \u0622\u06af\u0627\u0647\u0627\u0646\u0647\",\r\n      cardTitle: \"\u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u067e\u0631\u0648\u0698\u0647\",\r\n      cardDescription: \"\u0627\u0628\u0639\u0627\u062f \u0628\u0627\u0632\u0634\u0648\u060c \u0634\u0631\u0627\u06cc\u0637 \u0646\u0635\u0628\u060c \u0639\u0627\u06cc\u0642\u200c\u0628\u0646\u062f\u06cc\u060c \u0637\u0631\u0627\u062d\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0648 \u0628\u0648\u062f\u062c\u0647 \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\",\r\n      features: [\"\u0628\u0631\u0631\u0633\u06cc \u0646\u0642\u0634\u0647\", \"\u0645\u0634\u0627\u0648\u0631\u0647 \u0641\u0646\u06cc\", \"\u0628\u0627\u0632\u062f\u06cc\u062f \u062d\u0636\u0648\u0631\u06cc\"],\r\n      statLabel: \"\u0628\u0631\u0631\u0633\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u067e\u0631\u0648\u0698\u0647\",\r\n      statValue: \"1:1\",\r\n      buttonText: \"\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\",\r\n      link: \"https:\/\/madotasanat.com\/\",\r\n      service: \"\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\",\r\n      category: \"\u0628\u0631\u0631\u0633\u06cc \u067e\u0631\u0648\u0698\u0647\",\r\n      process: \"\u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627 \u0627\u062c\u0631\u0627\",\r\n      image: \"YOUR-IMAGE-06.jpg\",\r\n      fallback: \"radial-gradient(circle at 68% 28%, #a56770 0%, #673943 40%, #25131d 100%)\"\r\n    }\r\n  ];\r\n\r\n  function initMadotaSlider(root) {\r\n    if (!root || root.dataset.mdtReady === \"1\") return;\r\n    root.dataset.mdtReady = \"1\";\r\n\r\n    const q = (selector) => root.querySelector(selector);\r\n    const qa = (selector) => Array.from(root.querySelectorAll(selector));\r\n\r\n    const els = {\r\n      bgLayers: [q(\".mdt-bg-layer-a\"), q(\".mdt-bg-layer-b\")],\r\n      navButtons: qa(\"[data-mdt-index]\"),\r\n      number: q(\"[data-mdt-number]\"),\r\n      label: q(\"[data-mdt-label]\"),\r\n      title: q(\"[data-mdt-title]\"),\r\n      description: q(\"[data-mdt-description]\"),\r\n      cardEyebrow: q(\"[data-mdt-card-eyebrow]\"),\r\n      cardCount: q(\"[data-mdt-card-count]\"),\r\n      cardTitle: q(\"[data-mdt-card-title]\"),\r\n      cardDescription: q(\"[data-mdt-card-description]\"),\r\n      features: q(\"[data-mdt-features]\"),\r\n      statLabel: q(\"[data-mdt-stat-label]\"),\r\n      statValue: q(\"[data-mdt-stat-value]\"),\r\n      primary: q(\"[data-mdt-primary]\"),\r\n      primaryText: q(\"[data-mdt-primary-text]\"),\r\n      cardLink: q(\"[data-mdt-card-link]\"),\r\n      metaService: q(\"[data-mdt-meta-service]\"),\r\n      metaCategory: q(\"[data-mdt-meta-category]\"),\r\n      metaProcess: q(\"[data-mdt-meta-process]\"),\r\n      current: q(\"[data-mdt-current]\"),\r\n      progress: q(\"[data-mdt-progress]\"),\r\n      next: q(\"[data-mdt-next]\"),\r\n      prev: q(\"[data-mdt-prev]\"),\r\n      nextContent: q(\"[data-mdt-next-content]\")\r\n    };\r\n\r\n    let currentIndex = 0;\r\n    let activeBgIndex = 0;\r\n    let locked = false;\r\n    let touchStartX = 0;\r\n    let touchStartY = 0;\r\n\r\n    function backgroundFor(slide) {\r\n      const image = String(slide.image || \"\").trim();\r\n      if (!image || image.indexOf(\"YOUR-IMAGE\") === 0) return slide.fallback;\r\n      return 'linear-gradient(90deg,rgba(6,14,25,.60),rgba(6,14,25,.08)),url(\"' + image + '\")';\r\n    }\r\n\r\n    function setBackground(slide, immediate) {\r\n      if (!els.bgLayers[0] || !els.bgLayers[1]) return;\r\n\r\n      if (immediate) {\r\n        els.bgLayers[0].style.backgroundImage = backgroundFor(slide);\r\n        els.bgLayers[0].classList.add(\"is-active\");\r\n        els.bgLayers[1].classList.remove(\"is-active\");\r\n        activeBgIndex = 0;\r\n        return;\r\n      }\r\n\r\n      const oldLayer = els.bgLayers[activeBgIndex];\r\n      const nextIndex = activeBgIndex === 0 ? 1 : 0;\r\n      const nextLayer = els.bgLayers[nextIndex];\r\n\r\n      nextLayer.style.backgroundImage = backgroundFor(slide);\r\n      nextLayer.classList.add(\"is-active\");\r\n      oldLayer.classList.remove(\"is-active\");\r\n      activeBgIndex = nextIndex;\r\n    }\r\n\r\n    function render(index) {\r\n      const slide = SLIDES[index];\r\n      if (!slide) return;\r\n\r\n      if (els.number) els.number.textContent = slide.number;\r\n      if (els.label) els.label.textContent = slide.label;\r\n      if (els.title) els.title.innerHTML = slide.title;\r\n      if (els.description) els.description.textContent = slide.description;\r\n      if (els.cardEyebrow) els.cardEyebrow.textContent = slide.cardEyebrow;\r\n      if (els.cardCount) els.cardCount.textContent = slide.number + \" \/ \" + String(SLIDES.length).padStart(2, \"0\");\r\n      if (els.cardTitle) els.cardTitle.textContent = slide.cardTitle;\r\n      if (els.cardDescription) els.cardDescription.textContent = slide.cardDescription;\r\n      if (els.features) els.features.innerHTML = slide.features.map((item) => \"<span>\" + item + \"<\/span>\").join(\"\");\r\n      if (els.statLabel) els.statLabel.textContent = slide.statLabel;\r\n      if (els.statValue) els.statValue.textContent = slide.statValue;\r\n      if (els.primaryText) els.primaryText.textContent = slide.buttonText;\r\n      if (els.primary) els.primary.href = slide.link;\r\n      if (els.cardLink) els.cardLink.href = slide.link;\r\n      if (els.metaService) els.metaService.textContent = slide.service;\r\n      if (els.metaCategory) els.metaCategory.textContent = slide.category;\r\n      if (els.metaProcess) els.metaProcess.textContent = slide.process;\r\n      if (els.current) els.current.textContent = slide.number;\r\n      if (els.progress) els.progress.style.width = (((index + 1) \/ SLIDES.length) * 100) + \"%\";\r\n\r\n      els.navButtons.forEach((button, buttonIndex) => {\r\n        const active = buttonIndex === index;\r\n        button.classList.toggle(\"is-active\", active);\r\n        button.setAttribute(\"aria-current\", active ? \"true\" : \"false\");\r\n      });\r\n    }\r\n\r\n    function clearMotionClasses() {\r\n      root.classList.remove(\"is-leaving-next\", \"is-leaving-prev\", \"is-entering-next\", \"is-entering-prev\");\r\n    }\r\n\r\n    function goTo(index, direction) {\r\n      if (locked || index === currentIndex || index < 0 || index >= SLIDES.length) return;\r\n\r\n      locked = true;\r\n      clearMotionClasses();\r\n      root.classList.add(direction === \"next\" ? \"is-leaving-next\" : \"is-leaving-prev\");\r\n\r\n      window.setTimeout(() => {\r\n        currentIndex = index;\r\n        render(currentIndex);\r\n        setBackground(SLIDES[currentIndex], false);\r\n\r\n        clearMotionClasses();\r\n        void root.offsetWidth;\r\n        root.classList.add(direction === \"next\" ? \"is-entering-next\" : \"is-entering-prev\");\r\n\r\n        window.setTimeout(() => {\r\n          clearMotionClasses();\r\n          locked = false;\r\n        }, 650);\r\n      }, 250);\r\n    }\r\n\r\n    function nextSlide() {\r\n      const nextIndex = currentIndex === SLIDES.length - 1 ? 0 : currentIndex + 1;\r\n      goTo(nextIndex, \"next\");\r\n    }\r\n\r\n    function prevSlide() {\r\n      const prevIndex = currentIndex === 0 ? SLIDES.length - 1 : currentIndex - 1;\r\n      goTo(prevIndex, \"prev\");\r\n    }\r\n\r\n    root.addEventListener(\"click\", (event) => {\r\n      const navButton = event.target.closest(\"[data-mdt-index]\");\r\n      if (navButton && root.contains(navButton)) {\r\n        event.preventDefault();\r\n        const index = Number(navButton.getAttribute(\"data-mdt-index\"));\r\n        if (!Number.isNaN(index) && index !== currentIndex) {\r\n          goTo(index, index > currentIndex ? \"next\" : \"prev\");\r\n        }\r\n        return;\r\n      }\r\n\r\n      if (event.target.closest(\"[data-mdt-next], [data-mdt-next-content]\")) {\r\n        event.preventDefault();\r\n        nextSlide();\r\n        return;\r\n      }\r\n\r\n      if (event.target.closest(\"[data-mdt-prev]\")) {\r\n        event.preventDefault();\r\n        prevSlide();\r\n      }\r\n    });\r\n\r\n    root.addEventListener(\"keydown\", (event) => {\r\n      if (event.key === \"ArrowLeft\") {\r\n        event.preventDefault();\r\n        nextSlide();\r\n      } else if (event.key === \"ArrowRight\") {\r\n        event.preventDefault();\r\n        prevSlide();\r\n      }\r\n    });\r\n\r\n    root.addEventListener(\"touchstart\", (event) => {\r\n      if (!event.changedTouches || !event.changedTouches.length) return;\r\n      touchStartX = event.changedTouches[0].clientX;\r\n      touchStartY = event.changedTouches[0].clientY;\r\n    }, { passive: true });\r\n\r\n    root.addEventListener(\"touchend\", (event) => {\r\n      if (!event.changedTouches || !event.changedTouches.length) return;\r\n      const endX = event.changedTouches[0].clientX;\r\n      const endY = event.changedTouches[0].clientY;\r\n      const dx = endX - touchStartX;\r\n      const dy = endY - touchStartY;\r\n\r\n      if (Math.abs(dx) < 55 || Math.abs(dx) < Math.abs(dy)) return;\r\n      if (dx < 0) nextSlide();\r\n      else prevSlide();\r\n    }, { passive: true });\r\n\r\n    render(0);\r\n    setBackground(SLIDES[0], true);\r\n  }\r\n\r\n  function boot() {\r\n    document.querySelectorAll(\"[data-mdt-slider]\").forEach(initMadotaSlider);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", boot, { once: true });\r\n  } else {\r\n    boot();\r\n  }\r\n\r\n  window.addEventListener(\"elementor\/frontend\/init\", boot);\r\n  window.setTimeout(boot, 400);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M \u0645\u0627\u062f\u0648\u062a\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627 \u0627\u062c\u0631\u0627 \u0646\u0648\u0639 \u062e\u062f\u0645\u0627\u062a \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u062e\u0635\u0635\u06cc \u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a \u0635\u0646\u0627\u06cc\u0639 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0645\u0633\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0627 \u0627\u062c\u0631\u0627 \u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 01\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 02\u0645\u062d\u0635\u0648\u0644\u0627\u062a 03\u0642\u06cc\u0645\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 04\u0645\u0631\u0627\u062d\u0644 \u062e\u0631\u06cc\u062f 05\u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc 06\u0645\u0634\u0627\u0648\u0631\u0647 01 \u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628\u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\u060c \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=527"}],"version-history":[{"count":35,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages\/527\/revisions"}],"predecessor-version":[{"id":1809,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages\/527\/revisions\/1809"}],"wp:attachment":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}