{"id":2947,"date":"2025-12-13T12:45:03","date_gmt":"2025-12-13T12:45:03","guid":{"rendered":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/?page_id=2947"},"modified":"2026-01-31T18:04:15","modified_gmt":"2026-01-31T18:04:15","slug":"%d8%a7%d9%84%d8%b2%d9%8a%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%8a%d8%af%d8%a7%d9%86%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/%d8%a7%d9%84%d8%b2%d9%8a%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%8a%d8%af%d8%a7%d9%86%d9%8a%d8%a9\/","title":{"rendered":"\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2947\" class=\"elementor elementor-2947\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a2dd7d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5a2dd7d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f3a911 elementor-widget__width-initial elementor-widget elementor-widget-wd_title\" data-id=\"3f3a911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\t\t\t\t<div class=\"title-subtitle subtitle-color-default subtitle-style-default wd-fontsize-xs\">\n\t\t\t\t\t\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<br \/>\n<br \/>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h1 class=\"woodmart-title-container title wd-fontsize-l\">\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<br \/>\n<\/h1> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title set-cont-mb-s reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>\u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0647\u0629 \u0623\u0646 \u062a\u062d\u0648\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0625\u0644\u0649 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0641\u0647\u0645 \u0641\u0631\u0642\u0643\u0645 \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644.<\/p><p>\u00a0<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b74e128 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"b74e128\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d63019 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4d63019\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <style>\r\n    \/* ==========================================\r\n   AINFCT Field Visits - Stylesheet\r\n   ========================================== *\/\r\n\r\n\/* ==================== CSS VARIABLES ==================== *\/\r\n:root {\r\n    --brand-navy: #001633;\r\n    --brand-navy-soft: #0b2343;\r\n    --brand-gold: #d6ab76;\r\n    --brand-sky: #9bc5ff;\r\n    --bg-soft: #f5f7fb;\r\n    --bg-warm: #fef9f3;\r\n    --text-main: #0b2343;\r\n    --text-muted: #6b7280;\r\n    --card-bg: #ffffff;\r\n    --border-soft: #e5e7eb;\r\n    --shadow-soft: 0 10px 35px rgba(15, 23, 42, 0.08);\r\n    --shadow-hover: 0 20px 50px rgba(15, 23, 42, 0.12);\r\n    --radius-lg: 20px;\r\n    --radius-md: 14px;\r\n}\r\n\r\n\/* ==================== RESET & BASE ==================== *\/\r\n* {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\nbody {\r\n    font-family: 'cairo' ;\r\n    background: var(--card-bg);\r\n    color: var(--text-main);\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ==================== LAYOUT ==================== *\/\r\n.section {\r\n    padding: 100px 0;\r\n}\r\n\r\n.section--soft {\r\n    background: var(--bg-soft);\r\n}\r\n\r\n.section--warm {\r\n    background: var(--bg-warm);\r\n}\r\n\r\n.section--dark {\r\n    background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-soft) 100%);\r\n    color: #fff;\r\n}\r\n\r\n.section--cream {\r\n    background: #fdf6ed;\r\n}\r\n\r\n.container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n}\r\n\r\n.container--narrow {\r\n    max-width: 900px;\r\n}\r\n\r\n\/* ==================== TYPOGRAPHY ==================== *\/\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.section-header--right {\r\n    text-align: right;\r\n}\r\n\r\n.section-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: var(--brand-navy-soft);\r\n    background: rgba(155, 197, 255, 0.15);\r\n    border: 1px solid rgba(155, 197, 255, 0.4);\r\n    border-radius: 999px;\r\n    padding: 6px 18px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.section-badge--dark {\r\n    background: rgba(155, 197, 255, 0.12);\r\n    color: var(--brand-sky);\r\n}\r\n\r\n.section-badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--brand-gold);\r\n}\r\n\r\n.section-title {\r\n    font-size: clamp(28px, 4vw, 42px);\r\n    font-weight: 900;\r\n    color: var(--brand-navy);\r\n    line-height: 1.25;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.section-title--white {\r\n    color: #fff;\r\n}\r\n\r\n.section-title span {\r\n    color: var(--brand-gold);\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 17px;\r\n    color: var(--text-muted);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.section-subtitle--dark {\r\n    color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n\/* ==================== BUTTONS ==================== *\/\r\n.btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    border-radius: 999px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n    cursor: pointer;\r\n    border: none;\r\n}\r\n\r\n.btn-primary {\r\n    background: linear-gradient(135deg, var(--brand-gold), #f3cf98);\r\n    color: var(--brand-navy);\r\n    box-shadow: 0 12px 30px rgba(214, 171, 118, 0.35);\r\n}\r\n\r\n.btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 16px 40px rgba(214, 171, 118, 0.45);\r\n}\r\n\r\n.btn-outline {\r\n    background: transparent;\r\n    color: var(--brand-navy-soft);\r\n    border: 2px solid rgba(11, 35, 67, 0.2);\r\n}\r\n\r\n.btn-outline:hover {\r\n    background: var(--brand-navy);\r\n    color: #fff;\r\n    border-color: var(--brand-navy);\r\n}\r\n\r\n.btn-white {\r\n    background: #fff;\r\n    color: var(--brand-navy);\r\n}\r\n\r\n.btn-white:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* ==================== HERO SECTION ==================== *\/\r\n.hero {\r\n    padding: 80px 0 100px;\r\n    background: var(--bg-soft);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -200px;\r\n    left: -200px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(155, 197, 255, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n.hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-title {\r\n    font-size: clamp(32px, 4.5vw, 48px);\r\n    font-weight: 900;\r\n    color: var(--brand-navy);\r\n    margin-bottom: 24px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hero-title span {\r\n    color: var(--brand-gold);\r\n    position: relative;\r\n}\r\n\r\n.hero-subtitle {\r\n    font-size: 18px;\r\n    color: var(--text-muted);\r\n    margin-bottom: 32px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.hero-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    margin-bottom: 40px;\r\n    padding-right: 20px;\r\n    border-right: 3px solid var(--brand-gold);\r\n}\r\n\r\n.hero-feature {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    font-size: 15px;\r\n    color: var(--text-main);\r\n}\r\n\r\n.hero-feature-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    background: linear-gradient(135deg, var(--brand-gold), #f3cf98);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    font-size: 11px;\r\n    color: var(--brand-navy);\r\n    margin-top: 2px;\r\n}\r\n\r\n.hero-cta {\r\n    display: flex;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.hero-note {\r\n    margin-top: 20px;\r\n    font-size: 14px;\r\n    color: var(--text-muted);\r\n    padding-right: 16px;\r\n    border-right: 2px solid var(--border-soft);\r\n}\r\n\r\n\/* ==================== HERO VISUAL CARD ==================== *\/\r\n.hero-visual {\r\n    position: relative;\r\n}\r\n\r\n.hero-card {\r\n    position: relative;\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    min-height: 420px;\r\n    background: linear-gradient(145deg, var(--brand-navy-soft) 0%, var(--brand-navy) 100%);\r\n    box-shadow: 0 30px 60px rgba(0, 22, 51, 0.25);\r\n}\r\n\r\n.hero-card-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"https:\/\/images.pexels.com\/photos\/1181396\/pexels-photo-1181396.jpeg?auto=compress&cs=tinysrgb&w=1200\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0.3;\r\n    mix-blend-mode: overlay;\r\n}\r\n\r\n.hero-card-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 32px;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    min-height: 420px;\r\n}\r\n\r\n.hero-card-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: var(--brand-sky);\r\n    background: rgba(155, 197, 255, 0.12);\r\n    border: 1px solid rgba(155, 197, 255, 0.3);\r\n    border-radius: 999px;\r\n    padding: 6px 14px;\r\n    backdrop-filter: blur(10px);\r\n    width: fit-content;\r\n}\r\n\r\n.hero-card-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #fff;\r\n    margin: 20px 0 10px;\r\n}\r\n\r\n.hero-card-desc {\r\n    font-size: 14px;\r\n    color: rgba(255, 255, 255, 0.75);\r\n    line-height: 1.7;\r\n}\r\n\r\n.hero-card-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.hero-card-meta-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.hero-card-meta-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--brand-sky);\r\n}\r\n\r\n.hero-card-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding-top: 24px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    margin-top: auto;\r\n}\r\n\r\n.hero-card-pills {\r\n    display: flex;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.hero-card-pill {\r\n    font-size: 12px;\r\n    padding: 5px 14px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    color: rgba(255, 255, 255, 0.9);\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.hero-card-status {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    color: #4ade80;\r\n}\r\n\r\n.hero-card-status-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #4ade80;\r\n    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);\r\n    animation: pulse 2s infinite;\r\n}\r\n\r\n\/* ==================== FEATURES SECTION ==================== *\/\r\n.features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.feature-card {\r\n    background: var(--card-bg);\r\n    border-radius: var(--radius-lg);\r\n    padding: 32px;\r\n    border: 1px solid var(--border-soft);\r\n    box-shadow: var(--shadow-soft);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.feature-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n    border-color: var(--brand-gold);\r\n}\r\n\r\n.feature-card-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    background: linear-gradient(135deg, rgba(155, 197, 255, 0.2), rgba(214, 171, 118, 0.15));\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.feature-card-title {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: var(--brand-navy-soft);\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.feature-card-desc {\r\n    font-size: 14px;\r\n    color: var(--text-muted);\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ==================== PROCESS SECTION ==================== *\/\r\n.process-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px;\r\n}\r\n\r\n.process-card {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: var(--radius-lg);\r\n    padding: 36px 28px;\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.process-card:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.process-card-number {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, var(--brand-gold), #f3cf98);\r\n    border-radius: 50%;\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    color: var(--brand-navy);\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.process-card-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.process-card-desc {\r\n    font-size: 14px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.process-card-list {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.process-card-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    font-size: 13px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.process-card-list li::before {\r\n    content: \"\";\r\n    width: 6px;\r\n    height: 6px;\r\n    background: var(--brand-gold);\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n    margin-top: 8px;\r\n}\r\n\r\n\/* ==================== PATHWAYS SECTION ==================== *\/\r\n.pathways-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n}\r\n\r\n.pathway-card {\r\n    background: var(--card-bg);\r\n    border-radius: var(--radius-lg);\r\n    padding: 32px;\r\n    box-shadow: var(--shadow-soft);\r\n    border: 1px solid var(--border-soft);\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.pathway-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n    border-color: var(--brand-gold);\r\n}\r\n\r\n.pathway-card-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: var(--brand-gold);\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.pathway-card-desc {\r\n    font-size: 14px;\r\n    color: var(--text-muted);\r\n    line-height: 1.8;\r\n    margin-bottom: 24px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.pathway-card-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: auto;\r\n}\r\n\r\n.pathway-tag {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    padding: 6px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(214, 171, 118, 0.12);\r\n    color: var(--brand-navy-soft);\r\n    border: 1px solid rgba(214, 171, 118, 0.3);\r\n}\r\n\r\n\/* ==================== GALLERY SECTION ==================== *\/\r\n.gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n}\r\n\r\n.gallery-card {\r\n    background: var(--card-bg);\r\n    border-radius: var(--radius-lg);\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow-soft);\r\n    border: 1px solid var(--border-soft);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.gallery-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.gallery-card-image {\r\n    position: relative;\r\n    height: 180px;\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n.gallery-card-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(0, 22, 51, 0.9), transparent 60%);\r\n}\r\n\r\n.gallery-card-badge {\r\n    position: absolute;\r\n    bottom: 14px;\r\n    right: 14px;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(15, 23, 42, 0.85);\r\n    backdrop-filter: blur(10px);\r\n    color: #fff;\r\n    padding: 6px 14px;\r\n    border-radius: 999px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n}\r\n\r\n.gallery-card-badge-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--brand-gold);\r\n}\r\n\r\n.gallery-card-content {\r\n    padding: 24px;\r\n}\r\n\r\n.gallery-card-title {\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    color: var(--brand-navy-soft);\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.gallery-card-desc {\r\n    font-size: 13px;\r\n    color: var(--text-muted);\r\n    line-height: 1.7;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.gallery-card-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.gallery-card-tag {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    padding: 4px 12px;\r\n    border-radius: 999px;\r\n    background: var(--bg-soft);\r\n    color: var(--text-muted);\r\n    border: 1px solid var(--border-soft);\r\n}\r\n\r\n.gallery-card-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding-top: 14px;\r\n    border-top: 1px solid var(--border-soft);\r\n    font-size: 12px;\r\n    color: var(--text-muted);\r\n}\r\n\r\n.gallery-card-footer span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.gallery-card-footer-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--brand-sky);\r\n}\r\n\r\n\/* ==================== CTA SECTION ==================== *\/\r\n.cta-card {\r\n    background: linear-gradient(135deg, var(--brand-navy-soft) 0%, var(--brand-navy) 100%);\r\n    border-radius: 28px;\r\n    padding: 60px;\r\n    text-align: center;\r\n    box-shadow: 0 30px 60px rgba(0, 22, 51, 0.2);\r\n}\r\n\r\n.cta-title {\r\n    font-size: clamp(26px, 3.5vw, 36px);\r\n    font-weight: 900;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.cta-subtitle {\r\n    font-size: 17px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    max-width: 600px;\r\n    margin: 0 auto 32px;\r\n}\r\n\r\n.cta-buttons {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.cta-note {\r\n    margin-top: 24px;\r\n    font-size: 13px;\r\n    color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n\/* ==================== FAQ SECTION ==================== *\/\r\n.faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.faq-item {\r\n    background: var(--card-bg);\r\n    border-radius: var(--radius-lg);\r\n    border: 1px solid var(--border-soft);\r\n    box-shadow: var(--shadow-soft);\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n    border-color: rgba(214, 171, 118, 0.4);\r\n}\r\n\r\n.faq-item.active {\r\n    border-color: var(--brand-gold);\r\n    box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.faq-question {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    padding: 24px 28px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n    background: rgba(155, 197, 255, 0.05);\r\n}\r\n\r\n.faq-question-text {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--brand-navy-soft);\r\n    line-height: 1.5;\r\n    flex: 1;\r\n}\r\n\r\n.faq-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    background: linear-gradient(135deg, rgba(155, 197, 255, 0.15), rgba(214, 171, 118, 0.1));\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    color: var(--brand-navy-soft);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n    background: linear-gradient(135deg, var(--brand-gold), #f3cf98);\r\n}\r\n\r\n.faq-item.active .faq-icon svg {\r\n    color: var(--brand-navy);\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease, padding 0.3s ease;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n    max-height: 500px;\r\n}\r\n\r\n.faq-answer-content {\r\n    padding: 0 28px 24px;\r\n    font-size: 15px;\r\n    color: var(--text-muted);\r\n    line-height: 1.8;\r\n    border-top: 1px solid var(--border-soft);\r\n    padding-top: 20px;\r\n    margin-top: 0;\r\n}\r\n\r\n\/* ==================== ANIMATIONS ==================== *\/\r\n@keyframes pulse {\r\n\r\n    0%,\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n\r\n    50% {\r\n        opacity: 0.5;\r\n    }\r\n}\r\n\r\n\/* ==================== RESPONSIVE - TABLET ==================== *\/\r\n@media (max-width: 1024px) {\r\n    .hero-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n    }\r\n\r\n    .hero-card {\r\n        min-height: 360px;\r\n    }\r\n\r\n    .hero-card-content {\r\n        min-height: 360px;\r\n    }\r\n\r\n    .features-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .process-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .pathways-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gallery-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n\/* ==================== RESPONSIVE - MOBILE ==================== *\/\r\n@media (max-width: 640px) {\r\n    .section {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .container {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .hero {\r\n        padding: 60px 0 80px;\r\n    }\r\n\r\n    .gallery-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cta-card {\r\n        padding: 40px 24px;\r\n    }\r\n\r\n    .hero-cta {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n  <\/style>\r\n\r\n  <!-- SEO Meta Tags -->\r\n  <title>\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u2013 AINFCT<\/title>\r\n  <meta name=\"description\"\r\n    content=\"\u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0643\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0631\u0628\u0637 \u0627\u0644\u062a\u0639\u0644\u0651\u0645 \u0627\u0644\u0646\u0638\u0631\u064a \u0628\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639\" \/>\r\n  <meta name=\"keywords\" content=\"\u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629, \u062a\u062f\u0631\u064a\u0628, AINFCT, \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629, \u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0646\u064a\" \/>\r\n\r\n  <!-- Open Graph \/ Social Media -->\r\n  <meta property=\"og:title\" content=\"\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u2013 AINFCT\" \/>\r\n  <meta property=\"og:description\" content=\"\u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0643\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629\" \/>\r\n  <meta property=\"og:type\" content=\"website\" \/>\r\n\r\n  <!-- Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n  <!-- Stylesheets -->\r\n  <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <!-- ==================== HERO SECTION ==================== -->\r\n  <section class=\"hero\">\r\n    <div class=\"container\">\r\n      <div class=\"hero-grid\">\r\n        <div class=\"hero-content\">\r\n          <div class=\"section-badge\">\r\n            <span class=\"section-badge-dot\"><\/span>\r\n            \u062c\u0632\u0621 \u0623\u0635\u064a\u0644 \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0641\u064a \u0625\u0646\u0641\u0643\u062a\r\n          <\/div>\r\n\r\n          <h1 class=\"hero-title\">\r\n            \u0623\u0643\u062b\u0631 \u0645\u0646 \u062c\u0648\u0644\u0629 \u062a\u0639\u0631\u0651\u064a\u0641\u064a\u0629... \u0625\u0646\u0647\u0627 <span>\u0645\u0639\u0645\u0644 \u062a\u0639\u0644\u0651\u0645 \u062d\u064a\u0651<\/span> \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639\r\n          <\/h1>\r\n\r\n          <p class=\"hero-subtitle\">\r\n            \u0646\u062f\u0645\u062c \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0643\u0645\u0633\u0627\u0631 \u062a\u0639\u0644\u0651\u0645 \u0645\u062a\u0643\u0627\u0645\u0644\u061b \u0645\u0646 \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0648\u0648\u0636\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\u060c \u0625\u0644\u0649\r\n            \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0629 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u060c \u062b\u0645 \u062a\u062d\u0648\u064a\u0644 \u0645\u0627 \u062a\u0645 \u0631\u0635\u062f\u0647 \u0625\u0644\u0649 \u062e\u0637\u0637 \u0639\u0645\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630.\r\n          <\/p>\r\n\r\n          <div class=\"hero-features\">\r\n            <div class=\"hero-feature\">\r\n              <span class=\"hero-feature-icon\">\u2713<\/span>\r\n              <span>\u0631\u0628\u0637 \u0645\u0628\u0627\u0634\u0631 \u0628\u064a\u0646 \u0645\u0627 \u064a\u062a\u0639\u0644\u0651\u0645\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0648\u0646 \u0641\u064a \u0627\u0644\u0642\u0627\u0639\u0629 \u0648\u0645\u0627 \u064a\u0634\u0627\u0647\u062f\u0648\u0646\u0647 \u0641\u064a \u0645\u0648\u0627\u0642\u0639 \u0639\u0645\u0644 \u062d\u0642\u064a\u0642\u064a\u0629.<\/span>\r\n            <\/div>\r\n            <div class=\"hero-feature\">\r\n              <span class=\"hero-feature-icon\">\u2713<\/span>\r\n              <span>\u0646\u0645\u0627\u0630\u062c \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0639\u0645\u0644 \u0648\u0627\u0642\u0639\u064a\u0629 \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646\u0647\u0627 \u0643\u0646\u0642\u0627\u0637 \u0645\u0631\u062c\u0639\u064a\u0629 \u0623\u0648 \u0645\u0642\u0627\u0631\u0646\u0627\u062a \u0623\u062f\u0627\u0621\r\n                (Benchmarking).<\/span>\r\n            <\/div>\r\n            <div class=\"hero-feature\">\r\n              <span class=\"hero-feature-icon\">\u2713<\/span>\r\n              <span>\u062c\u0644\u0633\u0627\u062a \u0646\u0642\u0627\u0634 \u0645\u0648\u062c\u0651\u0647\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a \u0625\u0644\u0649 \u062f\u0631\u0648\u0633 \u0639\u0645\u0644\u064a\u0629 \u0648\u062e\u0637\u0637 \u062a\u0637\u0648\u064a\u0631.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"hero-cta\">\r\n            <a href=\"#gallery\" class=\"btn btn-primary\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0632\u064a\u0627\u0631\u0627\u062a\u0646\u0627<\/a>\r\n            <a href=\"\/\u0646\u0645\u0648\u0630\u062c-\u0637\u0644\u0628-\u062a\u0635\u0645\u064a\u0645-\u0632\u064a\u0627\u0631\u0629-\u0645\u064a\u062f\u0627\u0646\u064a\u0629-\u062a\u062f\u0631\u064a\u0628\u064a\u0629\/\" class=\"btn btn-outline\">\u0627\u0637\u0644\u0628 \u062a\u0635\u0645\u064a\u0645 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/a>\r\n          <\/div>\r\n\r\n          <p class=\"hero-note\">\r\n            \u064a\u0645\u0643\u0646 \u062a\u062e\u0635\u064a\u0635 \u0645\u0633\u0627\u0631 \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062d\u0633\u0628 \u0642\u0637\u0627\u0639\u0643\u0645\u060c \u0648\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646\u060c \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u0628\u0631\u0646\u0627\u0645\u062c.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hero-visual\">\r\n          <div class=\"hero-card\">\r\n            <div class=\"hero-card-image\"><\/div>\r\n            <div class=\"hero-card-content\">\r\n              <div>\r\n                <span class=\"hero-card-tag\">\r\n                  <span class=\"section-badge-dot\"><\/span>\r\n                  \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\r\n                <\/span>\r\n                <h3 class=\"hero-card-title\">\u062c\u0648\u0644\u0629 \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0641\u064a \u0645\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u062d\u0643\u0648\u0645\u064a \u0631\u0627\u0626\u062f<\/h3>\r\n                <p class=\"hero-card-desc\">\u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0631\u0635\u062f \u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u062a\u0639\u0627\u0645\u0644 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u062d\u062a\u0649 \u0625\u0646\u062c\u0627\u0632\r\n                  \u0627\u0644\u062e\u062f\u0645\u0629\u060c \u0645\u0639 \u062a\u062d\u0644\u064a\u0644 \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 \u0648\u0641\u0631\u0635 \u0627\u0644\u062a\u062d\u0633\u064a\u0646.<\/p>\r\n                <div class=\"hero-card-meta\">\r\n                  <span class=\"hero-card-meta-item\">\r\n                    <span class=\"hero-card-meta-dot\"><\/span>\r\n                    \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\r\n                  <\/span>\r\n                  <span class=\"hero-card-meta-item\">\r\n                    <span class=\"hero-card-meta-dot\"><\/span>\r\n                    \u062a\u062d\u0648\u064a\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u062a\u0639\u0627\u0645\u0644\u064a\u0646\r\n                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"hero-card-footer\">\r\n                <div class=\"hero-card-pills\">\r\n                  <span class=\"hero-card-pill\">Walkthrough \u0645\u0648\u062c\u0647<\/span>\r\n                  <span class=\"hero-card-pill\">\u062c\u0644\u0633\u0629 \u0627\u0633\u062a\u062e\u0644\u0627\u0635<\/span>\r\n                <\/div>\r\n                <div class=\"hero-card-status\">\r\n                  <span class=\"hero-card-status-dot\"><\/span>\r\n                  \u0632\u064a\u0627\u0631\u0629 \u0646\u0634\u0637\u0629\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== FEATURES SECTION ==================== -->\r\n  <section class=\"section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge\">\r\n          <span class=\"section-badge-dot\"><\/span>\r\n          \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0645\u062e\u062a\u0644\u0641\u0648\u0646\u061f\r\n        <\/div>\r\n        <h2 class=\"section-title\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0645\u064a\u0651\u0632 \u0632\u064a\u0627\u0631\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 <span>\u0639\u0646 \u063a\u064a\u0631\u0647\u0627\u061f<\/span><\/h2>\r\n        <p class=\"section-subtitle\">\r\n          \u0646\u0635\u0645\u0645 \u0643\u0644 \u0632\u064a\u0627\u0631\u0629 \u0643\u062c\u0632\u0621 \u0644\u0627 \u064a\u062a\u062c\u0632\u0623 \u0645\u0646 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u060c \u0648\u0644\u064a\u0633\u062a \u0631\u062d\u0644\u0629 \u062c\u0627\u0646\u0628\u064a\u0629 \u0645\u0633\u062a\u0642\u0644\u0629\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"features-grid\">\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-card-icon\">\ud83c\udfaf<\/div>\r\n          <h3 class=\"feature-card-title\">\u0645\u0648\u0627\u0621\u0645\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0643\u0645 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h3>\r\n          <p class=\"feature-card-desc\">\u062a\u064f\u0635\u0645\u064e\u0651\u0645 \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0628\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639\u0643\u0645 \u0644\u062a\u062e\u062f\u0645 \u0645\u062d\u0627\u0648\u0631 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629\u060c \u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a\r\n            \u062a\u0634\u063a\u064a\u0644\u064a\u0651\u0629\u060c \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0623\u0648 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-card-icon\">\ud83c\udfe2<\/div>\r\n          <h3 class=\"feature-card-title\">\u0634\u0631\u0643\u0627\u0621 \u0648\u0645\u0648\u0627\u0642\u0639 \u0630\u0627\u062a \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0645\u062a\u0645\u064a\u0651\u0632\u0629<\/h3>\r\n          <p class=\"feature-card-desc\">\u0646\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u062c\u0647\u0627\u062a \u062a\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0648\u0641\u0648\u062f \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0644\u062f\u064a\u0647\u0627 \u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0646\u0638\u0645\r\n            \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646\u0647\u0627 \u0643\u0646\u0645\u0627\u0630\u062c \u0648\u0627\u0642\u0639\u064a\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-card-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n          <h3 class=\"feature-card-title\">\u062e\u0628\u0631\u0627\u0621 \u064a\u0631\u0627\u0641\u0642\u0648\u0646\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u064a\u062f\u0627\u0646<\/h3>\r\n          <p class=\"feature-card-desc\">\u0644\u0627 \u0646\u062a\u0631\u0643 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0648\u062d\u062f\u0647\u0645\u061b \u064a\u0642\u0648\u062f \u062e\u0628\u064a\u0631 \u0625\u0646\u0641\u0643\u062a \u0627\u0644\u0646\u0642\u0627\u0634\u060c \u0648\u064a\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0644\u0649\r\n            \u0646\u0642\u0627\u0637 \u062a\u0639\u0644\u0651\u0645 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-card-icon\">\ud83d\udcca<\/div>\r\n          <h3 class=\"feature-card-title\">\u0645\u062e\u0631\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u064a\u0645\u0643\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u064a\u0647\u0627<\/h3>\r\n          <p class=\"feature-card-desc\">\u062a\u0646\u062a\u0647\u064a \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0628\u0645\u0644\u062e\u0635 \u0644\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a\u060c \u0648\u0623\u0641\u0643\u0627\u0631 \u062a\u062d\u0633\u064a\u0646 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\u060c\r\n            \u0648\u062a\u0648\u0635\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u064a\u0645\u0643\u0646 \u062a\u0636\u0645\u064a\u0646\u0647\u0627 \u0641\u064a \u062e\u0637\u0637 \u0627\u0644\u062a\u0637\u0648\u064a\u0631.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== PROCESS SECTION ==================== -->\r\n  <section class=\"section section--dark\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge section-badge--dark\">\r\n          <span class=\"section-badge-dot\"><\/span>\r\n          \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0645\u0644\r\n        <\/div>\r\n        <h2 class=\"section-title section-title--white\">\u0644\u064a\u0633\u062a \u062c\u0648\u0644\u0629 \u0633\u064a\u0627\u062d\u064a\u0629... \u0628\u0644 <span>\u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0639\u0644\u0651\u0645 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\r\n        <\/h2>\r\n        <p class=\"section-subtitle section-subtitle--dark\">\r\n          \u0646\u0646\u0638\u0631 \u0644\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0643\u0639\u0646\u0635\u0631 \u062a\u0639\u0644\u0651\u0645 \u064a\u062a\u0643\u0648\u0651\u0646 \u0645\u0646 \u062b\u0644\u0627\u062b \u0645\u0631\u0627\u062d\u0644 \u0631\u0626\u064a\u0633\u064a\u0629\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"process-grid\">\r\n        <div class=\"process-card\">\r\n          <div class=\"process-card-number\">1<\/div>\r\n          <h3 class=\"process-card-title\">\u0642\u0628\u0644 \u0627\u0644\u0632\u064a\u0627\u0631\u0629<\/h3>\r\n          <p class=\"process-card-desc\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0628\u0623\u0633\u0626\u0644\u0629 \u062a\u0648\u062c\u064a\u0647\u064a\u0629 \u0648\u0645\u062d\u0627\u0648\u0631 \u0645\u0644\u0627\u062d\u0638\u0629 \u0648\u0627\u0636\u062d\u0629<\/p>\r\n          <ul class=\"process-card-list\">\r\n            <li>\u062a\u062d\u062f\u064a\u062f \u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0636\u062d\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u062d\u0627\u0648\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/li>\r\n            <li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0636\u064a\u0641\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629<\/li>\r\n            <li>\u0625\u0639\u062f\u0627\u062f \u0646\u0645\u0627\u0630\u062c \u0648\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0629<\/li>\r\n            <li>\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0628\u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u0645\u0648\u0642\u0639<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"process-card\">\r\n          <div class=\"process-card-number\">2<\/div>\r\n          <h3 class=\"process-card-title\">\u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0632\u064a\u0627\u0631\u0629<\/h3>\r\n          <p class=\"process-card-desc\">\u0645\u0644\u0627\u062d\u0638\u0629 \u0645\u0645\u0646\u0647\u062c\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0642\u0648\u0627\u0626\u0645 \u062a\u062d\u0642\u0642 \u0648\u0646\u0645\u0627\u0630\u062c \u0631\u0635\u062f<\/p>\r\n          <ul class=\"process-card-list\">\r\n            <li>\u062c\u0648\u0644\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0645\u0648\u062c\u0647\u0629 \u0648\u0641\u0642 \u0627\u0644\u0645\u062d\u0627\u0648\u0631<\/li>\r\n            <li>\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0642\u064a\u0627\u062f\u0627\u062a \u0648\u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644<\/li>\r\n            <li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Checklists \u0644\u0644\u0645\u0644\u0627\u062d\u0638\u0629<\/li>\r\n            <li>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"process-card\">\r\n          <div class=\"process-card-number\">3<\/div>\r\n          <h3 class=\"process-card-title\">\u0628\u0639\u062f \u0627\u0644\u0632\u064a\u0627\u0631\u0629<\/h3>\r\n          <p class=\"process-card-desc\">\u062c\u0644\u0633\u0629 \u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u062f\u0631\u0648\u0633 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0631\u0635\u062f \u0625\u0644\u0649 \u062e\u0637\u0637 \u0639\u0645\u0644<\/p>\r\n          <ul class=\"process-card-list\">\r\n            <li>\u0646\u0642\u0627\u0634 \u0645\u0648\u062c\u0647 \u0644\u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0627\u0644\u062f\u0631\u0648\u0633<\/li>\r\n            <li>\u062a\u062c\u0645\u064a\u0639 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0646\u0642\u0644<\/li>\r\n            <li>\u0635\u064a\u0627\u063a\u0629 \u0623\u0641\u0643\u0627\u0631 \u062a\u062d\u0633\u064a\u0646 \u0648\u0645\u0628\u0627\u062f\u0631\u0627\u062a<\/li>\r\n            <li>\u0625\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u064a\u0631 \u0628\u062a\u0648\u0635\u064a\u0627\u062a \u0639\u0645\u0644\u064a\u0629<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== PATHWAYS SECTION ==================== -->\r\n  <section class=\"section section--cream\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge\">\r\n          <span class=\"section-badge-dot\"><\/span>\r\n          \u0646\u0645\u0627\u0630\u062c \u062a\u0637\u0628\u064a\u0642\u064a\u0629\r\n        <\/div>\r\n        <h2 class=\"section-title\">\u0623\u0645\u062b\u0644\u0629 \u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 <span>\u0646\u0642\u062f\u0651\u0645\u0647\u0627<\/span><\/h2>\r\n        <p class=\"section-subtitle\">\r\n          \u0646\u064f\u0635\u0645\u0651\u0645 \u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0644\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0628\u062d\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u062e\u0635\u064a\u0635 \u0643\u0627\u0645\u0644 \u0644\u0644\u0648\u062c\u0647\u0627\u062a\r\n          \u0648\u0627\u0644\u0645\u062d\u0627\u0648\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\u0645.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pathways-grid\">\r\n        <!-- Card 1: Leadership -->\r\n        <div class=\"pathway-card\">\r\n          <h3 class=\"pathway-card-title\">\u0645\u0633\u0627\u0631 \u0642\u064a\u0627\u062f\u064a \u0648\u0625\u062f\u0627\u0631\u064a<\/h3>\r\n          <p class=\"pathway-card-desc\">\r\n            \u0632\u064a\u0627\u0631\u0629 \u0645\u0624\u0633\u0633\u0627\u062a \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0644\u0644\u0627\u0637\u0651\u0644\u0627\u0639 \u0639\u0644\u0649 \u0622\u0644\u064a\u0627\u062a \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u060c \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\u060c\r\n            \u0648\u0644\u0648\u062d\u0627\u062a \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u0646\u0645\u0627\u0630\u062c \u062a\u0641\u0648\u064a\u0636 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639.\r\n          <\/p>\r\n          <div class=\"pathway-card-tags\">\r\n            <span class=\"pathway-tag\">\u062d\u0648\u0643\u0645\u0629<\/span>\r\n            <span class=\"pathway-tag\">\u0625\u062f\u0627\u0631\u0629 \u0623\u062f\u0627\u0621<\/span>\r\n            <span class=\"pathway-tag\">\u0642\u064a\u0627\u062f\u0627\u062a \u0639\u0644\u064a\u0627<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2: Operations -->\r\n        <div class=\"pathway-card\">\r\n          <h3 class=\"pathway-card-title\">\u0645\u0633\u0627\u0631 \u062a\u0634\u063a\u064a\u0644\u064a \u0648\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0634\u063a\u064a\u0644<\/h3>\r\n          <p class=\"pathway-card-desc\">\r\n            \u0632\u064a\u0627\u0631\u0629 \u0645\u0648\u0627\u0642\u0639 \u0625\u0646\u062a\u0627\u062c \u0623\u0648 \u0645\u0631\u0627\u0641\u0642 \u062e\u062f\u0645\u064a\u0629\u060c \u0644\u0645\u0639\u0627\u064a\u0634\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0627\u0646\u0629\u060c \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n            \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0639\u0637\u0627\u0644\u060c \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629.\r\n          <\/p>\r\n          <div class=\"pathway-card-tags\">\r\n            <span class=\"pathway-tag\">\u0635\u064a\u0627\u0646\u0629<\/span>\r\n            <span class=\"pathway-tag\">\u0641\u0631\u0642 \u0641\u0646\u064a\u0629<\/span>\r\n            <span class=\"pathway-tag\">\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u062a\u0634\u063a\u064a\u0644<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3: Quality -->\r\n        <div class=\"pathway-card\">\r\n          <h3 class=\"pathway-card-title\">\u0645\u0633\u0627\u0631 \u062c\u0648\u062f\u0629 \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0648\u0631\u0642\u0627\u0628\u0629<\/h3>\r\n          <p class=\"pathway-card-desc\">\r\n            \u0632\u064a\u0627\u0631\u0629 \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0623\u0648 \u0645\u0631\u0627\u0641\u0642 \u0645\u0639\u062a\u0645\u062f\u0629\u060c \u0644\u0644\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u060c \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0648\u062b\u064a\u0642\u064a\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c\r\n            \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0631\u0642\u0627\u0628\u064a\u0629\u060c \u0645\u0639 \u0646\u0638\u0631\u0629 \u0628\u0646\u0645\u0627\u0630\u062c \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0646 \u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062c\u0648\u062f\u0629.\r\n          <\/p>\r\n          <div class=\"pathway-card-tags\">\r\n            <span class=\"pathway-tag\">\u062c\u0648\u062f\u0629<\/span>\r\n            <span class=\"pathway-tag\">\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0639\u062a\u0645\u0627\u062f<\/span>\r\n            <span class=\"pathway-tag\">\u0641\u0631\u0642 \u0631\u0642\u0627\u0628\u064a\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== GALLERY SECTION ==================== -->\r\n  <section id=\"gallery\" class=\"section section--warm\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge\">\r\n          <span class=\"section-badge-dot\"><\/span>\r\n          \u0646\u0645\u0627\u0630\u062c \u062d\u0642\u064a\u0642\u064a\u0629\r\n        <\/div>\r\n        <h2 class=\"section-title\">\u0646\u0645\u0627\u0630\u062c \u0645\u0646 <span>\u0632\u064a\u0627\u0631\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629<\/span><\/h2>\r\n        <p class=\"section-subtitle\">\r\n          \u0623\u0645\u062b\u0644\u0629 \u0645\u062e\u062a\u0635\u0631\u0629 \u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0646\u064f\u0641\u0650\u0651\u0630\u062a \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u062c\u0647\u0627\u062a \u0645\u0646 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-grid\">\r\n        <article class=\"gallery-card\">\r\n          <div class=\"gallery-card-image\"\r\n            style=\"background-image: url('https:\/\/images.pexels.com\/photos\/1181400\/pexels-photo-1181400.jpeg?auto=compress&cs=tinysrgb&w=800');\">\r\n            <div class=\"gallery-card-badge\">\r\n              <span class=\"gallery-card-badge-dot\"><\/span>\r\n              \u062f\u0628\u064a \u2013 \u0645\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u062d\u0643\u0648\u0645\u064a\u0629\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gallery-card-content\">\r\n            <h3 class=\"gallery-card-title\">\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u062a\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u0645\u0631\u0643\u0632 \u062e\u062f\u0645\u0629 \u0645\u062a\u0643\u0627\u0645\u0644<\/h3>\r\n            <p class=\"gallery-card-desc\">\u062c\u0648\u0644\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0642\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u0635\u0641 \u0627\u0644\u0623\u0648\u0644 \u0644\u0631\u0635\u062f \u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u062a\u0639\u0627\u0645\u0644 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u062d\u062a\u0649\r\n              \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u062e\u062f\u0645\u0629.<\/p>\r\n            <div class=\"gallery-card-tags\">\r\n              <span class=\"gallery-card-tag\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a<\/span>\r\n              <span class=\"gallery-card-tag\">\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062a\u0639\u0627\u0645\u0644\u064a\u0646<\/span>\r\n            <\/div>\r\n            <div class=\"gallery-card-footer\">\r\n              <span><span class=\"gallery-card-footer-dot\"><\/span>\u0628\u0631\u0646\u0627\u0645\u062c \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\r\n              <span>\u0664 \u0633\u0627\u0639\u0627\u062a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"gallery-card\">\r\n          <div class=\"gallery-card-image\"\r\n            style=\"background-image: url('https:\/\/images.pexels.com\/photos\/4481259\/pexels-photo-4481259.jpeg?auto=compress&cs=tinysrgb&w=800');\">\r\n            <div class=\"gallery-card-badge\">\r\n              <span class=\"gallery-card-badge-dot\"><\/span>\r\n              \u0627\u0644\u0631\u064a\u0627\u0636 \u2013 \u0645\u0635\u0646\u0639 \u063a\u0630\u0627\u0626\u064a\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gallery-card-content\">\r\n            <h3 class=\"gallery-card-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u063a\u0630\u0627\u0621 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639<\/h3>\r\n            <p class=\"gallery-card-desc\">\u0632\u064a\u0627\u0631\u0629 \u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n              \u0628\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629.<\/p>\r\n            <div class=\"gallery-card-tags\">\r\n              <span class=\"gallery-card-tag\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/span>\r\n              <span class=\"gallery-card-tag\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n            <\/div>\r\n            <div class=\"gallery-card-footer\">\r\n              <span><span class=\"gallery-card-footer-dot\"><\/span>\u0628\u0631\u0646\u0627\u0645\u062c \u0642\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0635\u0627\u0646\u0639<\/span>\r\n              <span>\u0646\u0635\u0641 \u064a\u0648\u0645<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"gallery-card\">\r\n          <div class=\"gallery-card-image\"\r\n            style=\"background-image: url('https:\/\/images.pexels.com\/photos\/256395\/pexels-photo-256395.jpeg?auto=compress&cs=tinysrgb&w=800');\">\r\n            <div class=\"gallery-card-badge\">\r\n              <span class=\"gallery-card-badge-dot\"><\/span>\r\n              \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u2013 \u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u062e\u0635\u0635\u064a\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gallery-card-content\">\r\n            <h3 class=\"gallery-card-title\">\u062d\u0648\u0643\u0645\u0629 \u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0625\u062f\u0627\u0631\u0629 \u0637\u0648\u0627\u0631\u0626 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a<\/h3>\r\n            <p class=\"gallery-card-desc\">\u0645\u0644\u0627\u062d\u0638\u0629 \u062d\u064a\u0651\u0629 \u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649 \u0641\u064a \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0645\u0639 \u062a\u062d\u0644\u064a\u0644 \u0646\u0642\u0627\u0637\r\n              \u0627\u0644\u0627\u062e\u062a\u0646\u0627\u0642.<\/p>\r\n            <div class=\"gallery-card-tags\">\r\n              <span class=\"gallery-card-tag\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u062d\u064a<\/span>\r\n              <span class=\"gallery-card-tag\">\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/span>\r\n            <\/div>\r\n            <div class=\"gallery-card-footer\">\r\n              <span><span class=\"gallery-card-footer-dot\"><\/span>\u0628\u0631\u0646\u0627\u0645\u062c \u0642\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a<\/span>\r\n              <span>\u0663 \u0633\u0627\u0639\u0627\u062a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== FAQ SECTION ==================== -->\r\n  <section id=\"faq\" class=\"section section--soft\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge\">\r\n          <span class=\"section-badge-dot\"><\/span>\r\n          \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629\r\n        <\/div>\r\n        <h2 class=\"section-title\">\u0623\u0633\u0626\u0644\u0629 \u0645\u062a\u0643\u0631\u0631\u0629 \u062d\u0648\u0644 <span>\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/span><\/h2>\r\n        <p class=\"section-subtitle\">\r\n          \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u0627\u064b \u062d\u0648\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"faq-list\">\r\n        <!-- FAQ Item 1 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <span class=\"faq-question-text\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u0635\u0645\u064a\u0645 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062e\u0627\u0635\u0629 \u0628\u062c\u0647\u062a\u0646\u0627 \u0641\u0642\u0637\u061f<\/span>\r\n            <span class=\"faq-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p class=\"faq-answer-content\">\r\n              \u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u062a\u0635\u0645\u064a\u0645 \u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062d\u0635\u0631\u064a\u0629 \u0644\u062c\u0647\u062a\u0643\u0645\u060c \u0633\u0648\u0627\u0621 \u0636\u0645\u0646 \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a \u0642\u0627\u0626\u0645 \u0623\u0648 \u0645\u0633\u0627\u0631 \u062a\u0637\u0648\u064a\u0631\u064a \u0645\u0633\u062a\u0642\u0644\u060c \u0645\u0639 \u062a\u062e\u0635\u064a\u0635\r\n              \u0643\u0627\u0645\u0644 \u0644\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 2 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <span class=\"faq-question-text\">\u0645\u0627 \u0639\u062f\u062f \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0641\u064a \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0627\u062d\u062f\u0629\u061f<\/span>\r\n            <span class=\"faq-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p class=\"faq-answer-content\">\r\n              \u064a\u0641\u0636\u0651\u0644 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0639\u062f\u062f \u0628\u064a\u0646 10\u201320 \u0645\u0634\u0627\u0631\u0643\u064b\u0627 \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0646\u0642\u0627\u0634 \u0648\u0633\u0647\u0648\u0644\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u0644\u0629 \u0648\u0645\u0631\u0627\u0639\u0627\u0629 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 3 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <span class=\"faq-question-text\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u0646\u0641\u064a\u0630 \u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0641\u064a \u0645\u062f\u0646 \u0623\u0648 \u062f\u0648\u0644 \u0623\u062e\u0631\u0649\u061f<\/span>\r\n            <span class=\"faq-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p class=\"faq-answer-content\">\r\n              \u0646\u0639\u0645\u060c \u0646\u0633\u062a\u0637\u064a\u0639 \u062a\u0646\u0633\u064a\u0642 \u0632\u064a\u0627\u0631\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u062f\u0648\u0644\u0629 \u0623\u0648 \u062e\u0627\u0631\u062c\u0647\u0627 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0634\u0628\u0643\u0629 \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u0648\u0641\u0642 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0633\u0641\u0631\r\n              \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0644\u062f\u064a\u0643\u0645.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 4 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <span class=\"faq-question-text\">\u0647\u0644 \u062a\u0643\u0648\u0646 \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0636\u0645\u0646 \u062c\u062f\u0648\u0644 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0623\u0645 \u0641\u064a \u064a\u0648\u0645 \u0645\u0646\u0641\u0635\u0644\u061f<\/span>\r\n            <span class=\"faq-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p class=\"faq-answer-content\">\r\n              \u064a\u0645\u0643\u0646 \u062f\u0645\u062c \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0636\u0645\u0646 \u0623\u064a\u0627\u0645 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0623\u0648 \u062a\u062e\u0635\u064a\u0635 \u064a\u0648\u0645 \u0645\u0646\u0641\u0635\u0644 \u0644\u0647\u0627\u060c \u062d\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062c\u0647\u0629\r\n              \u0627\u0644\u0645\u0636\u064a\u0641\u0629. \u0646\u0633\u0627\u0639\u062f\u0643\u0645 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u062a\u062c\u0631\u0628\u0629 \u062a\u0639\u0644\u0651\u0645.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== CTA SECTION ==================== -->\r\n  <section id=\"cta\" class=\"section\">\r\n    <div class=\"container container--narrow\">\r\n      <div class=\"cta-card\">\r\n        <h2 class=\"cta-title\">\u0647\u0644 \u062a\u0631\u063a\u0628\u0648\u0646 \u0641\u064a \u0625\u0636\u0627\u0641\u0629 \u0628\u064f\u0639\u062f \u0645\u064a\u062f\u0627\u0646\u064a \u0644\u0628\u0631\u0627\u0645\u062c\u0643\u0645 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629\u061f<\/h2>\r\n        <p class=\"cta-subtitle\">\r\n          \u064a\u0633\u0639\u062f\u0646\u0627 \u0623\u0646 \u0646\u0639\u0645\u0644 \u0645\u0639\u0643\u0645 \u0639\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u062a\u0639\u0643\u0633 \u0648\u0627\u0642\u0639 \u0639\u0645\u0644\u0643\u0645 \u0648\u062a\u062f\u0639\u0645 \u062e\u0637\u0637 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u062f\u064a\u0643\u0645.\r\n        <\/p>\r\n        <div class=\"cta-buttons\">\r\n          <a href=\"\/\u0646\u0645\u0648\u0630\u062c-\u0637\u0644\u0628-\u062a\u0635\u0645\u064a\u0645-\u0632\u064a\u0627\u0631\u0629-\u0645\u064a\u062f\u0627\u0646\u064a\u0629-\u062a\u062f\u0631\u064a\u0628\u064a\u0629\/\" class=\"btn btn-primary\">\u0627\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0644\u062a\u0635\u0645\u064a\u0645 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/a>\r\n          <a href=\"\/\u0627\u0644\u0628\u062d\u062b-\u0639\u0646-\u0627\u0644\u062f\u0648\u0631\u0627\u062a\/\" class=\"btn btn-white\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/a>\r\n        <\/div>\r\n        <p class=\"cta-note\">\u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642 \u0625\u0646\u0641\u0643\u062a \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u062e\u0644\u0627\u0644 \u064a\u0648\u0645\u064a \u0639\u0645\u0644 \u0643\u062d\u062f \u0623\u0642\u0635\u0649<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SCRIPTS ==================== -->\r\n  <script src=\"scripts.js\">\r\n    \/* ==========================================\r\n   AINFCT Field Visits - JavaScript\r\n   ========================================== *\/\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    \/\/ ==================== SMOOTH SCROLLING ====================\r\n    \/\/ Handle smooth scrolling for anchor links\r\n    const anchorLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\r\n    anchorLinks.forEach(link => {\r\n        link.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            const targetId = this.getAttribute('href');\r\n            const targetElement = document.querySelector(targetId);\r\n\r\n            if (targetElement) {\r\n                const headerOffset = 80; \/\/ Offset for fixed header if added later\r\n                const elementPosition = targetElement.getBoundingClientRect().top;\r\n                const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\r\n\r\n                window.scrollTo({\r\n                    top: offsetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ ==================== SCROLL ANIMATIONS ====================\r\n    \/\/ Animate elements when they come into view\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.1\r\n    };\r\n\r\n    const animateOnScroll = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    \/\/ Elements to animate\r\n    const animatedElements = document.querySelectorAll(\r\n        '.feature-card, .process-card, .pathway-card, .gallery-card, .section-header'\r\n    );\r\n\r\n    animatedElements.forEach(el => {\r\n        el.classList.add('animate-on-scroll');\r\n        animateOnScroll.observe(el);\r\n    });\r\n\r\n    \/\/ ==================== CARD HOVER EFFECTS ====================\r\n    \/\/ Add enhanced hover effects to cards\r\n    const cards = document.querySelectorAll('.feature-card, .pathway-card, .gallery-card');\r\n\r\n    cards.forEach(card => {\r\n        card.addEventListener('mouseenter', function () {\r\n            this.style.transform = 'translateY(-8px)';\r\n        });\r\n\r\n        card.addEventListener('mouseleave', function () {\r\n            this.style.transform = 'translateY(0)';\r\n        });\r\n    });\r\n\r\n    \/\/ ==================== BUTTON RIPPLE EFFECT ====================\r\n    \/\/ Add ripple effect to buttons\r\n    const buttons = document.querySelectorAll('.btn');\r\n\r\n    buttons.forEach(button => {\r\n        button.addEventListener('click', function (e) {\r\n            const ripple = document.createElement('span');\r\n            const rect = this.getBoundingClientRect();\r\n\r\n            ripple.className = 'btn-ripple';\r\n            ripple.style.left = (e.clientX - rect.left) + 'px';\r\n            ripple.style.top = (e.clientY - rect.top) + 'px';\r\n\r\n            this.appendChild(ripple);\r\n\r\n            setTimeout(() => {\r\n                ripple.remove();\r\n            }, 600);\r\n        });\r\n    });\r\n\r\n    \/\/ ==================== LAZY LOADING IMAGES ====================\r\n    \/\/ Lazy load background images\r\n    const lazyImages = document.querySelectorAll('.gallery-card-image, .hero-card-image');\r\n\r\n    const imageObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                const img = entry.target;\r\n                const bgImage = img.style.backgroundImage;\r\n\r\n                if (bgImage) {\r\n                    \/\/ Image is already loaded via inline style\r\n                    img.classList.add('loaded');\r\n                }\r\n\r\n                observer.unobserve(img);\r\n            }\r\n        });\r\n    }, {\r\n        rootMargin: '50px'\r\n    });\r\n\r\n    lazyImages.forEach(img => {\r\n        imageObserver.observe(img);\r\n    });\r\n\r\n    \/\/ ==================== SCROLL PROGRESS ====================\r\n    \/\/ Update page scroll progress (can be used for progress bar)\r\n    function updateScrollProgress() {\r\n        const scrollTop = window.pageYOffset;\r\n        const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n        const scrollPercent = (scrollTop \/ docHeight) * 100;\r\n\r\n        document.documentElement.style.setProperty('--scroll-progress', scrollPercent + '%');\r\n    }\r\n\r\n    window.addEventListener('scroll', updateScrollProgress);\r\n\r\n    \/\/ ==================== ACCESSIBILITY ====================\r\n    \/\/ Handle keyboard navigation\r\n    document.addEventListener('keydown', function (e) {\r\n        \/\/ Skip to main content with Tab\r\n        if (e.key === 'Tab') {\r\n            document.body.classList.add('keyboard-nav');\r\n        }\r\n    });\r\n\r\n    document.addEventListener('mousedown', function () {\r\n        document.body.classList.remove('keyboard-nav');\r\n    });\r\n\r\n    \/\/ ==================== FAQ ACCORDION ====================\r\n    \/\/ Handle FAQ toggle functionality\r\n    const faqItems = document.querySelectorAll('.faq-item');\r\n\r\n    faqItems.forEach(item => {\r\n        const question = item.querySelector('.faq-question');\r\n\r\n        if (question) {\r\n            question.addEventListener('click', function () {\r\n                \/\/ Check if this item is already active\r\n                const isActive = item.classList.contains('active');\r\n\r\n                \/\/ Close all other FAQ items\r\n                faqItems.forEach(otherItem => {\r\n                    otherItem.classList.remove('active');\r\n                });\r\n\r\n                \/\/ Toggle current item\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                }\r\n            });\r\n\r\n            \/\/ Keyboard accessibility\r\n            question.setAttribute('tabindex', '0');\r\n            question.setAttribute('role', 'button');\r\n            question.setAttribute('aria-expanded', 'false');\r\n\r\n            question.addEventListener('keydown', function (e) {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                    e.preventDefault();\r\n                    this.click();\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n    \/\/ Update aria-expanded when FAQ state changes\r\n    const updateAriaStates = () => {\r\n        faqItems.forEach(item => {\r\n            const question = item.querySelector('.faq-question');\r\n            if (question) {\r\n                question.setAttribute('aria-expanded', item.classList.contains('active'));\r\n            }\r\n        });\r\n    };\r\n\r\n    \/\/ Observe FAQ changes for accessibility\r\n    faqItems.forEach(item => {\r\n        const observer = new MutationObserver(updateAriaStates);\r\n        observer.observe(item, { attributes: true, attributeFilter: ['class'] });\r\n    });\r\n\r\n    \/\/ ==================== CONSOLE MESSAGE ====================\r\n    console.log('%c\ud83c\udfe2 AINFCT Field Visits', 'color: #d6ab76; font-size: 20px; font-weight: bold;');\r\n    console.log('%cPowered by AINFCT Training Solutions', 'color: #0b2343; font-size: 12px;');\r\n\r\n});\r\n\r\n\/\/ ==================== CSS FOR ANIMATIONS ====================\r\n\/\/ Inject animation styles\r\nconst animationStyles = document.createElement('style');\r\nanimationStyles.textContent = `\r\n    \/* Scroll Animation Classes *\/\r\n    .animate-on-scroll {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: opacity 0.6s ease, transform 0.6s ease;\r\n    }\r\n    \r\n    .animate-on-scroll.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    \/* Stagger animation for grid items *\/\r\n    .features-grid .animate-on-scroll:nth-child(1) { transition-delay: 0.1s; }\r\n    .features-grid .animate-on-scroll:nth-child(2) { transition-delay: 0.2s; }\r\n    .features-grid .animate-on-scroll:nth-child(3) { transition-delay: 0.3s; }\r\n    .features-grid .animate-on-scroll:nth-child(4) { transition-delay: 0.4s; }\r\n    \r\n    .process-grid .animate-on-scroll:nth-child(1) { transition-delay: 0.1s; }\r\n    .process-grid .animate-on-scroll:nth-child(2) { transition-delay: 0.2s; }\r\n    .process-grid .animate-on-scroll:nth-child(3) { transition-delay: 0.3s; }\r\n    \r\n    .pathways-grid .animate-on-scroll:nth-child(1) { transition-delay: 0.1s; }\r\n    .pathways-grid .animate-on-scroll:nth-child(2) { transition-delay: 0.2s; }\r\n    .pathways-grid .animate-on-scroll:nth-child(3) { transition-delay: 0.3s; }\r\n    \r\n    .gallery-grid .animate-on-scroll:nth-child(1) { transition-delay: 0.1s; }\r\n    .gallery-grid .animate-on-scroll:nth-child(2) { transition-delay: 0.2s; }\r\n    .gallery-grid .animate-on-scroll:nth-child(3) { transition-delay: 0.3s; }\r\n    \r\n    \/* Button Ripple Effect *\/\r\n    .btn {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .btn-ripple {\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 20px;\r\n        background: rgba(255, 255, 255, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        animation: ripple 0.6s ease-out;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    @keyframes ripple {\r\n        to {\r\n            transform: translate(-50%, -50%) scale(20);\r\n            opacity: 0;\r\n        }\r\n    }\r\n    \r\n    \/* Keyboard Navigation Focus Styles *\/\r\n    .keyboard-nav *:focus {\r\n        outline: 3px solid #d6ab76;\r\n        outline-offset: 2px;\r\n    }\r\n    \r\n    \/* Image Loading Animation *\/\r\n    .gallery-card-image,\r\n    .hero-card-image {\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .gallery-card-image.loaded,\r\n    .hero-card-image.loaded {\r\n        opacity: 1;\r\n    }\r\n`;\r\n\r\ndocument.head.appendChild(animationStyles);\r\n\r\n  <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4fc9dbe elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"4fc9dbe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7554ff1\" data-id=\"7554ff1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-178ddc5 elementor-widget elementor-widget-heading\" data-id=\"178ddc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0634\u0631\u0643\u0627\u0624\u0646\u0627 \u0641\u064a \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2fdf18 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a2fdf18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad1f796 elementor-widget__width-initial color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"ad1f796\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u062a\u0628\u0646\u064a \u0625\u0646\u0641\u0643\u062a \u0634\u0628\u0643\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u064a\u0646 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u064a\u0633\u062a\u0636\u064a\u0641\u0648\u0646 \u0648\u0641\u0648\u062f\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u062f\u0627\u062e\u0644 \u0645\u0646\u0634\u0622\u062a\u0647\u0645 \u0648\u0641\u0642 \u0636\u0648\u0627\u0628\u0637 \u0645\u0647\u0646\u064a\u0629 \u0648\u0623\u0645\u0646\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0645\u0646 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629 \u0639\u0646 \u0642\u0631\u0628.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-8aaffb2 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex wd-section-disabled e-con e-parent\" data-id=\"8aaffb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bf53c9c e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"bf53c9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2afac0a e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"2afac0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff1b25e elementor-widget elementor-widget-heading\" data-id=\"ff1b25e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0642\u0637\u0627\u0639 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f7ad53 elementor-widget elementor-widget-wd_title\" data-id=\"7f7ad53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-right\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h2 class=\"woodmart-title-container title wd-fontsize-l\">\u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u0639\u0644\u064a\u0645\u064a \u0648\u0645\u0631\u0643\u0632 \u0637\u0628\u064a \u0645\u062a\u0642\u062f\u0645<br \/>\n<\/h2> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title set-cont-mb-s reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>\u0627\u0644\u0631\u064a\u0627\u0636 \u2013 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-153f488 text-right color-scheme-inherit elementor-widget elementor-widget-text-editor\" data-id=\"153f488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul class=\"my-3 pr-4 list-disc text-sm text-foreground\/80 space-y-2 leading-relaxed\"><li>\u062c\u0648\u0644\u0629 \u0641\u064a \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629.<\/li><li>\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0633\u062c\u0644\u0627\u062a\u0647 \u0627\u0644\u0637\u0628\u064a\u0629.<\/li><li>\u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u0639 \u0645\u0633\u0624\u0648\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u062d\u0648\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b24fff7 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"b24fff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640: \u0645\u062f\u064a\u0631\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a\u060c \u0645\u0633\u0624\u0648\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u060c \u0648\u0642\u0627\u062f\u0629 \u0641\u0631\u0642 \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0631\u064a\u0636.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-282b765 elementor-widget__width-auto elementor-widget elementor-widget-wd_button\" data-id=\"282b765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-button-wrapper text-right\" >\n\t\t\t<a class=\"btn btn-style-default btn-style-round btn-size-default btn-scheme-custom btn-scheme-hover-inherit btn-icon-pos-right\"  href=\"#\">\n\t\t\t\t<span class=\"wd-btn-text\" data-elementor-setting-key=\"text\">\n\t\t\t\t\t\u0627\u0637\u0644\u0628 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6977f82 e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"6977f82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-82385c7 e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"82385c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8b4a80 elementor-widget elementor-widget-heading\" data-id=\"e8b4a80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae14ca elementor-widget elementor-widget-wd_title\" data-id=\"3ae14ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-right\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h2 class=\"woodmart-title-container title wd-fontsize-l\">\u0645\u064a\u0646\u0627\u0621 \u0628\u062d\u0631\u064a \u0648\u0645\u0646\u0637\u0642\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<br \/>\n<\/h2> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title set-cont-mb-s reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>\u062c\u062f\u0629 \u2013 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-891570b text-right color-scheme-inherit elementor-widget elementor-widget-text-editor\" data-id=\"891570b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul class=\"my-3 pr-4 list-disc text-sm text-foreground\/80 space-y-2 leading-relaxed\"><li>\u062c\u0648\u0644\u0629 \u0641\u064a \u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0648\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0646\u0627\u0648\u0644\u0629 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646.<\/li><li>\u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0648\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0633\u0641\u0646 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0631\u0635\u0641\u0629.<\/li><li>\u062c\u0644\u0633\u0629 \u062d\u0648\u0627\u0631 \u062d\u0648\u0644 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0641\u064a \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d34988c color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"d34988c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-sm text-foreground\/90 mt-1\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640: \u0645\u062f\u064a\u0631\u064a \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f\u060c \u0641\u0631\u0642 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u060c \u0648\u0645\u0633\u0624\u0648\u0644\u064a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0648\u0627\u0646\u0626.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5f6af1 elementor-widget__width-auto elementor-widget elementor-widget-wd_button\" data-id=\"d5f6af1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-button-wrapper text-right\" >\n\t\t\t<a class=\"btn btn-style-default btn-style-round btn-size-default btn-scheme-custom btn-scheme-hover-inherit btn-icon-pos-right\"  href=\"#\">\n\t\t\t\t<span class=\"wd-btn-text\" data-elementor-setting-key=\"text\">\n\t\t\t\t\t\u0627\u0637\u0644\u0628 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3867bb e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"c3867bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7757093 e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"7757093\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c28e05 elementor-widget elementor-widget-heading\" data-id=\"9c28e05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdcebe2 elementor-widget elementor-widget-wd_title\" data-id=\"fdcebe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-right\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h2 class=\"woodmart-title-container title wd-fontsize-l\">\u0645\u0635\u0646\u0639 \u0635\u0646\u0627\u0639\u064a \u0628\u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0634\u063a\u064a\u0644 \u0631\u0634\u064a\u0642\u0629<br \/>\n<\/h2> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title set-cont-mb-s reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>\u0627\u0644\u062f\u0648\u062d\u0629 \u2013 \u0642\u0637\u0631<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd8cff3 text-right color-scheme-inherit elementor-widget elementor-widget-text-editor\" data-id=\"fd8cff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul class=\"my-3 pr-4 list-disc text-sm text-foreground\/80 space-y-2 leading-relaxed\"><li>\u062c\u0648\u0644\u0629 \u0641\u064a \u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629.<\/li><li>\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0646\u0638\u0645 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0631\u0634\u064a\u0642 (Lean Manufacturing).<\/li><li>\u0645\u0646\u0627\u0642\u0634\u0629 \u062d\u0648\u0644 \u0631\u0641\u0639 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0627\u0642\u062f \u0648\u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7716f4 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"a7716f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-sm text-foreground\/90 mt-1\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640: \u0645\u062f\u064a\u0631\u064a \u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0645\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0641\u0631\u0642 \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee3ce76 elementor-widget__width-auto elementor-widget elementor-widget-wd_button\" data-id=\"ee3ce76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-button-wrapper text-right\" >\n\t\t\t<a class=\"btn btn-style-default btn-style-round btn-size-default btn-scheme-custom btn-scheme-hover-inherit btn-icon-pos-right\"  href=\"#\">\n\t\t\t\t<span class=\"wd-btn-text\" data-elementor-setting-key=\"text\">\n\t\t\t\t\t\u0627\u0637\u0644\u0628 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be0a9c5 e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"be0a9c5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4049158 e-con-full e-flex wd-section-disabled e-con e-child\" data-id=\"4049158\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e82c38 elementor-widget elementor-widget-heading\" data-id=\"3e82c38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0642\u0637\u0627\u0639 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9aa001c elementor-widget elementor-widget-wd_title\" data-id=\"9aa001c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-right\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h2 class=\"woodmart-title-container title wd-fontsize-l\">\u0645\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 \u0648\u0645\u0627\u0644\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<br \/>\n<\/h2> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title set-cont-mb-s reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>\u062f\u0628\u064a \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b443122 text-right color-scheme-inherit elementor-widget elementor-widget-text-editor\" data-id=\"b443122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul class=\"my-3 pr-4 list-disc text-sm text-foreground\/80 space-y-2 leading-relaxed\"><li>\u0632\u064a\u0627\u0631\u0629 \u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.<\/li><li>\u0639\u0631\u0636 \u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 (Omni-Channel).<\/li><li>\u0646\u0642\u0627\u0634 \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u062d\u0648\u0644 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf16612 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"bf16612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-sm text-foreground\/90 mt-1\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640: \u0627\u0644\u0642\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0645\u0633\u0624\u0648\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0648\u0645\u062f\u064a\u0631\u064a \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-742ffcf elementor-widget__width-auto elementor-widget elementor-widget-wd_button\" data-id=\"742ffcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-button-wrapper text-right\" >\n\t\t\t<a class=\"btn btn-style-default btn-style-round btn-size-default btn-scheme-custom btn-scheme-hover-inherit btn-icon-pos-right\"  href=\"#\">\n\t\t\t\t<span class=\"wd-btn-text\" data-elementor-setting-key=\"text\">\n\t\t\t\t\t\u0627\u0637\u0644\u0628 \u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0647\u0629 \u0623\u0646 \u062a\u062d\u0648\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0625\u0644\u0649 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2947","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":100,"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages\/2947\/revisions"}],"predecessor-version":[{"id":5826,"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages\/2947\/revisions\/5826"}],"wp:attachment":[{"href":"https:\/\/furniturehome-ksa.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/media?parent=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}