{"id":887,"date":"2026-06-07T07:15:14","date_gmt":"2026-06-07T07:15:14","guid":{"rendered":"https:\/\/almasah-alfarida.7777pharmacy.com\/?page_id=887"},"modified":"2026-06-10T13:07:36","modified_gmt":"2026-06-10T13:07:36","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"887\" class=\"elementor elementor-887\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fae0b6 e-con-full e-flex e-con e-parent\" data-id=\"7fae0b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c74b79d elementor-widget elementor-widget-html\" data-id=\"c74b79d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tz-luxury-hero\" dir=\"rtl\">\r\n    <div class=\"tz-lux-bg-image\" style=\"background-image: url('https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0647\u064a\u062f\u0631-\u0627\u0644\u0645\u0627\u0633\u0629-\u0627\u0644\u0641\u0631\u064a\u062f\u0629-1-scaled.webp');\"><\/div>\r\n    <div class=\"tz-lux-overlay\"><\/div>\r\n    <div class=\"tz-lux-line-v\"><\/div>\r\n\r\n    <div class=\"tz-lux-container\">\r\n        <div class=\"tz-lux-content\">\r\n            <span class=\"tz-lux-badge\">\u0642\u0635\u0629 \u0646\u062c\u0627\u062d\u0646\u0627<\/span>\r\n            <h1 class=\"tz-lux-title\">\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 <strong>\u0648\u062b\u0642\u0629 \u0645\u062a\u062c\u062f\u062f\u0629<\/strong><\/h1>\r\n            <p class=\"tz-lux-subtitle\">\r\n                \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646\u0630 \u0639\u0627\u0645 2009 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629\u060c \u0646\u0628\u0646\u064a \u062c\u0633\u0648\u0631 \u0627\u0644\u062b\u0642\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.\r\n            <\/p>\r\n            <nav class=\"tz-lux-breadcrumbs\" aria-label=\"Breadcrumb\">\r\n                <a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n                <span class=\"tz-lux-sep\"><\/span>\r\n                <span class=\"tz-lux-current\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9208ef1 elementor-widget elementor-widget-html\" data-id=\"9208ef1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    :root {\r\n        --tz-clean-primary: #1FA463; \/* \u0644\u0648\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 *\/\r\n        --tz-clean-bg: #FCFDFD;      \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0645\u0631\u064a\u062d\u0629 \u062c\u062f\u0627\u064b \u0648\u0645\u0637\u0641\u064a\u0629 *\/\r\n        --tz-clean-heading: #10181B; \/* \u0623\u0633\u0648\u062f \u0647\u0627\u062f\u0626 \u0644\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\r\n        --tz-clean-text: #64747B;    \/* \u0631\u0645\u0627\u062f\u064a \u0645\u0631\u064a\u062d \u0644\u0644\u0641\u0642\u0631\u0627\u062a *\/\r\n        --tz-clean-border: #Eef2f3;\r\n    }\r\n\r\n    .tz-clean-about {\r\n        background-color: var(--tz-clean-bg);\r\n        padding: 120px 20px;\r\n        font-family: inherit;\r\n        border-top: 1px solid var(--tz-clean-border);\r\n        border-bottom: 1px solid var(--tz-clean-border);\r\n    }\r\n\r\n    .tz-clean-container {\r\n        max-width: 1200px; \/* \u0639\u0631\u0636 \u0623\u0642\u0644 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- \u0642\u0633\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 (\u0628\u0633\u064a\u0637 \u0648\u0639\u0645\u064a\u0642) --- *\/\r\n    .tz-clean-visual {\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u0645\u0631\u0628\u0639 \u062e\u0644\u0641\u064a \u064a\u0639\u0637\u064a \u0639\u0645\u0642 \u0644\u0644\u0635\u0648\u0631\u0629 \u0628\u062f\u0648\u0646 \u0638\u0644\u0627\u0644 \u0645\u0632\u0639\u062c\u0629 *\/\r\n    .tz-clean-visual::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -30px;\r\n        right: -30px; \/* \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0633\u064a\u0643\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: #F3F6F6;\r\n        border-radius: 24px;\r\n        z-index: 0;\r\n    }\r\n\r\n    .tz-clean-img-wrap {\r\n        position: relative;\r\n        z-index: 1;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        aspect-ratio: 4\/5;\r\n        max-width: 480px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .tz-clean-img-wrap img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    }\r\n\r\n    .tz-clean-visual:hover .tz-clean-img-wrap img {\r\n        transform: scale(1.05); \/* \u062d\u0631\u0643\u0629 \u0628\u0637\u064a\u0626\u0629 \u0648\u0646\u0627\u0639\u0645\u0629 \u0641\u0642\u0637 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n    }\r\n\r\n    \/* \u0628\u0637\u0627\u0642\u0629 \u0647\u0627\u062f\u0626\u0629 \u0644\u0644\u062e\u0628\u0631\u0629 *\/\r\n    .tz-clean-badge {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 0;\r\n        background: #FFFFFF;\r\n        padding: 20px 30px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);\r\n        z-index: 2;\r\n    }\r\n\r\n    .tz-clean-badge-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: rgba(31, 164, 99, 0.08);\r\n        color: var(--tz-clean-primary);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n    }\r\n\r\n    .tz-clean-badge-text {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .tz-clean-badge-text strong {\r\n        font-size: 24px;\r\n        font-weight: 900;\r\n        color: var(--tz-clean-heading);\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .tz-clean-badge-text span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: var(--tz-clean-text);\r\n        margin-top: 2px;\r\n    }\r\n\r\n    \/* --- \u0642\u0633\u0645 \u0627\u0644\u0646\u0635\u0648\u0635 (Typography \u0645\u0631\u064a\u062d) --- *\/\r\n    .tz-clean-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .tz-clean-subtitle {\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        color: var(--tz-clean-primary);\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tz-clean-subtitle::before {\r\n        content: \"\";\r\n        width: 30px;\r\n        height: 2px;\r\n        background-color: var(--tz-clean-primary);\r\n    }\r\n\r\n    .tz-clean-title {\r\n        font-size: 38px;\r\n        font-weight: 300;\r\n        color: var(--tz-clean-heading);\r\n        margin: 0 0 25px;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .tz-clean-title strong {\r\n        font-weight: 900;\r\n        color: var(--tz-clean-primary); \/* \u0644\u0648\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 \u0628\u0648\u0636\u0648\u062d \u0628\u062f\u0648\u0646 \u062a\u062f\u0631\u062c\u0627\u062a \u0645\u0632\u0639\u062c\u0629 *\/\r\n    }\r\n\r\n    .tz-clean-desc {\r\n        font-size: 15px;\r\n        line-height: 2; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u0631\u064a\u062d\u0629 \u062c\u062f\u0627\u064b \u0628\u064a\u0646 \u0627\u0644\u0633\u0637\u0648\u0631 *\/\r\n        color: var(--tz-clean-text);\r\n        margin: 0 0 16px;\r\n        font-weight: 500;\r\n        text-align: justify;\r\n    }\r\n\r\n    .tz-clean-desc:last-of-type {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    \/* \u0646\u0642\u0627\u0637 \u0645\u0645\u064a\u0632\u0629 \u0628\u0634\u0643\u0644 \u0647\u0627\u062f\u0626 *\/\r\n    .tz-clean-features {\r\n        display: flex;\r\n        gap: 40px;\r\n        padding-top: 30px;\r\n        border-top: 1px solid var(--tz-clean-border);\r\n    }\r\n\r\n    .tz-feature-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n    }\r\n\r\n    .tz-feature-icon {\r\n        color: var(--tz-clean-primary);\r\n        font-size: 22px;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .tz-feature-text h4 {\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        color: var(--tz-clean-heading);\r\n        margin: 0 0 6px;\r\n    }\r\n\r\n    .tz-feature-text p {\r\n        font-size: 13px;\r\n        line-height: 1.6;\r\n        color: var(--tz-clean-text);\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a --- *\/\r\n    @media (max-width: 992px) {\r\n        .tz-clean-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 60px;\r\n        }\r\n        .tz-clean-visual {\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n        .tz-clean-visual::before {\r\n            top: -20px;\r\n            right: -20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tz-clean-about {\r\n            padding: 80px 15px;\r\n        }\r\n        .tz-clean-title {\r\n            font-size: 30px;\r\n        }\r\n        .tz-clean-features {\r\n            flex-direction: column;\r\n            gap: 25px;\r\n        }\r\n        .tz-clean-badge {\r\n            bottom: -20px;\r\n            left: 10px;\r\n            right: 10px;\r\n            padding: 15px 20px;\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"tz-clean-about\" dir=\"rtl\">\r\n    <div class=\"tz-clean-container\">\r\n        \r\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637 -->\r\n        <div class=\"tz-clean-visual\">\r\n            <div class=\"tz-clean-img-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0645\u0646-\u0646\u062d\u0646-\u0627\u0644\u0645\u0627\u0633\u0629-\u0627\u0644\u0641\u0631\u064a\u062f\u0629.webp\" alt=\"\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0633\u064a\u0627\u0631\u0627\u062a \u0641\u0627\u062e\u0631\u0629 \u0645\u0646 \u0643\u0648\u0631\u064a\u0627\">\r\n            <\/div>\r\n            \r\n            <div class=\"tz-clean-badge\">\r\n                <div class=\"tz-clean-badge-icon\"><i class=\"fa-solid fa-award\"><\/i><\/div>\r\n                <div class=\"tz-clean-badge-text\">\r\n                    <strong>+15<\/strong>\r\n                    <span>\u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062b\u0642\u0629<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u0631\u064a\u062d -->\r\n        <div class=\"tz-clean-content\">\r\n            <div class=\"tz-clean-subtitle\">\u0645\u0646 \u0646\u062d\u0646<\/div>\r\n            <h2 class=\"tz-clean-title\">\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 <strong>\u0648\u062b\u0642\u0629 \u0645\u062a\u062c\u062f\u062f\u0629<\/strong><\/h2>\r\n            \r\n            <p class=\"tz-clean-desc\">\r\n                \u062a\u0639\u062f \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0645\u0627\u0633\u0629 \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0644\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0625\u062d\u062f\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0628\u064a\u0639\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\r\n            <\/p>\r\n            <p class=\"tz-clean-desc\">\r\n                \u062a\u0623\u0633\u0633\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646\u0630 \u0639\u0627\u0645 2009 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629\u060c \u0648\u0627\u0633\u062a\u0637\u0627\u0639\u062a \u062e\u0644\u0627\u0644 \u0647\u0630\u0647 \u0627\u0644\u0633\u0646\u0648\u0627\u062a \u0628\u0646\u0627\u0621 \u0634\u0628\u0643\u0629 \u0642\u0648\u064a\u0629 \u0645\u0646 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0645\u0639 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0641\u064a \u0643\u0648\u0631\u064a\u0627 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629\u060c \u0645\u0645\u0627 \u0645\u0643\u0651\u0646\u0647\u0627 \u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u0633\u064a\u0627\u0631\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629.\r\n            <\/p>\r\n            \r\n            <!-- \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 \u0628\u0634\u0643\u0644 \u0647\u0627\u062f\u0626 -->\r\n            <div class=\"tz-clean-features\">\r\n                <div class=\"tz-feature-item\">\r\n                    <div class=\"tz-feature-icon\"><i class=\"fa-solid fa-handshake-angle\"><\/i><\/div>\r\n                    <div class=\"tz-feature-text\">\r\n                        <h4>\u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629<\/h4>\r\n                        <p>\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0641\u064a \u0643\u0648\u0631\u064a\u0627 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tz-feature-item\">\r\n                    <div class=\"tz-feature-icon\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\r\n                    <div class=\"tz-feature-text\">\r\n                        <h4>\u0634\u0641\u0627\u0641\u064a\u0629 \u062a\u0627\u0645\u0629<\/h4>\r\n                        <p>\u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0641\u062d\u0635 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0648\u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645\u0647\u0627 \u0644\u0644\u0639\u0645\u064a\u0644.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4806c3 elementor-widget elementor-widget-html\" data-id=\"c4806c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* \u0627\u0644\u063a\u0644\u0627\u0641 \u0627\u0644\u0623\u0633\u0627\u0633\u064a - \u062a\u0635\u0645\u064a\u0645 \u0641\u0627\u062a\u062d \u0648\u0646\u0638\u064a\u0641 \u062c\u062f\u0627\u064b *\/\r\n.afm-sleek-wrapper {\r\n    font-family: 'Cairo', sans-serif !important;\r\n    background-color: #F8FAF9 !important; \/* \u0644\u0648\u0646 \u0631\u0645\u0627\u062f\u064a\/\u0623\u062e\u0636\u0631 \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b \u0645\u0631\u064a\u062d \u0644\u0644\u0639\u064a\u0646 *\/\r\n    padding: 60px 0 !important; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0623\u0642\u0644 \u0644\u0631\u0634\u0627\u0642\u0629 \u0623\u0643\u0628\u0631 *\/\r\n    direction: rtl !important;\r\n    box-sizing: border-box !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    border-top: 1px solid #E8EDEA !important;\r\n    border-bottom: 1px solid #E8EDEA !important;\r\n}\r\n\r\n.afm-sleek-wrapper *,\r\n.afm-sleek-wrapper *::before,\r\n.afm-sleek-wrapper *::after {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0644\u0627\u0634\u064a \u0627\u0644\u0645\u062a\u062f\u0631\u062c \u0639\u0644\u0649 \u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 \u0644\u062f\u0645\u062c \u0627\u0644\u0634\u0631\u064a\u0637 \u0645\u0639 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.afm-sleek-wrapper::before,\r\n.afm-sleek-wrapper::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 15% !important;\r\n    z-index: 2 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.afm-sleek-wrapper::before {\r\n    right: 0 !important;\r\n    background: linear-gradient(to left, #F8FAF9 0%, transparent 100%) !important;\r\n}\r\n\r\n.afm-sleek-wrapper::after {\r\n    left: 0 !important;\r\n    background: linear-gradient(to right, #F8FAF9 0%, transparent 100%) !important;\r\n}\r\n\r\n\/* ----------------------------------\r\n   \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\r\n   ---------------------------------- *\/\r\n.afm-sleek-track {\r\n    display: flex !important;\r\n    width: max-content !important;\r\n    gap: 24px !important;\r\n}\r\n\r\n.afm-sleek-group {\r\n    display: flex !important;\r\n    gap: 24px !important;\r\n    flex-shrink: 0 !important;\r\n    \/* \u0627\u0644\u062d\u0631\u0643\u0629 \u0644\u0644\u064a\u0645\u064a\u0646 \u0644\u0623\u0646 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 RTL *\/\r\n    animation: afm-scroll-sleek 35s linear infinite !important;\r\n}\r\n\r\n\/* \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u0633\u0644\u0627\u0633\u0629 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n.afm-sleek-track:hover .afm-sleek-group {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n@keyframes afm-scroll-sleek {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(calc(100% + 24px)); }\r\n}\r\n\r\n\/* ----------------------------------\r\n   \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0634\u064a\u0642\u0629 (Horizontal Layout)\r\n   ---------------------------------- *\/\r\n.afm-sleek-card {\r\n    width: 420px !important;\r\n    background: #FFFFFF !important;\r\n    border: 1px solid #E8EDEA !important;\r\n    border-radius: 20px !important;\r\n    padding: 24px !important;\r\n    display: flex !important;\r\n    align-items: flex-start !important;\r\n    gap: 20px !important;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;\r\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n}\r\n\r\n.afm-sleek-card:hover {\r\n    transform: translateY(-5px) !important;\r\n    border-color: rgba(31, 164, 99, 0.3) !important;\r\n    box-shadow: 0 15px 40px rgba(31, 164, 99, 0.08) !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n.afm-sleek-icon {\r\n    width: 54px !important;\r\n    height: 54px !important;\r\n    background: #E8F6EF !important; \/* \u0623\u062e\u0636\u0631 \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b *\/\r\n    color: #1FA463 !important;\r\n    border-radius: 14px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    font-size: 22px !important;\r\n    flex-shrink: 0 !important;\r\n    transition: transform 0.3s ease, background 0.3s ease !important;\r\n}\r\n\r\n.afm-sleek-card:hover .afm-sleek-icon {\r\n    background: #1FA463 !important;\r\n    color: #FFFFFF !important;\r\n    transform: scale(1.05) !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.afm-sleek-content {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.afm-sleek-title {\r\n    color: #131A1C !important;\r\n    font-size: 17px !important;\r\n    font-weight: 800 !important;\r\n    margin: 0 0 8px 0 !important;\r\n    line-height: 1.3 !important;\r\n}\r\n\r\n.afm-sleek-text {\r\n    color: #6B777B !important;\r\n    font-size: 13.5px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.7 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* ----------------------------------\r\n   \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a\r\n   ---------------------------------- *\/\r\n@media (max-width: 768px) {\r\n    .afm-sleek-wrapper {\r\n        padding: 50px 0 !important;\r\n    }\r\n    .afm-sleek-card {\r\n        width: 320px !important;\r\n        padding: 20px !important;\r\n        gap: 15px !important;\r\n    }\r\n    .afm-sleek-icon {\r\n        width: 45px !important;\r\n        height: 45px !important;\r\n        font-size: 18px !important;\r\n        border-radius: 12px !important;\r\n    }\r\n    .afm-sleek-title {\r\n        font-size: 15px !important;\r\n        margin-bottom: 6px !important;\r\n    }\r\n    .afm-sleek-text {\r\n        font-size: 12.5px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"afm-sleek-wrapper\">\r\n    <div class=\"afm-sleek-track\">\r\n        \r\n        <div class=\"afm-sleek-group\">\r\n            \r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-award\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 14 \u0639\u0627\u0645\u064b\u0627<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-ship\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0645\u0628\u0627\u0634\u0631<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u062f\u0648\u0646 \u0623\u064a \u0648\u0633\u0637\u0627\u0621.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u062c\u0648\u062f\u0629 \u0645\u0636\u0645\u0648\u0646\u0629<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0630\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0645\u062a\u0627\u0632\u0629 \u0628\u0639\u062f \u0627\u062c\u062a\u064a\u0627\u0632 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0642\u064a\u0642.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-tags\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u0648\u0641\u0631 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631 \u0628\u0641\u0636\u0644 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-handshake-angle\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0643\u0627\u0645\u0644\u0629<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u0648\u0636\u062d \u0643\u0627\u0641\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0646\u0630 \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0637\u0644\u0628 \u0648\u062d\u062a\u0649 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0637\u0648\u0627\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"afm-sleek-group\" aria-hidden=\"true\">\r\n            \r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-award\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 14 \u0639\u0627\u0645\u064b\u0627<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-ship\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0645\u0628\u0627\u0634\u0631<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u062f\u0648\u0646 \u0623\u064a \u0648\u0633\u0637\u0627\u0621.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u062c\u0648\u062f\u0629 \u0645\u0636\u0645\u0648\u0646\u0629<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0630\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0645\u062a\u0627\u0632\u0629 \u0628\u0639\u062f \u0627\u062c\u062a\u064a\u0627\u0632 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0642\u064a\u0642.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-tags\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u0648\u0641\u0631 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631 \u0628\u0641\u0636\u0644 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-handshake-angle\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0643\u0627\u0645\u0644\u0629<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0646\u0648\u0636\u062d \u0643\u0627\u0641\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0646\u0630 \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0637\u0644\u0628 \u0648\u062d\u062a\u0649 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"afm-sleek-card\">\r\n                <div class=\"afm-sleek-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n                <div class=\"afm-sleek-content\">\r\n                    <h3 class=\"afm-sleek-title\">\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n                    <p class=\"afm-sleek-text\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0637\u0648\u0627\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1b8d5 elementor-widget elementor-widget-html\" data-id=\"1a1b8d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;800;900&display=swap');\r\n\r\n    \/* \u0627\u0644\u063a\u0644\u0627\u0641 \u0627\u0644\u0623\u0633\u0627\u0633\u064a - \u062a\u0635\u0645\u064a\u0645 \u0641\u0627\u062a\u062d \u0648\u0647\u0627\u062f\u0626 *\/\r\n    .afm-vision-wrapper {\r\n        background-color: #F8FBF9; \/* \u0644\u0648\u0646 \u0641\u0627\u062a\u062d \u0645\u0631\u064a\u062d \u064a\u0639\u0643\u0633 \u0627\u0644\u0646\u0642\u0627\u0621 *\/\r\n        padding: 100px 20px;\r\n        font-family: 'Cairo', sans-serif;\r\n        direction: rtl;\r\n        position: relative;\r\n        border-top: 1px solid #EEF2F0;\r\n        border-bottom: 1px solid #EEF2F0;\r\n    }\r\n\r\n    .afm-vision-wrapper *,\r\n    .afm-vision-wrapper *::before,\r\n    .afm-vision-wrapper *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .afm-vision-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 80px;\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646 (\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062b\u0627\u0628\u062a\u0629) --- *\/\r\n    .afm-vision-gallery {\r\n        width: 45%;\r\n        height: 550px;\r\n        position: sticky;\r\n        top: 120px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0645\u0646 \u0623\u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0639\u0646\u062f \u0627\u0644\u0648\u0642\u0648\u0641 *\/\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.08);\r\n        background: #E8EDEA;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0635\u0648\u0631 \u0645\u062a\u0631\u0627\u0643\u0628\u0629 \u0641\u0648\u0642 \u0628\u0639\u0636\u0647\u0627 \u0644\u0639\u0645\u0644 \u062a\u0623\u062b\u064a\u0631 Fade-in \/ Fade-out *\/\r\n    .afm-vision-gallery img {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        opacity: 0;\r\n        transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 3s ease;\r\n        transform: scale(1.05); \/* \u0632\u0648\u0648\u0645 \u0628\u0633\u064a\u0637 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n    }\r\n\r\n    .afm-vision-gallery img.active {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631 (\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u062a\u062d\u0631\u0643 \u0628\u0627\u0644\u0633\u0643\u0631\u0648\u0644) --- *\/\r\n    .afm-vision-content {\r\n        width: 55%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        \/* \u0645\u0633\u0627\u0641\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0644\u0625\u0639\u0637\u0627\u0621 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0633\u0643\u0631\u0648\u0644 *\/\r\n        padding-bottom: 30vh; \r\n        padding-top: 5vh;\r\n    }\r\n\r\n    .afm-vision-block {\r\n        min-height: 50vh; \/* \u0637\u0648\u0644 \u0627\u0644\u0628\u0644\u0648\u0643 \u0644\u064a\u062a\u0646\u0627\u0633\u0642 \u0645\u0639 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        opacity: 0.3; \/* \u0634\u0641\u0627\u0641\u064a\u0629 \u0644\u0644\u0646\u0635 \u063a\u064a\u0631 \u0627\u0644\u0646\u0634\u0637 *\/\r\n        transition: opacity 0.6s ease, transform 0.6s ease;\r\n        transform: translateX(20px);\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .afm-vision-block.active {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .afm-vision-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        background: #E8F6EF;\r\n        color: #1FA463;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        border-radius: 16px;\r\n        margin-bottom: 25px;\r\n        box-shadow: 0 10px 20px rgba(31, 164, 99, 0.08);\r\n    }\r\n\r\n    .afm-vision-title {\r\n        font-size: clamp(34px, 4vw, 44px);\r\n        font-weight: 900;\r\n        color: #10181B;\r\n        margin: 0 0 20px 0;\r\n        line-height: 1.2;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .afm-vision-text {\r\n        font-size: 16px;\r\n        line-height: 2;\r\n        color: #64747B;\r\n        font-weight: 600;\r\n        margin: 0;\r\n        text-align: justify;\r\n    }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u062e\u0627\u0635 \u0644\u0644\u0642\u064a\u0645 *\/\r\n    .afm-values-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .afm-value-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: #FFFFFF;\r\n        border: 1px solid #EAEFEF;\r\n        padding: 14px 20px;\r\n        border-radius: 12px;\r\n        font-size: 14.5px;\r\n        font-weight: 800;\r\n        color: #10181B;\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    .afm-value-item i {\r\n        color: #1FA463;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsive) --- *\/\r\n    @media (max-width: 992px) {\r\n        .afm-vision-container {\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n        .afm-vision-gallery {\r\n            width: 100%;\r\n            height: 400px;\r\n            position: relative; \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0633\u062a\u064a\u0643\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n            top: 0;\r\n        }\r\n        .afm-vision-content {\r\n            width: 100%;\r\n            padding-bottom: 0;\r\n            padding-top: 0;\r\n        }\r\n        .afm-vision-block {\r\n            min-height: auto;\r\n            margin-bottom: 60px;\r\n            opacity: 1; \/* \u0625\u0638\u0647\u0627\u0631 \u0643\u0644 \u0627\u0644\u0628\u0644\u0648\u0643\u0627\u062a \u0628\u0634\u0643\u0644 \u062f\u0627\u0626\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n            transform: translateX(0);\r\n        }\r\n        .afm-vision-block:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .afm-vision-wrapper {\r\n            padding: 80px 15px;\r\n        }\r\n        .afm-vision-gallery {\r\n            height: 300px;\r\n            border-radius: 18px;\r\n        }\r\n        .afm-vision-title {\r\n            font-size: 28px;\r\n        }\r\n        .afm-value-item {\r\n            width: 100%; \/* \u0627\u0644\u0642\u064a\u0645 \u062a\u0623\u062e\u0630 \u0639\u0631\u0636 \u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"afm-vision-wrapper\" dir=\"rtl\">\r\n    <div class=\"afm-vision-container\">\r\n        \r\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646: \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062b\u0627\u0628\u062a (Sticky Gallery) -->\r\n        <div class=\"afm-vision-gallery\" id=\"afm-vision-gallery\">\r\n            <!-- \u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 (\u0646\u0634\u0637\u0629 \u0643\u0627\u0641\u062a\u0631\u0627\u0636\u064a) -->\r\n            <img decoding=\"async\" class=\"afm-gallery-img active\" id=\"img-vision\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0631\u0624\u064a\u062a\u0646\u0627.webp\" alt=\"\u0631\u0624\u064a\u062a\u0646\u0627\">\r\n            <!-- \u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 -->\r\n            <img decoding=\"async\" class=\"afm-gallery-img\" id=\"img-mission\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0631\u0633\u0627\u0644\u062a\u0646\u0627.webp\" alt=\"\u0631\u0633\u0627\u0644\u062a\u0646\u0627\">\r\n            <!-- \u0635\u0648\u0631\u0629 \u0627\u0644\u0642\u064a\u0645 -->\r\n            <img decoding=\"async\" class=\"afm-gallery-img\" id=\"img-values\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0642\u064a\u0645\u0646\u0627.webp\" alt=\"\u0642\u064a\u0645\u0646\u0627\">\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u062a\u062d\u0631\u0643 (Scroll Content) -->\r\n        <div class=\"afm-vision-content\">\r\n            \r\n            <!-- \u0628\u0644\u0648\u0643 1: \u0631\u0624\u064a\u062a\u0646\u0627 -->\r\n            <div class=\"afm-vision-block active\" data-target=\"img-vision\">\r\n                <div class=\"afm-vision-icon\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                <h2 class=\"afm-vision-title\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h2>\r\n                <p class=\"afm-vision-text\">\r\n                    \u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0639\u0632\u0632 \u062b\u0642\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u062d\u0642\u0642 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0631\u0636\u0627.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- \u0628\u0644\u0648\u0643 2: \u0631\u0633\u0627\u0644\u062a\u0646\u0627 -->\r\n            <div class=\"afm-vision-block\" data-target=\"img-mission\">\r\n                <div class=\"afm-vision-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\r\n                <h2 class=\"afm-vision-title\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h2>\r\n                <p class=\"afm-vision-text\">\r\n                    \u062a\u0648\u0641\u064a\u0631 \u0633\u064a\u0627\u0631\u0627\u062a \u0643\u0648\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u0645\u0636\u0645\u0648\u0646\u0629 \u0627\u0644\u0645\u0635\u062f\u0631 \u0639\u0628\u0631 \u062d\u0644\u0648\u0644 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- \u0628\u0644\u0648\u0643 3: \u0642\u064a\u0645\u0646\u0627 -->\r\n            <div class=\"afm-vision-block\" data-target=\"img-values\">\r\n                <div class=\"afm-vision-icon\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\r\n                <h2 class=\"afm-vision-title\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h2>\r\n                <p class=\"afm-vision-text\">\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0631\u0627\u0633\u062e\u0629 \u0627\u0644\u062a\u064a \u0646\u0631\u062a\u0643\u0632 \u0639\u0644\u064a\u0647\u0627 \u0641\u064a \u0643\u0644 \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u0646\u0627 \u0644\u0628\u0646\u0627\u0621 \u062b\u0642\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\r\n                \r\n                <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0642\u064a\u0645 -->\r\n                <div class=\"afm-values-grid\">\r\n                    <div class=\"afm-value-item\"><i class=\"fa-solid fa-scale-balanced\"><\/i> \u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/div>\r\n                    <div class=\"afm-value-item\"><i class=\"fa-solid fa-certificate\"><\/i> \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/div>\r\n                    <div class=\"afm-value-item\"><i class=\"fa-solid fa-face-smile\"><\/i> \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\r\n                    <div class=\"afm-value-item\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i> \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/div>\r\n                    <div class=\"afm-value-item\"><i class=\"fa-solid fa-stopwatch\"><\/i> \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0623\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 \u0643\u0628\u064a\u0631\u0629 (\u0644\u0623\u0646 \u0627\u0644\u0633\u062a\u064a\u0643\u064a \u064a\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 \u0641\u0642\u0637)\r\n        const isDesktop = window.matchMedia(\"(min-width: 993px)\").matches;\r\n        \r\n        if (isDesktop) {\r\n            const blocks = document.querySelectorAll('.afm-vision-block');\r\n            const images = document.querySelectorAll('.afm-gallery-img');\r\n\r\n            \/\/ \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0640 Intersection Observer\r\n            const observerOptions = {\r\n                root: null,\r\n                \/\/ \u0646\u062d\u062f\u062f \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0629 \u0643\u0645\u0631\u0627\u0642\u0628 \u0644\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0628\u0644\u0648\u0643\r\n                rootMargin: \"-30% 0px -40% 0px\",\r\n                threshold: 0\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        \/\/ 1. \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0643\u0644\u0627\u0633 \u0627\u0644\u0646\u0634\u0637 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0644\u0648\u0643\u0627\u062a\r\n                        blocks.forEach(b => b.classList.remove('active'));\r\n                        \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0643\u0644\u0627\u0633 \u0627\u0644\u0646\u0634\u0637 \u0644\u0644\u0628\u0644\u0648\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\r\n                        entry.target.classList.add('active');\r\n\r\n                        \/\/ 2. \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0639\u0631\u0636\r\n                        const targetImgId = entry.target.getAttribute('data-target');\r\n                        images.forEach(img => {\r\n                            if(img.id === targetImgId) {\r\n                                img.classList.add('active');\r\n                            } else {\r\n                                img.classList.remove('active');\r\n                            }\r\n                        });\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            \/\/ \u0645\u0631\u0627\u0642\u0628\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0644\u0648\u0643\u0627\u062a \u0627\u0644\u0646\u0635\u064a\u0629\r\n            blocks.forEach(block => observer.observe(block));\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd32d60 elementor-widget elementor-widget-html\" data-id=\"dd32d60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap');\r\n\r\n    :root {\r\n        --tz-pr-primary: #1FA463;\r\n        --tz-pr-primary-dark: #12804D;\r\n        --tz-pr-bg: #F5F9F7;\r\n        --tz-pr-card: #FFFFFF;\r\n        --tz-pr-text: #64747B;\r\n        --tz-pr-heading: #0B1310;\r\n        --tz-pr-border: #E8EFEA;\r\n        --tz-pr-soft: rgba(31, 164, 99, 0.10);\r\n        --tz-pr-shadow: rgba(31, 164, 99, 0.18);\r\n    }\r\n\r\n    .tz-premium-services,\r\n    .tz-premium-services * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .tz-premium-services {\r\n        position: relative;\r\n        padding: clamp(70px, 8vw, 120px) 20px;\r\n        background-color: var(--tz-pr-bg);\r\n        font-family: 'Cairo', sans-serif;\r\n        direction: rtl;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tz-premium-services::before,\r\n    .tz-premium-services::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(140px);\r\n        z-index: 0;\r\n        animation: tz-ambient-move 25s infinite alternate ease-in-out;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tz-premium-services::before {\r\n        width: 700px;\r\n        height: 700px;\r\n        background: rgba(31, 164, 99, 0.06);\r\n        top: -200px;\r\n        right: -150px;\r\n    }\r\n\r\n    .tz-premium-services::after {\r\n        width: 600px;\r\n        height: 600px;\r\n        background: rgba(18, 128, 77, 0.04);\r\n        bottom: -200px;\r\n        left: -100px;\r\n        animation-delay: -7s;\r\n    }\r\n\r\n    @keyframes tz-ambient-move {\r\n        0% { transform: translate(0, 0) scale(1); }\r\n        100% { transform: translate(50px, 50px) scale(1.1); }\r\n    }\r\n\r\n    .tz-ps-container {\r\n        width: 100%;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tz-ps-header {\r\n        text-align: center;\r\n        margin-bottom: clamp(35px, 5vw, 60px);\r\n    }\r\n\r\n    .tz-ps-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        background: #FFFFFF;\r\n        color: var(--tz-pr-primary);\r\n        padding: 8px 22px;\r\n        border-radius: 50px;\r\n        font-size: 13.5px;\r\n        font-weight: 800;\r\n        margin-bottom: 20px;\r\n        box-shadow: 0 10px 20px rgba(31, 164, 99, 0.06);\r\n    }\r\n\r\n    .tz-ps-title {\r\n        font-size: clamp(28px, 4vw, 44px);\r\n        font-weight: 900;\r\n        color: var(--tz-pr-heading);\r\n        margin: 0 0 15px 0;\r\n        letter-spacing: -1px;\r\n        line-height: 1.25;\r\n    }\r\n\r\n    .tz-ps-desc {\r\n        font-size: clamp(14px, 1.5vw, 16px);\r\n        color: var(--tz-pr-text);\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n        line-height: 1.9;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tz-ps-showcase {\r\n        background: var(--tz-pr-card);\r\n        border: 1px solid var(--tz-pr-border);\r\n        border-radius: clamp(22px, 3vw, 32px);\r\n        padding: clamp(18px, 3.5vw, 40px);\r\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    \/* Indicators *\/\r\n    .tz-indicator-track {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 16px;\r\n        margin-bottom: clamp(30px, 4vw, 50px);\r\n    }\r\n\r\n    .tz-indicator-btn {\r\n        width: 100%;\r\n        background: #ffffff;\r\n        border: 1px solid var(--tz-pr-border);\r\n        border-radius: 18px;\r\n        padding: 14px 14px 16px;\r\n        cursor: pointer;\r\n        text-align: right;\r\n        opacity: 0.72;\r\n        transition: \r\n            opacity 0.35s ease,\r\n            transform 0.35s ease,\r\n            background 0.35s ease,\r\n            border-color 0.35s ease,\r\n            box-shadow 0.35s ease;\r\n    }\r\n\r\n    .tz-indicator-btn:hover {\r\n        opacity: 1;\r\n        transform: translateY(-4px);\r\n        background: linear-gradient(135deg, var(--tz-pr-primary), var(--tz-pr-primary-dark));\r\n        border-color: transparent;\r\n        box-shadow: 0 18px 35px -18px var(--tz-pr-shadow);\r\n    }\r\n\r\n    .tz-indicator-btn.active {\r\n        opacity: 1;\r\n        background: rgba(31, 164, 99, 0.06);\r\n        border-color: rgba(31, 164, 99, 0.22);\r\n    }\r\n\r\n    .tz-indicator-btn.active:hover {\r\n        background: linear-gradient(135deg, var(--tz-pr-primary), var(--tz-pr-primary-dark));\r\n        border-color: transparent;\r\n    }\r\n\r\n    .tz-progress-bg {\r\n        width: 100%;\r\n        height: 4px;\r\n        background: #F0F4F2;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .tz-progress-fill {\r\n        height: 100%;\r\n        width: 0;\r\n        background: var(--tz-pr-primary);\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .tz-indicator-btn:hover .tz-progress-bg {\r\n        background: rgba(255, 255, 255, 0.25);\r\n    }\r\n\r\n    .tz-indicator-btn:hover .tz-progress-fill {\r\n        background: #FFFFFF;\r\n    }\r\n\r\n    .tz-indicator-btn.active .tz-progress-fill {\r\n        animation: tz-fill-bar 6s linear forwards;\r\n    }\r\n\r\n    @keyframes tz-fill-bar {\r\n        0% { width: 0; }\r\n        100% { width: 100%; }\r\n    }\r\n\r\n    .tz-indicator-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-family: 'Cairo', sans-serif;\r\n        font-size: clamp(13.5px, 1.2vw, 16px);\r\n        font-weight: 800;\r\n        color: var(--tz-pr-heading);\r\n        line-height: 1.5;\r\n        transition: color 0.35s ease;\r\n    }\r\n\r\n    .tz-indicator-label i {\r\n        color: var(--tz-pr-primary);\r\n        font-size: 18px;\r\n        transition: color 0.35s ease, transform 0.35s ease;\r\n    }\r\n\r\n    \/* \u0644\u0648\u0646 \u0627\u0644\u0647\u0648\u0641\u0631 \u0639\u0644\u0649 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062e\u062f\u0645\u0629 *\/\r\n    .tz-indicator-btn:hover .tz-indicator-label,\r\n    .tz-indicator-btn:hover .tz-indicator-label i {\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .tz-indicator-btn:hover .tz-indicator-label i {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .tz-slide-wrapper {\r\n        position: relative;\r\n        min-height: auto;\r\n    }\r\n\r\n    .tz-slide {\r\n        display: none;\r\n        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n        gap: clamp(30px, 5vw, 60px);\r\n        align-items: center;\r\n    }\r\n\r\n    .tz-slide.active {\r\n        display: grid;\r\n        animation: tz-fade-slide 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n    }\r\n\r\n    @keyframes tz-fade-slide {\r\n        0% { opacity: 0; transform: translateY(20px); }\r\n        100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .tz-slide-content h3 {\r\n        font-size: clamp(24px, 3vw, 32px);\r\n        font-weight: 900;\r\n        color: var(--tz-pr-heading);\r\n        margin: 0 0 18px 0;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .tz-slide-content p {\r\n        font-size: clamp(14px, 1.5vw, 16px);\r\n        line-height: 2;\r\n        color: var(--tz-pr-text);\r\n        font-weight: 600;\r\n        margin: 0 0 30px 0;\r\n    }\r\n\r\n    .tz-slide-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n    }\r\n\r\n    .tz-slide-list-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 13px;\r\n        font-size: clamp(13.5px, 1.4vw, 15px);\r\n        font-weight: 800;\r\n        color: var(--tz-pr-heading);\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .tz-list-icon {\r\n        width: 28px;\r\n        min-width: 28px;\r\n        height: 28px;\r\n        background: rgba(31, 164, 99, 0.1);\r\n        color: var(--tz-pr-primary);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .tz-slide-image {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 16 \/ 11;\r\n        min-height: 360px;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .tz-slide-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transform: scale(1.05);\r\n        transition: transform 6s ease;\r\n    }\r\n\r\n    .tz-slide.active .tz-slide-image img {\r\n        transform: scale(1);\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n        .tz-indicator-track {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n\r\n        .tz-slide {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .tz-slide-image {\r\n            order: -1;\r\n            min-height: 330px;\r\n            aspect-ratio: 16 \/ 9;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tz-premium-services {\r\n            padding: 70px 14px;\r\n        }\r\n\r\n        .tz-ps-showcase {\r\n            padding: 18px;\r\n        }\r\n\r\n        .tz-indicator-track {\r\n            gap: 12px;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .tz-indicator-btn {\r\n            padding: 12px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .tz-progress-bg {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .tz-indicator-label {\r\n            gap: 8px;\r\n        }\r\n\r\n        .tz-indicator-label i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .tz-slide {\r\n            gap: 25px;\r\n        }\r\n\r\n        .tz-slide-image {\r\n            min-height: 240px;\r\n            border-radius: 18px;\r\n        }\r\n\r\n        .tz-slide-content p {\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .tz-slide-list-item {\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .tz-list-icon {\r\n            margin-top: 3px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tz-premium-services {\r\n            padding: 55px 12px;\r\n        }\r\n\r\n        .tz-ps-header {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .tz-ps-tag {\r\n            font-size: 12.5px;\r\n            padding: 7px 16px;\r\n        }\r\n\r\n        .tz-indicator-track {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .tz-indicator-btn {\r\n            border-radius: 14px;\r\n        }\r\n\r\n        .tz-slide-image {\r\n            min-height: 210px;\r\n            aspect-ratio: 4 \/ 3;\r\n        }\r\n\r\n        .tz-slide-content h3 {\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .tz-slide-content p {\r\n            line-height: 1.9;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"tz-premium-services\" dir=\"rtl\">\r\n    <div class=\"tz-ps-container\">\r\n        \r\n        <div class=\"tz-ps-header\">\r\n            <div class=\"tz-ps-tag\"><i class=\"fa-solid fa-gem\"><\/i> \u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/div>\r\n            <h2 class=\"tz-ps-title\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f\u0643 \u0627\u0644\u0622\u0645\u0646\u0629 \u0645\u0646 \u0643\u0648\u0631\u064a\u0627<\/h2>\r\n            <p class=\"tz-ps-desc\">\u0646\u0648\u0641\u0631 \u0644\u0643 \u0631\u062d\u0644\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0633\u064a\u0627\u0631\u0629 \u0623\u062d\u0644\u0627\u0645\u0643 \u0645\u0646 \u0627\u0644\u0645\u0635\u062f\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645\u0647\u0627 \u0623\u0645\u0627\u0645 \u0628\u0627\u0628 \u0645\u0646\u0632\u0644\u0643 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tz-ps-showcase\">\r\n            \r\n            <div class=\"tz-indicator-track\">\r\n                \r\n                <button class=\"tz-indicator-btn active\" data-index=\"0\">\r\n                    <div class=\"tz-progress-bg\"><div class=\"tz-progress-fill\"><\/div><\/div>\r\n                    <div class=\"tz-indicator-label\"><i class=\"fa-solid fa-ship\"><\/i> \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/div>\r\n                <\/button>\r\n\r\n                <button class=\"tz-indicator-btn\" data-index=\"1\">\r\n                    <div class=\"tz-progress-bg\"><div class=\"tz-progress-fill\"><\/div><\/div>\r\n                    <div class=\"tz-indicator-label\"><i class=\"fa-solid fa-gavel\"><\/i> \u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629<\/div>\r\n                <\/button>\r\n\r\n                <button class=\"tz-indicator-btn\" data-index=\"2\">\r\n                    <div class=\"tz-progress-bg\"><div class=\"tz-progress-fill\"><\/div><\/div>\r\n                    <div class=\"tz-indicator-label\"><i class=\"fa-solid fa-microscope\"><\/i> \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/div>\r\n                <\/button>\r\n\r\n                <button class=\"tz-indicator-btn\" data-index=\"3\">\r\n                    <div class=\"tz-progress-bg\"><div class=\"tz-progress-fill\"><\/div><\/div>\r\n                    <div class=\"tz-indicator-label\"><i class=\"fa-solid fa-truck-fast\"><\/i> \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0622\u0645\u0646<\/div>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tz-slide-wrapper\">\r\n                \r\n                <div class=\"tz-slide active\">\r\n                    <div class=\"tz-slide-content\">\r\n                        <h3>\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629<\/h3>\r\n                        <p>\u0646\u0648\u0641\u0631 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 (\u0628\u0646\u0632\u064a\u0646 \u0648\u062f\u064a\u0632\u0644) \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u0627\u0644\u0645\u0635\u062f\u0631 \u0645\u0639 \u0636\u0645\u0627\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.<\/p>\r\n                        <div class=\"tz-slide-list\">\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0644\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0633\u0639\u0631<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tz-slide-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f-\u0627\u0644\u0645\u0628\u0627\u0634\u0631-scaled.webp\" alt=\"\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tz-slide\">\r\n                    <div class=\"tz-slide-content\">\r\n                        <h3>\u0634\u0631\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a<\/h3>\r\n                        <p>\u0646\u0645\u062a\u0644\u0643 \u0639\u0636\u0648\u064a\u0629 \u062d\u0635\u0631\u064a\u0629 \u0648\u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629 \u0648\u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0645\u0645\u0627 \u064a\u0645\u0646\u062d \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0641\u0631\u0635\u064b\u0627 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0644\u0627\u0642\u062a\u0646\u0627\u0635 \u0633\u064a\u0627\u0631\u0627\u062a \u0645\u0645\u064a\u0632\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062c\u062f\u0627\u064b \u0644\u0627 \u062a\u062a\u0648\u0641\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a.<\/p>\r\n                        <div class=\"tz-slide-list\">\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0627\u0644\u062f\u062e\u0648\u0644 \u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0645\u063a\u0644\u0642\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0627\u0642\u062a\u0646\u0627\u0635 \u0627\u0644\u0641\u0631\u0635 \u0628\u0623\u0633\u0639\u0627\u0631 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0633\u0648\u0642<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tz-slide-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a-scaled.webp\" alt=\"\u0627\u0644\u0645\u0632\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tz-slide\">\r\n                    <div class=\"tz-slide-content\">\r\n                        <h3>\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0627\u0644\u062f\u0642\u064a\u0642<\/h3>\r\n                        <p>\u0644\u0627 \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0638\u0647\u0631 \u0641\u0642\u0637! \u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0634\u0627\u0645\u0644 \u0644\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0642\u0628\u0644 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0634\u0631\u0627\u0621 \u0644\u0636\u0645\u0627\u0646 \u062e\u0644\u0648\u0647\u0627 \u0645\u0646 \u0623\u064a \u0639\u064a\u0648\u0628 \u0648\u062d\u0645\u0627\u064a\u062a\u0643 \u0645\u0646 \u0627\u0644\u0645\u0641\u0627\u062c\u0622\u062a.<\/p>\r\n                        <div class=\"tz-slide-list\">\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0641\u062d\u0635 \u0627\u0644\u0647\u064a\u0643\u0644 \u0648\u0627\u0644\u0645\u062d\u0631\u0643 \u0648\u0646\u0627\u0642\u0644 \u0627\u0644\u062d\u0631\u0643\u0629<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062d\u0648\u0627\u062f\u062b \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0628\u062f\u0642\u0629<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tz-slide-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0641\u062d\u0635-\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a-scaled.webp\" alt=\"\u0641\u062d\u0635 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tz-slide\">\r\n                    <div class=\"tz-slide-content\">\r\n                        <h3>\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0622\u0645\u0646 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644<\/h3>\r\n                        <p>\u0646\u062a\u0627\u0628\u0639 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0634\u062d\u0646 \u0628\u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0623\u0645\u0627\u0646 \u0645\u0646 \u0643\u0648\u0631\u064a\u0627 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0646\u0648\u0641\u0631 \u0644\u0643 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0648\u0644\u062d\u0638\u064a\u0629 \u062d\u062a\u0649 \u062a\u062a\u0633\u0644\u0645 \u0633\u064a\u0627\u0631\u062a\u0643 \u0628\u0643\u0644 \u0627\u0637\u0645\u0626\u0646\u0627\u0646.<\/p>\r\n                        <div class=\"tz-slide-list\">\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u062a\u0639\u0627\u0642\u062f \u0645\u0639 \u0623\u0641\u0636\u0644 \u062e\u0637\u0648\u0637 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062f\u0648\u0644\u064a<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u062a\u0623\u0645\u064a\u0646 \u0634\u0627\u0645\u0644 \u0623\u062b\u0646\u0627\u0621 \u0631\u062d\u0644\u0629 \u0627\u0644\u0634\u062d\u0646<\/div>\r\n                            <div class=\"tz-slide-list-item\"><div class=\"tz-list-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div> \u062a\u062a\u0628\u0639 \u0644\u062d\u0638\u064a \u0648\u062a\u062d\u062f\u064a\u062b \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0639\u0645\u064a\u0644<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tz-slide-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/almasah-alfarida.7777pharmacy.com\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0634\u062d\u0646-scaled.webp\" alt=\"\u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        const indicators = document.querySelectorAll('.tz-indicator-btn');\r\n        const slides = document.querySelectorAll('.tz-slide');\r\n        let currentIndex = 0;\r\n        let slideTimer;\r\n        const duration = 6000;\r\n\r\n        function changeSlide(index) {\r\n            indicators.forEach(ind => {\r\n                ind.classList.remove('active');\r\n\r\n                const fill = ind.querySelector('.tz-progress-fill');\r\n                if (fill) {\r\n                    fill.style.animation = 'none';\r\n                    void fill.offsetWidth;\r\n                    fill.style.animation = null;\r\n                }\r\n            });\r\n\r\n            slides.forEach(slide => slide.classList.remove('active'));\r\n\r\n            if (indicators[index] && slides[index]) {\r\n                indicators[index].classList.add('active');\r\n                slides[index].classList.add('active');\r\n                currentIndex = index;\r\n            }\r\n        }\r\n\r\n        function startAutoPlay() {\r\n            clearInterval(slideTimer);\r\n            slideTimer = setInterval(() => {\r\n                const nextIndex = (currentIndex + 1) % indicators.length;\r\n                changeSlide(nextIndex);\r\n            }, duration);\r\n        }\r\n\r\n        indicators.forEach((indicator, index) => {\r\n            indicator.addEventListener('click', () => {\r\n                changeSlide(index);\r\n                startAutoPlay();\r\n            });\r\n        });\r\n\r\n        startAutoPlay();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9eb46 elementor-widget elementor-widget-html\" data-id=\"6c9eb46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap');\r\n\r\n    :root {\r\n        --tz-pr-primary: #1FA463;\r\n        --tz-pr-primary-dark: #12804D;\r\n        --tz-pr-bg: #F5F9F7;\r\n        --tz-pr-card: #FFFFFF;\r\n        --tz-pr-text: #64747B;\r\n        --tz-pr-heading: #0B1310;\r\n        --tz-pr-border: #E8EFEA;\r\n        --tz-pr-soft: rgba(31, 164, 99, 0.10);\r\n    }\r\n\r\n    .tz-import-steps,\r\n    .tz-import-steps * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .tz-import-steps {\r\n        position: relative;\r\n        padding: clamp(70px, 8vw, 120px) 20px;\r\n        background: #ffffff;\r\n        font-family: 'Cairo', sans-serif;\r\n        direction: rtl;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tz-import-steps::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 650px;\r\n        height: 650px;\r\n        border-radius: 50%;\r\n        background: rgba(31, 164, 99, 0.06);\r\n        filter: blur(120px);\r\n        top: -220px;\r\n        right: -180px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tz-import-steps::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 520px;\r\n        height: 520px;\r\n        border-radius: 50%;\r\n        background: rgba(18, 128, 77, 0.04);\r\n        filter: blur(120px);\r\n        bottom: -220px;\r\n        left: -160px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tz-is-container {\r\n        width: 100%;\r\n        max-width: 1250px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tz-is-header {\r\n        text-align: center;\r\n        max-width: 720px;\r\n        margin: 0 auto clamp(38px, 5vw, 65px);\r\n    }\r\n\r\n    .tz-is-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        background: var(--tz-pr-bg);\r\n        color: var(--tz-pr-primary);\r\n        padding: 8px 22px;\r\n        border-radius: 50px;\r\n        font-size: 13.5px;\r\n        font-weight: 800;\r\n        margin-bottom: 18px;\r\n        box-shadow: 0 10px 22px rgba(31, 164, 99, 0.06);\r\n    }\r\n\r\n    .tz-is-title {\r\n        margin: 0 0 14px;\r\n        color: var(--tz-pr-heading);\r\n        font-size: clamp(28px, 4vw, 44px);\r\n        line-height: 1.25;\r\n        font-weight: 900;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .tz-is-desc {\r\n        margin: 0 auto;\r\n        color: var(--tz-pr-text);\r\n        font-size: clamp(14px, 1.5vw, 16px);\r\n        line-height: 1.9;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tz-steps-timeline {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-columns: repeat(5, minmax(0, 1fr));\r\n        gap: 18px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .tz-steps-timeline::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 42px;\r\n        right: 8%;\r\n        left: 8%;\r\n        height: 3px;\r\n        background: linear-gradient(\r\n            90deg,\r\n            rgba(31, 164, 99, 0.08),\r\n            rgba(31, 164, 99, 0.35),\r\n            rgba(31, 164, 99, 0.08)\r\n        );\r\n        border-radius: 20px;\r\n        z-index: 0;\r\n    }\r\n\r\n    .tz-step-card {\r\n        position: relative;\r\n        z-index: 1;\r\n        background: var(--tz-pr-card);\r\n        border: 1px solid var(--tz-pr-border);\r\n        border-radius: 26px;\r\n        padding: 26px 22px 24px;\r\n        min-height: 245px;\r\n        box-shadow: 0 26px 55px -35px rgba(0, 0, 0, 0.18);\r\n        transition: \r\n            transform 0.35s ease,\r\n            box-shadow 0.35s ease,\r\n            border-color 0.35s ease;\r\n    }\r\n\r\n    .tz-step-card:hover {\r\n        transform: translateY(-8px);\r\n        border-color: rgba(31, 164, 99, 0.28);\r\n        box-shadow: 0 32px 70px -36px rgba(31, 164, 99, 0.35);\r\n    }\r\n\r\n    .tz-step-number {\r\n        width: 58px;\r\n        height: 58px;\r\n        margin: 0 auto 20px;\r\n        border-radius: 20px;\r\n        background: linear-gradient(135deg, var(--tz-pr-primary), var(--tz-pr-primary-dark));\r\n        color: #ffffff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 22px;\r\n        font-weight: 900;\r\n        box-shadow: 0 16px 28px rgba(31, 164, 99, 0.22);\r\n        transition: transform 0.35s ease;\r\n    }\r\n\r\n    .tz-step-card:hover .tz-step-number {\r\n        transform: rotate(-6deg) scale(1.06);\r\n    }\r\n\r\n    .tz-step-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        margin: 0 auto 16px;\r\n        border-radius: 50%;\r\n        background: var(--tz-pr-soft);\r\n        color: var(--tz-pr-primary);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .tz-step-title {\r\n        margin: 0 0 10px;\r\n        color: var(--tz-pr-heading);\r\n        font-size: 18px;\r\n        font-weight: 900;\r\n        line-height: 1.5;\r\n        text-align: center;\r\n    }\r\n\r\n    .tz-step-text {\r\n        margin: 0;\r\n        color: var(--tz-pr-text);\r\n        font-size: 14.5px;\r\n        font-weight: 600;\r\n        line-height: 1.9;\r\n        text-align: center;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n        .tz-steps-timeline {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n\r\n        .tz-steps-timeline::before {\r\n            display: none;\r\n        }\r\n\r\n        .tz-step-card {\r\n            min-height: auto;\r\n        }\r\n\r\n        .tz-step-card:last-child {\r\n            grid-column: 1 \/ -1;\r\n            max-width: 520px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tz-import-steps {\r\n            padding: 70px 14px;\r\n        }\r\n\r\n        .tz-steps-timeline {\r\n            grid-template-columns: 1fr;\r\n            gap: 16px;\r\n        }\r\n\r\n        .tz-step-card,\r\n        .tz-step-card:last-child {\r\n            max-width: 100%;\r\n            margin: 0;\r\n        }\r\n\r\n        .tz-step-card {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            column-gap: 16px;\r\n            align-items: start;\r\n            padding: 20px;\r\n            border-radius: 22px;\r\n            text-align: right;\r\n        }\r\n\r\n        .tz-step-number {\r\n            grid-row: 1 \/ 4;\r\n            margin: 0;\r\n            width: 52px;\r\n            height: 52px;\r\n            border-radius: 17px;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .tz-step-icon {\r\n            display: none;\r\n        }\r\n\r\n        .tz-step-title,\r\n        .tz-step-text {\r\n            text-align: right;\r\n        }\r\n\r\n        .tz-step-title {\r\n            font-size: 17px;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .tz-step-text {\r\n            font-size: 14px;\r\n            line-height: 1.8;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tz-import-steps {\r\n            padding: 55px 12px;\r\n        }\r\n\r\n        .tz-is-tag {\r\n            font-size: 12.5px;\r\n            padding: 7px 16px;\r\n        }\r\n\r\n        .tz-step-card {\r\n            padding: 18px;\r\n            column-gap: 13px;\r\n        }\r\n\r\n        .tz-step-number {\r\n            width: 46px;\r\n            height: 46px;\r\n            font-size: 18px;\r\n            border-radius: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"tz-import-steps\" dir=\"rtl\">\r\n    <div class=\"tz-is-container\">\r\n\r\n        <div class=\"tz-is-header\">\r\n            <div class=\"tz-is-tag\">\r\n                <i class=\"fa-solid fa-route\"><\/i>\r\n                \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f\r\n            <\/div>\r\n\r\n            <h2 class=\"tz-is-title\">\u0631\u062d\u0644\u0629 \u0648\u0627\u0636\u062d\u0629 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/h2>\r\n\r\n            <p class=\"tz-is-desc\">\r\n                \u0646\u0631\u062a\u0628 \u0644\u0643 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0633\u0647\u0644\u0629 \u0648\u0622\u0645\u0646\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tz-steps-timeline\">\r\n\r\n            <div class=\"tz-step-card\">\r\n                <div class=\"tz-step-number\">1<\/div>\r\n                <div class=\"tz-step-icon\">\r\n                    <i class=\"fa-solid fa-car-side\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"tz-step-title\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/h3>\r\n                <p class=\"tz-step-text\">\r\n                    \u064a\u0642\u0648\u0645 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0623\u0648 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0647.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"tz-step-card\">\r\n                <div class=\"tz-step-number\">2<\/div>\r\n                <div class=\"tz-step-icon\">\r\n                    <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"tz-step-title\">\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0641\u062d\u0635<\/h3>\r\n                <p class=\"tz-step-text\">\r\n                    \u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0648\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0634\u0627\u0645\u0644.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"tz-step-card\">\r\n                <div class=\"tz-step-number\">3<\/div>\r\n                <div class=\"tz-step-icon\">\r\n                    <i class=\"fa-solid fa-file-circle-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"tz-step-title\">\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0634\u0631\u0627\u0621<\/h3>\r\n                <p class=\"tz-step-text\">\r\n                    \u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0644\u0644\u0639\u0645\u064a\u0644 \u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"tz-step-card\">\r\n                <div class=\"tz-step-number\">4<\/div>\r\n                <div class=\"tz-step-icon\">\r\n                    <i class=\"fa-solid fa-ship\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"tz-step-title\">\u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635<\/h3>\r\n                <p class=\"tz-step-text\">\r\n                    \u0646\u062a\u0648\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"tz-step-card\">\r\n                <div class=\"tz-step-number\">5<\/div>\r\n                <div class=\"tz-step-icon\">\r\n                    <i class=\"fa-solid fa-key\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"tz-step-title\">\u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/h3>\r\n                <p class=\"tz-step-text\">\r\n                    \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0628\u0639\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e4fe70 elementor-widget elementor-widget-html\" data-id=\"2e4fe70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap');\r\n\r\n    :root {\r\n        --tz-hj-primary: #1FA463;\r\n        --tz-hj-primary-dark: #12804D;\r\n        --tz-hj-bg: #06110B;\r\n        --tz-hj-bg-2: #0A1710;\r\n        --tz-hj-text: rgba(255,255,255,0.70);\r\n        --tz-hj-heading: #FFFFFF;\r\n        --tz-hj-soft: rgba(255,255,255,0.07);\r\n        --tz-hj-border: rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .tz-horizontal-journey,\r\n    .tz-horizontal-journey * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .tz-horizontal-journey {\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: 85px 20px;\r\n        font-family: 'Cairo', sans-serif;\r\n        direction: rtl;\r\n        background:\r\n            radial-gradient(circle at 85% 15%, rgba(31,164,99,0.18), transparent 28%),\r\n            radial-gradient(circle at 10% 90%, rgba(31,164,99,0.10), transparent 25%),\r\n            linear-gradient(180deg, var(--tz-hj-bg) 0%, var(--tz-hj-bg-2) 100%);\r\n        color: var(--tz-hj-text);\r\n    }\r\n\r\n    .tz-horizontal-journey::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 480px;\r\n        height: 480px;\r\n        border-radius: 50%;\r\n        background: rgba(31, 164, 99, 0.11);\r\n        filter: blur(120px);\r\n        top: -180px;\r\n        right: -140px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tz-horizontal-journey::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 420px;\r\n        height: 420px;\r\n        border-radius: 50%;\r\n        background: rgba(31, 164, 99, 0.08);\r\n        filter: blur(120px);\r\n        bottom: -180px;\r\n        left: -140px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tz-hj-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .tz-hj-header {\r\n        text-align: center;\r\n        max-width: 720px;\r\n        margin: 0 auto 58px;\r\n    }\r\n\r\n    .tz-hj-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 7px 16px;\r\n        border-radius: 999px;\r\n        background: rgba(255,255,255,0.06);\r\n        border: 1px solid rgba(255,255,255,0.08);\r\n        color: #CFF7E2;\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        margin-bottom: 14px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .tz-hj-title {\r\n        margin: 0 0 12px;\r\n        color: var(--tz-hj-heading);\r\n        font-size: clamp(26px, 3.6vw, 40px);\r\n        line-height: 1.25;\r\n        font-weight: 900;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .tz-hj-desc {\r\n        margin: 0 auto;\r\n        max-width: 650px;\r\n        font-size: 14.5px;\r\n        line-height: 1.8;\r\n        color: rgba(255,255,255,0.70);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tz-hj-scroll {\r\n        width: 100%;\r\n        overflow-x: auto;\r\n        overflow-y: hidden;\r\n        padding: 12px 2px 18px;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: rgba(31,164,99,0.55) rgba(255,255,255,0.08);\r\n    }\r\n\r\n    .tz-hj-scroll::-webkit-scrollbar {\r\n        height: 6px;\r\n    }\r\n\r\n    .tz-hj-scroll::-webkit-scrollbar-track {\r\n        background: rgba(255,255,255,0.08);\r\n        border-radius: 999px;\r\n    }\r\n\r\n    .tz-hj-scroll::-webkit-scrollbar-thumb {\r\n        background: rgba(31,164,99,0.65);\r\n        border-radius: 999px;\r\n    }\r\n\r\n    .tz-hj-track {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-columns: repeat(5, minmax(190px, 1fr));\r\n        gap: 18px;\r\n        min-width: 980px;\r\n        padding: 24px 0 10px;\r\n    }\r\n\r\n    .tz-hj-track::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 70px;\r\n        right: 9%;\r\n        left: 9%;\r\n        height: 3px;\r\n        border-radius: 999px;\r\n        background: linear-gradient(\r\n            90deg,\r\n            rgba(31,164,99,0.05),\r\n            rgba(31,164,99,0.85),\r\n            rgba(31,164,99,0.35),\r\n            rgba(31,164,99,0.85),\r\n            rgba(31,164,99,0.05)\r\n        );\r\n        box-shadow:\r\n            0 0 20px rgba(31,164,99,0.22),\r\n            0 0 50px rgba(31,164,99,0.14);\r\n        z-index: 0;\r\n    }\r\n\r\n    .tz-hj-step {\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n        padding: 0 8px;\r\n    }\r\n\r\n    .tz-hj-node-wrap {\r\n        position: relative;\r\n        width: 92px;\r\n        height: 92px;\r\n        margin: 0 auto 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tz-hj-pulse {\r\n        position: absolute;\r\n        width: 92px;\r\n        height: 92px;\r\n        border-radius: 50%;\r\n        border: 1px solid rgba(31,164,99,0.18);\r\n        animation: tzHjPulse 2.8s infinite ease-out;\r\n    }\r\n\r\n    @keyframes tzHjPulse {\r\n        0% {\r\n            transform: scale(0.78);\r\n            opacity: 0.85;\r\n        }\r\n\r\n        100% {\r\n            transform: scale(1.28);\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    .tz-hj-node {\r\n        position: relative;\r\n        width: 66px;\r\n        height: 66px;\r\n        border-radius: 50%;\r\n        background:\r\n            radial-gradient(circle at 30% 30%, rgba(255,255,255,0.18), transparent 35%),\r\n            linear-gradient(145deg, var(--tz-hj-primary), var(--tz-hj-primary-dark));\r\n        color: #FFFFFF;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow:\r\n            0 0 0 8px rgba(31,164,99,0.08),\r\n            0 0 0 1px rgba(255,255,255,0.12) inset,\r\n            0 18px 38px rgba(0,0,0,0.34),\r\n            0 0 32px rgba(31,164,99,0.34);\r\n        transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n    }\r\n\r\n    .tz-hj-node i {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .tz-hj-step:hover .tz-hj-node {\r\n        transform: translateY(-6px) scale(1.06);\r\n        box-shadow:\r\n            0 0 0 10px rgba(31,164,99,0.10),\r\n            0 0 0 1px rgba(255,255,255,0.16) inset,\r\n            0 24px 48px rgba(0,0,0,0.42),\r\n            0 0 46px rgba(31,164,99,0.50);\r\n    }\r\n\r\n    .tz-hj-number {\r\n        position: absolute;\r\n        top: -5px;\r\n        right: 4px;\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        background: #FFFFFF;\r\n        color: var(--tz-hj-primary-dark);\r\n        font-size: 11px;\r\n        font-weight: 900;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 8px 18px rgba(0,0,0,0.20);\r\n    }\r\n\r\n    .tz-hj-mini {\r\n        display: inline-block;\r\n        margin-bottom: 5px;\r\n        color: #98E9BF;\r\n        font-size: 10.5px;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .tz-hj-heading {\r\n        margin: 0 0 7px;\r\n        color: #FFFFFF;\r\n        font-size: 17.5px;\r\n        line-height: 1.4;\r\n        font-weight: 900;\r\n    }\r\n\r\n    .tz-hj-text {\r\n        margin: 0 auto;\r\n        max-width: 210px;\r\n        color: rgba(255,255,255,0.68);\r\n        font-size: 13.2px;\r\n        line-height: 1.75;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tz-hj-footer-note {\r\n        margin-top: 22px;\r\n        text-align: center;\r\n        color: rgba(255,255,255,0.48);\r\n        font-size: 12px;\r\n        line-height: 1.8;\r\n        font-weight: 700;\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .tz-horizontal-journey {\r\n            padding: 70px 16px;\r\n        }\r\n\r\n        .tz-hj-header {\r\n            margin-bottom: 38px;\r\n        }\r\n\r\n        .tz-hj-track {\r\n            min-width: 920px;\r\n            grid-template-columns: repeat(5, 170px);\r\n            gap: 14px;\r\n        }\r\n\r\n        .tz-hj-track::before {\r\n            top: 66px;\r\n            right: 8%;\r\n            left: 8%;\r\n        }\r\n\r\n        .tz-hj-node-wrap {\r\n            width: 84px;\r\n            height: 84px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .tz-hj-node {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n\r\n        .tz-hj-node i {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .tz-hj-pulse {\r\n            width: 84px;\r\n            height: 84px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .tz-horizontal-journey {\r\n            padding: 58px 12px;\r\n        }\r\n\r\n        .tz-hj-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .tz-hj-desc {\r\n            font-size: 13.5px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .tz-hj-scroll {\r\n            padding-bottom: 14px;\r\n        }\r\n\r\n        .tz-hj-track {\r\n            min-width: 820px;\r\n            grid-template-columns: repeat(5, 150px);\r\n            gap: 10px;\r\n        }\r\n\r\n        .tz-hj-track::before {\r\n            top: 58px;\r\n        }\r\n\r\n        .tz-hj-node-wrap {\r\n            width: 74px;\r\n            height: 74px;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .tz-hj-node {\r\n            width: 52px;\r\n            height: 52px;\r\n        }\r\n\r\n        .tz-hj-node i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .tz-hj-pulse {\r\n            width: 74px;\r\n            height: 74px;\r\n        }\r\n\r\n        .tz-hj-number {\r\n            width: 21px;\r\n            height: 21px;\r\n            font-size: 10px;\r\n        }\r\n\r\n        .tz-hj-heading {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .tz-hj-text {\r\n            font-size: 12.6px;\r\n            line-height: 1.7;\r\n            max-width: 145px;\r\n        }\r\n\r\n        .tz-hj-mini {\r\n            font-size: 9.5px;\r\n        }\r\n\r\n        .tz-hj-footer-note {\r\n            font-size: 11.5px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"tz-horizontal-journey\" dir=\"rtl\">\r\n    <div class=\"tz-hj-container\">\r\n\r\n        <div class=\"tz-hj-header\">\r\n            <div class=\"tz-hj-tag\">\r\n                <i class=\"fa-solid fa-route\"><\/i>\r\n                \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f\r\n            <\/div>\r\n\r\n            <h2 class=\"tz-hj-title\">\u0631\u062d\u0644\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0636\u062d\u0629 \u0645\u0646 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u062d\u062a\u0649 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/h2>\r\n\r\n            <p class=\"tz-hj-desc\">\r\n                \u0646\u062a\u0627\u0628\u0639 \u0645\u0639\u0643 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645\u0647\u0627 \u0628\u0639\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tz-hj-scroll\">\r\n            <div class=\"tz-hj-track\">\r\n\r\n                <div class=\"tz-hj-step\">\r\n                    <div class=\"tz-hj-node-wrap\">\r\n                        <span class=\"tz-hj-pulse\"><\/span>\r\n                        <div class=\"tz-hj-node\">\r\n                            <span class=\"tz-hj-number\">1<\/span>\r\n                            <i class=\"fa-solid fa-car-side\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"tz-hj-mini\">STEP 01<\/span>\r\n                    <h3 class=\"tz-hj-heading\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/h3>\r\n                    <p class=\"tz-hj-text\">\r\n                        \u064a\u0642\u0648\u0645 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0623\u0648 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0647.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tz-hj-step\">\r\n                    <div class=\"tz-hj-node-wrap\">\r\n                        <span class=\"tz-hj-pulse\"><\/span>\r\n                        <div class=\"tz-hj-node\">\r\n                            <span class=\"tz-hj-number\">2<\/span>\r\n                            <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"tz-hj-mini\">STEP 02<\/span>\r\n                    <h3 class=\"tz-hj-heading\">\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0641\u062d\u0635<\/h3>\r\n                    <p class=\"tz-hj-text\">\r\n                        \u064a\u0628\u062d\u062b \u0641\u0631\u064a\u0642\u0646\u0627 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0648\u064a\u062c\u0631\u064a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0634\u0627\u0645\u0644.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tz-hj-step\">\r\n                    <div class=\"tz-hj-node-wrap\">\r\n                        <span class=\"tz-hj-pulse\"><\/span>\r\n                        <div class=\"tz-hj-node\">\r\n                            <span class=\"tz-hj-number\">3<\/span>\r\n                            <i class=\"fa-solid fa-file-circle-check\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"tz-hj-mini\">STEP 03<\/span>\r\n                    <h3 class=\"tz-hj-heading\">\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0634\u0631\u0627\u0621<\/h3>\r\n                    <p class=\"tz-hj-text\">\r\n                        \u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0644\u0644\u0639\u0645\u064a\u0644 \u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0634\u0631\u0627\u0621.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tz-hj-step\">\r\n                    <div class=\"tz-hj-node-wrap\">\r\n                        <span class=\"tz-hj-pulse\"><\/span>\r\n                        <div class=\"tz-hj-node\">\r\n                            <span class=\"tz-hj-number\">4<\/span>\r\n                            <i class=\"fa-solid fa-ship\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"tz-hj-mini\">STEP 04<\/span>\r\n                    <h3 class=\"tz-hj-heading\">\u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635<\/h3>\r\n                    <p class=\"tz-hj-text\">\r\n                        \u0646\u062a\u0648\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tz-hj-step\">\r\n                    <div class=\"tz-hj-node-wrap\">\r\n                        <span class=\"tz-hj-pulse\"><\/span>\r\n                        <div class=\"tz-hj-node\">\r\n                            <span class=\"tz-hj-number\">5<\/span>\r\n                            <i class=\"fa-solid fa-key\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"tz-hj-mini\">STEP 05<\/span>\r\n                    <h3 class=\"tz-hj-heading\">\u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/h3>\r\n                    <p class=\"tz-hj-text\">\r\n                        \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0628\u0639\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tz-hj-footer-note\">\r\n            \u062e\u0645\u0633 \u0645\u0631\u0627\u062d\u0644 \u0648\u0627\u0636\u062d\u0629 \u062a\u062c\u0639\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0623\u0628\u0633\u0637 \u0648\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u064b\u0627.\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-408c87c elementor-widget elementor-widget-html\" data-id=\"408c87c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap');\r\n\r\n    :root {\r\n        --tz-faq-primary: #1FA463;\r\n        --tz-faq-primary-dark: #12804D;\r\n        --tz-faq-bg: #F5F9F7;\r\n        --tz-faq-card: #FFFFFF;\r\n        --tz-faq-text: #64747B;\r\n        --tz-faq-heading: #0B1310;\r\n        --tz-faq-border: #E8EFEA;\r\n\r\n        \/* \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0644\u0648\u0646 \u0647\u0648\u0641\u0631 \u0628\u0648\u0643\u0633 \u0627\u0644\u0633\u0624\u0627\u0644 *\/\r\n        --tz-faq-hover-bg: #1FA463;\r\n        --tz-faq-hover-text: #FFFFFF;\r\n        --tz-faq-hover-answer-text: rgba(255, 255, 255, 0.84);\r\n        --tz-faq-hover-border: #12804D;\r\n        --tz-faq-hover-shadow: rgba(31, 164, 99, 0.32);\r\n    }\r\n\r\n    .tz-faq-section,\r\n    .tz-faq-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .tz-faq-section {\r\n        position: relative;\r\n        padding: 90px 20px;\r\n        background: var(--tz-faq-bg);\r\n        font-family: 'Cairo', sans-serif;\r\n        direction: rtl;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tz-faq-section::before,\r\n    .tz-faq-section::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(120px);\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    .tz-faq-section::before {\r\n        width: 520px;\r\n        height: 520px;\r\n        background: rgba(31, 164, 99, 0.08);\r\n        top: -180px;\r\n        right: -160px;\r\n    }\r\n\r\n    .tz-faq-section::after {\r\n        width: 430px;\r\n        height: 430px;\r\n        background: rgba(18, 128, 77, 0.05);\r\n        bottom: -170px;\r\n        left: -130px;\r\n    }\r\n\/* \u0645\u0646\u0639 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062b\u064a\u0645 \u0627\u0644\u0632\u0631\u0642\u0627\u0621 \u0645\u0646 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u0623\u0633\u0626\u0644\u0629 FAQ *\/\r\n.tz-faq-section .tz-faq-question,\r\n.tz-faq-section .tz-faq-question:hover,\r\n.tz-faq-section .tz-faq-question:focus,\r\n.tz-faq-section .tz-faq-question:active {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    color: var(--tz-faq-heading) !important;\r\n    text-decoration: none !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\/* \u0644\u0648\u0646 \u0627\u0644\u0633\u0624\u0627\u0644 \u0648\u0642\u062a hover *\/\r\n.tz-faq-section .tz-faq-item:hover .tz-faq-question,\r\n.tz-faq-section .tz-faq-item:hover .tz-faq-question span {\r\n    color: var(--tz-faq-hover-text) !important;\r\n}\r\n\r\n\/* \u0644\u0648\u0646 \u0628\u0648\u0643\u0633 \u0627\u0644\u0633\u0624\u0627\u0644 \u0646\u0641\u0633\u0647 \u0648\u0642\u062a hover *\/\r\n.tz-faq-section .tz-faq-item:hover {\r\n    background: var(--tz-faq-hover-bg) !important;\r\n    border-color: var(--tz-faq-hover-border) !important;\r\n}\r\n\r\n\/* \u0645\u0646\u0639 \u0627\u0644\u062b\u064a\u0645 \u0645\u0646 \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0639\u0644\u0627\u0645\u0629 + *\/\r\n.tz-faq-section .tz-faq-toggle,\r\n.tz-faq-section .tz-faq-toggle i {\r\n    color: var(--tz-faq-primary) !important;\r\n}\r\n\r\n.tz-faq-section .tz-faq-item:hover .tz-faq-toggle,\r\n.tz-faq-section .tz-faq-item:hover .tz-faq-toggle i {\r\n    background: #FFFFFF !important;\r\n    color: var(--tz-faq-primary) !important;\r\n}\r\n\r\n\/* \u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d *\/\r\n.tz-faq-section .tz-faq-item.active .tz-faq-toggle,\r\n.tz-faq-section .tz-faq-item.active .tz-faq-toggle i {\r\n    background: var(--tz-faq-primary) !important;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* \u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d \u0645\u0639 hover *\/\r\n.tz-faq-section .tz-faq-item.active:hover .tz-faq-toggle,\r\n.tz-faq-section .tz-faq-item.active:hover .tz-faq-toggle i {\r\n    background: #FFFFFF !important;\r\n    color: var(--tz-faq-primary) !important;\r\n}\r\n    .tz-faq-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1050px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .tz-faq-header {\r\n        text-align: center;\r\n        max-width: 680px;\r\n        margin: 0 auto 42px;\r\n    }\r\n\r\n    .tz-faq-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 8px 18px;\r\n        border-radius: 999px;\r\n        background: #FFFFFF;\r\n        color: var(--tz-faq-primary);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        margin-bottom: 16px;\r\n        box-shadow: 0 12px 24px rgba(31, 164, 99, 0.07);\r\n    }\r\n\r\n    .tz-faq-title {\r\n        margin: 0 0 12px;\r\n        color: var(--tz-faq-heading);\r\n        font-size: clamp(28px, 4vw, 42px);\r\n        line-height: 1.25;\r\n        font-weight: 900;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .tz-faq-desc {\r\n        margin: 0 auto;\r\n        color: var(--tz-faq-text);\r\n        font-size: 15px;\r\n        line-height: 1.9;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tz-faq-layout {\r\n        display: grid;\r\n        grid-template-columns: 0.85fr 1.45fr;\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .tz-faq-side {\r\n        position: relative;\r\n        min-height: 100%;\r\n        border-radius: 30px;\r\n        padding: 34px 28px;\r\n        background:\r\n            radial-gradient(circle at top right, rgba(255,255,255,0.20), transparent 38%),\r\n            linear-gradient(145deg, var(--tz-faq-primary), var(--tz-faq-primary-dark));\r\n        overflow: hidden;\r\n        box-shadow: 0 35px 70px -35px rgba(31, 164, 99, 0.45);\r\n    }\r\n\r\n    .tz-faq-side::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 190px;\r\n        height: 190px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.12);\r\n        top: -60px;\r\n        left: -60px;\r\n    }\r\n\r\n    .tz-faq-side::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 110px;\r\n        height: 110px;\r\n        border-radius: 50%;\r\n        border: 1px solid rgba(255,255,255,0.22);\r\n        bottom: 28px;\r\n        right: 26px;\r\n    }\r\n\r\n    .tz-faq-side-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tz-faq-side-icon {\r\n        width: 62px;\r\n        height: 62px;\r\n        border-radius: 20px;\r\n        background: rgba(255,255,255,0.16);\r\n        color: #FFFFFF;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        margin-bottom: 24px;\r\n        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14);\r\n    }\r\n\r\n    .tz-faq-side h3 {\r\n        margin: 0 0 12px;\r\n        color: #FFFFFF;\r\n        font-size: 25px;\r\n        line-height: 1.4;\r\n        font-weight: 900;\r\n    }\r\n\r\n    .tz-faq-side p {\r\n        margin: 0;\r\n        color: rgba(255,255,255,0.78);\r\n        font-size: 14.5px;\r\n        line-height: 1.9;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tz-faq-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n    }\r\n\r\n    .tz-faq-item {\r\n        background: var(--tz-faq-card);\r\n        border: 1px solid var(--tz-faq-border);\r\n        border-radius: 22px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 45px -35px rgba(0, 0, 0, 0.22);\r\n        transition:\r\n            background 0.3s ease,\r\n            border-color 0.3s ease,\r\n            box-shadow 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n    .tz-faq-item:hover {\r\n        transform: translateY(-3px);\r\n        background: var(--tz-faq-hover-bg);\r\n        border-color: var(--tz-faq-hover-border);\r\n        box-shadow: 0 25px 55px -38px var(--tz-faq-hover-shadow);\r\n    }\r\n\r\n    .tz-faq-item.active {\r\n        border-color: rgba(31, 164, 99, 0.35);\r\n    }\r\n\r\n    .tz-faq-question {\r\n        width: 100%;\r\n        border: none;\r\n        outline: none;\r\n        background: transparent;\r\n        cursor: pointer;\r\n        padding: 20px 22px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 18px;\r\n        text-align: right;\r\n        font-family: 'Cairo', sans-serif;\r\n        color: var(--tz-faq-heading);\r\n        font-size: 16px;\r\n        font-weight: 900;\r\n        line-height: 1.6;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .tz-faq-question span {\r\n        flex: 1;\r\n    }\r\n\r\n    .tz-faq-item:hover .tz-faq-question {\r\n        color: var(--tz-faq-hover-text);\r\n    }\r\n\r\n    .tz-faq-toggle {\r\n        width: 34px;\r\n        min-width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        background: rgba(31, 164, 99, 0.10);\r\n        color: var(--tz-faq-primary);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 13px;\r\n        transition:\r\n            transform 0.3s ease,\r\n            background 0.3s ease,\r\n            color 0.3s ease;\r\n    }\r\n\r\n    .tz-faq-item:hover .tz-faq-toggle {\r\n        background: #FFFFFF;\r\n        color: var(--tz-faq-primary);\r\n    }\r\n\r\n    .tz-faq-item.active .tz-faq-toggle {\r\n        transform: rotate(45deg);\r\n        background: var(--tz-faq-primary);\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .tz-faq-item.active:hover .tz-faq-toggle {\r\n        background: #FFFFFF;\r\n        color: var(--tz-faq-primary);\r\n    }\r\n\r\n    .tz-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.35s ease;\r\n    }\r\n\r\n    .tz-faq-answer-inner {\r\n        padding: 0 22px 20px 22px;\r\n    }\r\n\r\n    .tz-faq-answer-inner p {\r\n        margin: 0;\r\n        padding-top: 2px;\r\n        color: var(--tz-faq-text);\r\n        font-size: 14.5px;\r\n        line-height: 1.9;\r\n        font-weight: 600;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .tz-faq-item:hover .tz-faq-answer-inner p {\r\n        color: var(--tz-faq-hover-answer-text);\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .tz-faq-section {\r\n            padding: 75px 16px;\r\n        }\r\n\r\n        .tz-faq-layout {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .tz-faq-side {\r\n            min-height: auto;\r\n            padding: 28px 24px;\r\n        }\r\n\r\n        .tz-faq-side h3 {\r\n            font-size: 22px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .tz-faq-section {\r\n            padding: 60px 12px;\r\n        }\r\n\r\n        .tz-faq-header {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .tz-faq-tag {\r\n            font-size: 12px;\r\n            padding: 7px 15px;\r\n        }\r\n\r\n        .tz-faq-title {\r\n            font-size: 25px;\r\n        }\r\n\r\n        .tz-faq-desc {\r\n            font-size: 13.5px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .tz-faq-side {\r\n            border-radius: 24px;\r\n            padding: 24px 20px;\r\n        }\r\n\r\n        .tz-faq-side-icon {\r\n            width: 54px;\r\n            height: 54px;\r\n            border-radius: 17px;\r\n            font-size: 21px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .tz-faq-side h3 {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .tz-faq-side p {\r\n            font-size: 13.5px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .tz-faq-item {\r\n            border-radius: 18px;\r\n        }\r\n\r\n        .tz-faq-question {\r\n            padding: 17px 16px;\r\n            font-size: 14.5px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .tz-faq-toggle {\r\n            width: 30px;\r\n            min-width: 30px;\r\n            height: 30px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .tz-faq-answer-inner {\r\n            padding: 0 16px 17px 16px;\r\n        }\r\n\r\n        .tz-faq-answer-inner p {\r\n            font-size: 13.5px;\r\n            line-height: 1.8;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"tz-faq-section\" dir=\"rtl\">\r\n    <div class=\"tz-faq-container\">\r\n\r\n        <div class=\"tz-faq-header\">\r\n            <div class=\"tz-faq-tag\">\r\n                <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\r\n            <\/div>\r\n\r\n            <h2 class=\"tz-faq-title\">\u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0639\u0644\u0649 \u0623\u0647\u0645 \u0623\u0633\u0626\u0644\u062a\u0643<\/h2>\r\n\r\n            <p class=\"tz-faq-desc\">\r\n                \u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u062a\u0643\u0631\u0627\u0631\u064b\u0627 \u062d\u0648\u0644 \u062d\u062c\u0632 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0627\u0644\u0641\u062d\u0635\u060c \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c \u0648\u0645\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0644\u062a\u0643\u0648\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0636\u062d\u0629 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0637\u0644\u0628\u0643.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tz-faq-layout\">\r\n\r\n            <div class=\"tz-faq-side\">\r\n                <div class=\"tz-faq-side-content\">\r\n                    <div class=\"tz-faq-side-icon\">\r\n                        <i class=\"fa-solid fa-headset\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>\u062a\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0625\u0636\u0627\u0641\u064a\u0629\u061f<\/h3>\r\n\r\n                    <p>\r\n                        \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u062a\u0648\u0636\u064a\u062d \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0642\u0628\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0623\u0648 \u0628\u062f\u0621 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tz-faq-list\">\r\n\r\n                <div class=\"tz-faq-item active\">\r\n                    <button class=\"tz-faq-question\" type=\"button\">\r\n                        <span>\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u062d\u062c\u0632 \u0633\u064a\u0627\u0631\u0629 \u0642\u0628\u0644 \u0627\u0644\u0634\u0631\u0627\u0621\u061f<\/span>\r\n                        <div class=\"tz-faq-toggle\">\r\n                            <i class=\"fa-solid fa-plus\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n\r\n                    <div class=\"tz-faq-answer\">\r\n                        <div class=\"tz-faq-answer-inner\">\r\n                            <p>\r\n                                \u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u062d\u062c\u0632 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u062f\u0641\u0639 \u062c\u0632\u0621 \u0645\u0646 \u0642\u064a\u0645\u062a\u0647\u0627 \u0648\u0641\u0642 \u0627\u0644\u0634\u0631\u0648\u0637 \u0627\u0644\u0645\u0639\u0644\u0646\u0629.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tz-faq-item\">\r\n                    <button class=\"tz-faq-question\" type=\"button\">\r\n                        <span>\u0647\u0644 \u064a\u062a\u0645 \u0641\u062d\u0635 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0642\u0628\u0644 \u0627\u0644\u0634\u0631\u0627\u0621\u061f<\/span>\r\n                        <div class=\"tz-faq-toggle\">\r\n                            <i class=\"fa-solid fa-plus\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n\r\n                    <div class=\"tz-faq-answer\">\r\n                        <div class=\"tz-faq-answer-inner\">\r\n                            <p>\r\n                                \u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f\u060c \u062c\u0645\u064a\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u062a\u062e\u0636\u0639 \u0644\u0641\u062d\u0635 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0634\u0627\u0645\u0644 \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0634\u0631\u0627\u0621.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tz-faq-item\">\r\n                    <button class=\"tz-faq-question\" type=\"button\">\r\n                        <span>\u0647\u0644 \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0631\u0633\u0648\u0645 \u0627\u0644\u062c\u0645\u0627\u0631\u0643\u061f<\/span>\r\n                        <div class=\"tz-faq-toggle\">\r\n                            <i class=\"fa-solid fa-plus\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n\r\n                    <div class=\"tz-faq-answer\">\r\n                        <div class=\"tz-faq-answer-inner\">\r\n                            <p>\r\n                                \u064a\u062a\u0645 \u062a\u0648\u0636\u064a\u062d \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u0641\u062d\u0635 \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d\u060c \u0628\u064a\u0646\u0645\u0627 \u062a\u062d\u062f\u062f \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629 \u0648\u0641\u0642 \u0645\u0648\u062f\u064a\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tz-faq-item\">\r\n                    <button class=\"tz-faq-question\" type=\"button\">\r\n                        <span>\u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f\u061f<\/span>\r\n                        <div class=\"tz-faq-toggle\">\r\n                            <i class=\"fa-solid fa-plus\"><\/i>\r\n                        <\/div>\r\n                    <\/button>\r\n\r\n                    <div class=\"tz-faq-answer\">\r\n                        <div class=\"tz-faq-answer-inner\">\r\n                            <p>\r\n                                \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062f\u0629 \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u064a\u062a\u0645 \u0625\u0628\u0644\u0627\u063a \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0639\u0646\u062f \u0628\u062f\u0621 \u0627\u0644\u0637\u0644\u0628.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const faqItems = document.querySelectorAll(\".tz-faq-item\");\r\n\r\n        function setAnswerHeight(item) {\r\n            const answer = item.querySelector(\".tz-faq-answer\");\r\n            const inner = item.querySelector(\".tz-faq-answer-inner\");\r\n\r\n            if (!answer || !inner) return;\r\n\r\n            if (item.classList.contains(\"active\")) {\r\n                answer.style.maxHeight = inner.scrollHeight + \"px\";\r\n            } else {\r\n                answer.style.maxHeight = \"0px\";\r\n            }\r\n        }\r\n\r\n        faqItems.forEach(function (item) {\r\n            setAnswerHeight(item);\r\n\r\n            const question = item.querySelector(\".tz-faq-question\");\r\n\r\n            question.addEventListener(\"click\", function () {\r\n                faqItems.forEach(function (otherItem) {\r\n                    if (otherItem !== item) {\r\n                        otherItem.classList.remove(\"active\");\r\n                        setAnswerHeight(otherItem);\r\n                    }\r\n                });\r\n\r\n                item.classList.toggle(\"active\");\r\n                setAnswerHeight(item);\r\n            });\r\n        });\r\n\r\n        window.addEventListener(\"resize\", function () {\r\n            faqItems.forEach(function (item) {\r\n                setAnswerHeight(item);\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0642\u0635\u0629 \u0646\u062c\u0627\u062d\u0646\u0627 \u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0648\u062b\u0642\u0629 \u0645\u062a\u062c\u062f\u062f\u0629 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646\u0630 \u0639\u0627\u0645 2009 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629\u060c \u0646\u0628\u0646\u064a \u062c\u0633\u0648\u0631 \u0627\u0644\u062b\u0642\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 +15 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062b\u0642\u0629 \u0645\u0646 \u0646\u062d\u0646 \u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0648\u062b\u0642\u0629 \u0645\u062a\u062c\u062f\u062f\u0629 \u062a\u0639\u062f \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0645\u0627\u0633\u0629 \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0644\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0625\u062d\u062f\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u0631\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0628\u064a\u0639\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-887","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/pages\/887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/comments?post=887"}],"version-history":[{"count":37,"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/pages\/887\/revisions"}],"predecessor-version":[{"id":1063,"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/pages\/887\/revisions\/1063"}],"wp:attachment":[{"href":"https:\/\/almasah-alfarida.7777pharmacy.com\/en\/wp-json\/wp\/v2\/media?parent=887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}