{"id":14,"date":"2020-01-28T17:09:22","date_gmt":"2020-01-28T13:39:22","guid":{"rendered":"https:\/\/jahanrahro.ir\/?page_id=14"},"modified":"2026-01-27T13:01:13","modified_gmt":"2026-01-27T14:01:13","slug":"about","status":"publish","type":"page","link":"https:\/\/jahanrahro.ir\/?page_id=14","title":{"rendered":"\u062f\u0631\u0628\u0627\u0631\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72069a23 elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72069a23\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4763ece6\" data-id=\"4763ece6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5226f0e elementor-widget elementor-widget-spacer\" data-id=\"5226f0e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d8acbb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d8acbb\" data-element_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-27fe956\" data-id=\"27fe956\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-648f387 elementor-widget elementor-widget-html\" data-id=\"648f387\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* \u0631\u06cc\u0633\u062a \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0628\u062e\u0634 *\/\r\n.about-sections * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n:root {\r\n    --primary: #F0BF24;\r\n    --primary-dark: #d4a61f;\r\n    --primary-light: #f8e1a4;\r\n    --text-dark: #1a1a1a;\r\n    --text-light: #666666;\r\n    --white: #ffffff;\r\n    --gray-50: #fafafa;\r\n    --gray-100: #f5f5f5;\r\n    --gray-200: #eeeeee;\r\n    --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);\r\n    --shadow-md: 0 10px 30px rgba(0,0,0,0.08);\r\n    --shadow-lg: 0 20px 50px rgba(0,0,0,0.1);\r\n    --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n}\r\n\r\n\/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0644\u06cc \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 *\/\r\n.about-sections {\r\n    font-family: 'Segoe UI', system-ui, sans-serif !important;\r\n    background: var(--white) !important;\r\n    direction: rtl !important;\r\n    text-align: right !important;\r\n}\r\n\r\n.about-section {\r\n    padding: 100px 20px !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    width: 100% !important;\r\n    display: block !important;\r\n}\r\n\r\n.about-section:nth-child(odd) {\r\n    background: var(--white) !important;\r\n}\r\n\r\n.about-section:nth-child(even) {\r\n    background: var(--gray-50) !important;\r\n}\r\n\r\n.about-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n    width: 100% !important;\r\n}\r\n\r\n\/* \u0647\u062f\u0631 \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 *\/\r\n.about-header {\r\n    text-align: center !important;\r\n    margin-bottom: 70px !important;\r\n}\r\n\r\n.icon-circle {\r\n    width: 100px !important;\r\n    height: 100px !important;\r\n    background: var(--gray-100) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin: 0 auto 30px !important;\r\n    color: var(--primary) !important;\r\n    font-size: 40px !important;\r\n    position: relative !important;\r\n    border: 3px solid var(--primary-light) !important;\r\n    transition: var(--transition) !important;\r\n}\r\n\r\n.icon-pulse {\r\n    position: absolute !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border-radius: 50% !important;\r\n    border: 2px solid var(--primary) !important;\r\n    animation: pulse 2s infinite !important;\r\n    opacity: 0 !important;\r\n}\r\n\r\n@keyframes pulse {\r\n    0% {\r\n        transform: scale(1) !important;\r\n        opacity: 0.8 !important;\r\n    }\r\n    100% {\r\n        transform: scale(1.3) !important;\r\n        opacity: 0 !important;\r\n    }\r\n}\r\n\r\n.about-header h2 {\r\n    font-size: 2.8rem !important;\r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 15px !important;\r\n    line-height: 1.2 !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n.gold-text {\r\n    color: var(--primary) !important;\r\n    position: relative !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n.gold-text::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: 5px !important;\r\n    right: 0 !important;\r\n    width: 100% !important;\r\n    height: 8px !important;\r\n    background: rgba(240, 191, 36, 0.2) !important;\r\n    z-index: -1 !important;\r\n    border-radius: 4px !important;\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 1.2rem !important;\r\n    color: var(--text-light) !important;\r\n    max-width: 600px !important;\r\n    margin: 0 auto !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n\/* \u0633\u06a9\u0634\u0646 \u06f1: \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0648 \u0645\u0627\u0645\u0648\u0631\u06cc\u062a *\/\r\n.mission-section .about-content {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 60px !important;\r\n    align-items: start !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .mission-section .about-content {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 40px !important;\r\n    }\r\n}\r\n\r\n.timeline {\r\n    position: relative !important;\r\n    padding-right: 30px !important;\r\n}\r\n\r\n.timeline::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 4px !important;\r\n    background: linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;\r\n    border-radius: 2px !important;\r\n}\r\n\r\n.timeline-item {\r\n    position: relative !important;\r\n    margin-bottom: 40px !important;\r\n    padding: 25px !important;\r\n    background: var(--white) !important;\r\n    border-radius: 15px !important;\r\n    box-shadow: var(--shadow-sm) !important;\r\n    border-right: 4px solid var(--primary-light) !important;\r\n    transition: var(--transition) !important;\r\n}\r\n\r\n.timeline-item:hover {\r\n    transform: translateX(-10px) !important;\r\n    box-shadow: var(--shadow-md) !important;\r\n    border-right-color: var(--primary) !important;\r\n}\r\n\r\n.timeline-item::before {\r\n    content: attr(data-year) !important;\r\n    position: absolute !important;\r\n    right: -55px !important;\r\n    top: 25px !important;\r\n    background: var(--primary) !important;\r\n    color: var(--white) !important;\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    font-weight: bold !important;\r\n    font-size: 14px !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.timeline-dot {\r\n    position: absolute !important;\r\n    right: -38px !important;\r\n    top: 35px !important;\r\n    width: 12px !important;\r\n    height: 12px !important;\r\n    background: var(--white) !important;\r\n    border: 3px solid var(--primary) !important;\r\n    border-radius: 50% !important;\r\n    z-index: 3 !important;\r\n}\r\n\r\n.timeline-item h3 {\r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 10px !important;\r\n    font-size: 1.3rem !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.timeline-item p {\r\n    color: var(--text-light) !important;\r\n    line-height: 1.6 !important;\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.mission-statement {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.statement-card {\r\n    background: linear-gradient(135deg, var(--white) 0%, var(--gray-50) 100%) !important;\r\n    padding: 40px !important;\r\n    border-radius: 20px !important;\r\n    box-shadow: var(--shadow-lg) !important;\r\n    border: 2px solid var(--primary-light) !important;\r\n    text-align: center !important;\r\n    transition: var(--transition) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.statement-card:hover {\r\n    transform: translateY(-10px) !important;\r\n    box-shadow: 0 25px 60px rgba(240, 191, 36, 0.15) !important;\r\n    border-color: var(--primary) !important;\r\n}\r\n\r\n.statement-card::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    right: 0 !important;\r\n    width: 100% !important;\r\n    height: 4px !important;\r\n    background: linear-gradient(to right, var(--primary), var(--primary-dark)) !important;\r\n}\r\n\r\n.statement-icon {\r\n    font-size: 50px !important;\r\n    color: var(--primary) !important;\r\n    margin-bottom: 25px !important;\r\n    display: block !important;\r\n}\r\n\r\n.statement-card h3 {\r\n    font-size: 1.8rem !important;\r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 20px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n.statement-card p {\r\n    color: var(--text-light) !important;\r\n    line-height: 1.8 !important;\r\n    margin-bottom: 30px !important;\r\n    font-size: 1.1rem !important;\r\n}\r\n\r\n.signature {\r\n    margin-top: 30px !important;\r\n    padding-top: 20px !important;\r\n    border-top: 1px solid var(--gray-200) !important;\r\n}\r\n\r\n.signature span {\r\n    font-family: cursive !important;\r\n    font-size: 1.5rem !important;\r\n    color: var(--text-dark) !important;\r\n    display: block !important;\r\n    margin-bottom: 5px !important;\r\n}\r\n\r\n.signature-line {\r\n    width: 100px !important;\r\n    height: 2px !important;\r\n    background: var(--primary) !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n\/* \u0633\u06a9\u0634\u0646 \u06f2: \u0627\u0631\u0632\u0634\u200c\u0647\u0627 *\/\r\n.values-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n.value-card {\r\n    background: var(--white) !important;\r\n    padding: 35px 30px !important;\r\n    border-radius: 20px !important;\r\n    text-align: center !important;\r\n    box-shadow: var(--shadow-md) !important;\r\n    transition: var(--transition) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    border: 2px solid transparent !important;\r\n}\r\n\r\n.value-card:hover {\r\n    transform: translateY(-15px) !important;\r\n    box-shadow: var(--shadow-lg) !important;\r\n    border-color: var(--primary) !important;\r\n}\r\n\r\n.value-card::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    right: 0 !important;\r\n    width: 100% !important;\r\n    height: 5px !important;\r\n    background: linear-gradient(to left, var(--primary), var(--primary-dark)) !important;\r\n    transform: scaleX(0) !important;\r\n    transform-origin: right !important;\r\n    transition: transform 0.6s ease !important;\r\n}\r\n\r\n.value-card:hover::before {\r\n    transform: scaleX(1) !important;\r\n}\r\n\r\n.value-icon {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    background: var(--gray-100) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin: 0 auto 25px !important;\r\n    color: var(--primary) !important;\r\n    font-size: 32px !important;\r\n    position: relative !important;\r\n    transition: var(--transition) !important;\r\n}\r\n\r\n.value-card:hover .value-icon {\r\n    background: var(--primary) !important;\r\n    color: var(--white) !important;\r\n    transform: rotateY(180deg) scale(1.1) !important;\r\n}\r\n\r\n.value-glow {\r\n    position: absolute !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border-radius: 50% !important;\r\n    background: radial-gradient(circle, var(--primary-light) 0%, transparent 70%) !important;\r\n    opacity: 0 !important;\r\n    transition: opacity 0.3s ease !important;\r\n}\r\n\r\n.value-card:hover .value-glow {\r\n    opacity: 0.3 !important;\r\n}\r\n\r\n.value-card h3 {\r\n    font-size: 1.4rem !important;\r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 15px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.value-card p {\r\n    color: var(--text-light) !important;\r\n    line-height: 1.7 !important;\r\n    margin-bottom: 25px !important;\r\n}\r\n\r\n.value-stats {\r\n    background: var(--gray-50) !important;\r\n    padding: 15px !important;\r\n    border-radius: 12px !important;\r\n    display: inline-block !important;\r\n    border: 1px solid var(--gray-200) !important;\r\n}\r\n\r\n.value-stats span {\r\n    font-size: 2rem !important;\r\n    font-weight: 700 !important;\r\n    color: var(--primary) !important;\r\n    display: block !important;\r\n    line-height: 1 !important;\r\n}\r\n\r\n.value-stats small {\r\n    color: var(--text-light) !important;\r\n    font-size: 12px !important;\r\n    margin-top: 5px !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* \u0633\u06a9\u0634\u0646 \u06f3: \u062a\u06cc\u0645 \u0648 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627 *\/\r\n.team-certificates {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 60px !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .team-certificates {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 40px !important;\r\n    }\r\n}\r\n\r\n.team-showcase,\r\n.certificates-showcase {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n.team-member,\r\n.certificate-card {\r\n    background: var(--white) !important;\r\n    border-radius: 20px !important;\r\n    padding: 35px 30px !important;\r\n    box-shadow: var(--shadow-md) !important;\r\n    transition: var(--transition) !important;\r\n    border: 2px solid transparent !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.team-member:hover,\r\n.certificate-card:hover {\r\n    transform: translateY(-10px) !important;\r\n    box-shadow: var(--shadow-lg) !important;\r\n    border-color: var(--primary) !important;\r\n}\r\n\r\n.member-avatar {\r\n    width: 100px !important;\r\n    height: 100px !important;\r\n    background: var(--gray-100) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin: 0 auto 25px !important;\r\n    color: var(--primary) !important;\r\n    font-size: 40px !important;\r\n    position: relative !important;\r\n}\r\n\r\n.avatar-ring {\r\n    position: absolute !important;\r\n    width: 110% !important;\r\n    height: 110% !important;\r\n    border-radius: 50% !important;\r\n    border: 3px solid var(--primary-light) !important;\r\n    animation: rotate 20s infinite linear !important;\r\n}\r\n\r\n@keyframes rotate {\r\n    0% { transform: rotate(0deg) !important; }\r\n    100% { transform: rotate(360deg) !important; }\r\n}\r\n\r\n.team-member h3 {\r\n    font-size: 1.4rem !important;\r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 15px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.team-member p {\r\n    color: var(--text-light) !important;\r\n    line-height: 1.6 !important;\r\n    margin-bottom: 25px !important;\r\n}\r\n\r\n.member-stats {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    gap: 30px !important;\r\n    margin-top: 20px !important;\r\n}\r\n\r\n.stat {\r\n    text-align: center !important;\r\n}\r\n\r\n.stat span {\r\n    font-size: 1.8rem !important;\r\n    font-weight: 700 !important;\r\n    color: var(--primary) !important;\r\n    display: block !important;\r\n}\r\n\r\n.stat small {\r\n    color: var(--text-light) !important;\r\n    font-size: 12px !important;\r\n    display: block !important;\r\n    margin-top: 5px !important;\r\n}\r\n\r\n.certificate-card {\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.cert-icon {\r\n    width: 70px !important;\r\n    height: 70px !important;\r\n    background: var(--gray-100) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin: 0 auto 25px !important;\r\n    color: var(--primary) !important;\r\n    font-size: 30px !important;\r\n}\r\n\r\n.certificate-card h3 {\r\n    font-size: 1.3rem !important;\r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 15px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.certificate-card p {\r\n    color: var(--text-light) !important;\r\n    line-height: 1.6 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.cert-badge {\r\n    position: absolute !important;\r\n    top: 20px !important;\r\n    left: 20px !important;\r\n    background: var(--primary) !important;\r\n    color: var(--white) !important;\r\n    padding: 5px 15px !important;\r\n    border-radius: 20px !important;\r\n    font-size: 12px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\r\n.aos-animate {\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\r\n@media (max-width: 768px) {\r\n    .about-section {\r\n        padding: 60px 20px !important;\r\n    }\r\n    \r\n    .about-header h2 {\r\n        font-size: 2.2rem !important;\r\n    }\r\n    \r\n    .icon-circle {\r\n        width: 80px !important;\r\n        height: 80px !important;\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .timeline-item::before {\r\n        right: -45px !important;\r\n        width: 35px !important;\r\n        height: 35px !important;\r\n        font-size: 12px !important;\r\n    }\r\n    \r\n    .timeline-dot {\r\n        right: -33px !important;\r\n        top: 30px !important;\r\n    }\r\n    \r\n    .statement-card,\r\n    .value-card,\r\n    .team-member,\r\n    .certificate-card {\r\n        padding: 25px 20px !important;\r\n    }\r\n    \r\n    .member-stats {\r\n        flex-direction: column !important;\r\n        gap: 15px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .about-header h2 {\r\n        font-size: 1.8rem !important;\r\n    }\r\n    \r\n    .section-subtitle {\r\n        font-size: 1rem !important;\r\n    }\r\n    \r\n    .values-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-sections\">\r\n    <!-- \u0633\u06a9\u0634\u0646 \u06f1: \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0648 \u0645\u0627\u0645\u0648\u0631\u06cc\u062a -->\r\n    <div class=\"about-section mission-section\" data-aos=\"fade-up\">\r\n        <div class=\"about-container\">\r\n            <div class=\"about-header\">\r\n                <div class=\"icon-circle\" id=\"missionIcon\">\r\n                    <i class=\"fas fa-flag-checkered\"><\/i>\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                <\/div>\r\n                <h2>\u0645\u0633\u06cc\u0631 \u067e\u0631\u0641\u0631\u0648\u063a <span class=\"gold-text\">\u062c\u0647\u0627\u0646\u200c\u0631\u0647\u0631\u0648<\/span><\/h2>\r\n                <p class=\"section-subtitle\">\u0627\u0632 \u0622\u063a\u0627\u0632 \u062a\u0627 \u0627\u0645\u0631\u0648\u0632\u060c \u062f\u0631 \u0645\u0633\u06cc\u0631 \u062e\u062f\u0645\u062a<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"about-content\">\r\n                <div class=\"timeline\">\r\n                    <div class=\"timeline-item\" data-year=\"\u06f1\u06f3\u06f8\u06f8\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <h3>\u062a\u0623\u0633\u06cc\u0633 \u062c\u0647\u0627\u0646\u200c\u0631\u0647\u0631\u0648<\/h3>\r\n                        <p>\u0622\u063a\u0627\u0632 \u0641\u0639\u0627\u0644\u06cc\u062a \u0628\u0627 \u06cc\u06a9 \u0648\u0627\u0646\u062a \u0648 \u06cc\u06a9 \u0622\u0631\u0632\u0648: \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0627\u0631\u0628\u0631\u06cc \u062f\u0631 \u0627\u0635\u0641\u0647\u0627\u0646<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-item\" data-year=\"\u06f1\u06f3\u06f9\u06f2\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <h3>\u06af\u0633\u062a\u0631\u0634 \u0646\u0627\u0648\u06af\u0627\u0646<\/h3>\r\n                        <p>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0646\u0627\u0648\u06af\u0627\u0646 \u0628\u0647 \u06f1\u06f0 \u0648\u0627\u0646\u062a \u0648 \u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u06cc\u0646\u200c\u0634\u0647\u0631\u06cc<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-item\" data-year=\"\u06f1\u06f3\u06f9\u06f8\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <h3>\u06a9\u0633\u0628 \u0645\u062c\u0648\u0632\u0647\u0627\u06cc \u0631\u0633\u0645\u06cc<\/h3>\r\n                        <p>\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u062c\u0648\u0632 \u0627\u0632 \u0627\u062a\u062d\u0627\u062f\u06cc\u0647 \u0648 \u0634\u0647\u0631\u062f\u0627\u0631\u06cc \u0627\u0635\u0641\u0647\u0627\u0646 \u0628\u0627 \u06a9\u062f \u062b\u0628\u062a \u06f5\u06f9\u06f2\u06f4\u06f0<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-item\" data-year=\"\u06f1\u06f4\u06f0\u06f3\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <h3>\u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u062e\u062f\u0645\u0627\u062a<\/h3>\r\n                        <p>\u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f3\u06f0 \u0648\u0627\u0646\u062a \u0641\u0639\u0627\u0644 \u0648 \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0627\u0635\u0641\u0647\u0627\u0646<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"mission-statement\">\r\n                    <div class=\"statement-card\" id=\"statementCard\">\r\n                        <i class=\"fas fa-bullseye statement-icon\"><\/i>\r\n                        <h3>\u0645\u0627\u0645\u0648\u0631\u06cc\u062a \u0645\u0627<\/h3>\r\n                        <p>\u0627\u0631\u0627\u0626\u0647 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646\u060c \u0645\u0637\u0645\u0626\u0646\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0645\u0642\u0631\u0648\u0646\u200c\u0628\u0647\u200c\u0635\u0631\u0641\u0647\u200c\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0627\u0631\u0628\u0631\u06cc \u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u0646\u06cc\u0631\u0648\u06cc \u0627\u0646\u0633\u0627\u0646\u06cc \u0645\u062a\u0639\u0647\u062f \u0648 \u0646\u0627\u0648\u06af\u0627\u0646 \u0645\u062f\u0631\u0646<\/p>\r\n                        <div class=\"signature\">\r\n                            <span>\u062a\u06cc\u0645 \u062c\u0647\u0627\u0646\u200c\u0631\u0647\u0631\u0648<\/span>\r\n                            <div class=\"signature-line\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0633\u06a9\u0634\u0646 \u06f2: \u0627\u0631\u0632\u0634\u200c\u0647\u0627 \u0648 \u062a\u0639\u0647\u062f\u0627\u062a -->\r\n    <div class=\"about-section values-section\" data-aos=\"fade-up\">\r\n        <div class=\"about-container\">\r\n            <div class=\"about-header\">\r\n                <div class=\"icon-circle\" id=\"valuesIcon\">\r\n                    <i class=\"fas fa-gem\"><\/i>\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                <\/div>\r\n                <h2>\u0627\u0631\u0632\u0634\u200c\u0647\u0627\u06cc <span class=\"gold-text\">\u067e\u0627\u06cc\u062f\u0627\u0631<\/span> \u0645\u0627<\/h2>\r\n                <p class=\"section-subtitle\">\u0627\u0635\u0648\u0644\u06cc \u06a9\u0647 \u0647\u0631 \u0631\u0648\u0632 \u0628\u0627 \u0622\u0646\u0647\u0627 \u0632\u0646\u062f\u06af\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"values-grid\">\r\n                <div class=\"value-card\" id=\"value1\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                        <div class=\"value-glow\"><\/div>\r\n                    <\/div>\r\n                    <h3>\u0627\u0645\u0646\u06cc\u062a \u06a9\u0627\u0645\u0644 \u0628\u0627\u0631<\/h3>\r\n                    <p>\u0647\u0645\u0647 \u0645\u0631\u0633\u0648\u0644\u0627\u062a \u062a\u062d\u062a \u067e\u0648\u0634\u0634 \u0628\u06cc\u0645\u0647 \u06a9\u0627\u0645\u0644 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f. \u062e\u06cc\u0627\u0644\u062a\u0627\u0646 \u0627\u0632 \u0628\u0627\u0628\u062a \u0628\u0627\u0631 \u0631\u0627\u062d\u062a \u0628\u0627\u0634\u062f.<\/p>\r\n                    <div class=\"value-stats\">\r\n                        <span>\u06f1\u06f0\u06f0\u066a<\/span>\r\n                        <small>\u0636\u0645\u0627\u0646\u062a \u0627\u0645\u0646\u06cc\u062a<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\" id=\"value2\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n                        <div class=\"value-glow\"><\/div>\r\n                    <\/div>\r\n                    <h3>\u062a\u0639\u0647\u062f \u0628\u0647 \u0632\u0645\u0627\u0646<\/h3>\r\n                    <p>\u0648\u0627\u0646\u062a \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f3\u06f0 \u062f\u0642\u06cc\u0642\u0647 \u062f\u0631 \u0645\u062d\u0644 \u0634\u0645\u0627 \u062d\u0627\u0636\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0633\u0631\u0639\u062a\u060c \u0627\u0641\u062a\u062e\u0627\u0631 \u0645\u0627\u0633\u062a.<\/p>\r\n                    <div class=\"value-stats\">\r\n                        <span>\u06f9\u06f8\u066a<\/span>\r\n                        <small>\u0631\u0636\u0627\u06cc\u062a \u0627\u0632 \u0632\u0645\u0627\u0646<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\" id=\"value3\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-handshake\"><\/i>\r\n                        <div class=\"value-glow\"><\/div>\r\n                    <\/div>\r\n                    <h3>\u0635\u062f\u0627\u0642\u062a \u062f\u0631 \u0642\u06cc\u0645\u062a<\/h3>\r\n                    <p>\u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0634\u0641\u0627\u0641 \u0648 \u0631\u0642\u0627\u0628\u062a\u06cc \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686 \u0647\u0632\u06cc\u0646\u0647 \u067e\u0646\u0647\u0627\u0646. \u0634\u0645\u0627 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u062e\u062f\u0645\u062a \u067e\u0631\u062f\u0627\u062e\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<\/p>\r\n                    <div class=\"value-stats\">\r\n                        <span>\u06f1\u06f0\u06f0\u066a<\/span>\r\n                        <small>\u0634\u0641\u0627\u0641\u06cc\u062a \u0642\u06cc\u0645\u062a<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\" id=\"value4\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-headset\"><\/i>\r\n                        <div class=\"value-glow\"><\/div>\r\n                    <\/div>\r\n                    <h3>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06f2\u06f4\/\u06f7<\/h3>\r\n                    <p>\u0647\u0645\u06cc\u0634\u0647 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627 \u0647\u0633\u062a\u06cc\u0645. \u067e\u0627\u0633\u062e\u06af\u0648\u06cc \u0633\u0648\u0627\u0644\u0627\u062a \u0648 \u0645\u0634\u06a9\u0644\u0627\u062a \u0634\u0645\u0627 \u062f\u0631 \u0647\u0631 \u0633\u0627\u0639\u062a \u0627\u0632 \u0634\u0628\u0627\u0646\u0647\u200c\u0631\u0648\u0632.<\/p>\r\n                    <div class=\"value-stats\">\r\n                        <span>\u06f2\u06f4\/\u06f7<\/span>\r\n                        <small>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0633\u06a9\u0634\u0646 \u06f3: \u062a\u06cc\u0645 \u0648 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627 -->\r\n    <div class=\"about-section team-section\" data-aos=\"fade-up\">\r\n        <div class=\"about-container\">\r\n            <div class=\"about-header\">\r\n                <div class=\"icon-circle\" id=\"teamIcon\">\r\n                    <i class=\"fas fa-users\"><\/i>\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                <\/div>\r\n                <h2>\u0642\u0647\u0631\u0645\u0627\u0646\u0627\u0646 <span class=\"gold-text\">\u067e\u0634\u062a \u0635\u062d\u0646\u0647<\/span><\/h2>\r\n                <p class=\"section-subtitle\">\u062a\u06cc\u0645\u06cc \u06a9\u0647 \u0627\u0639\u062a\u0645\u0627\u062f \u0634\u0645\u0627 \u0631\u0627 \u062c\u0648\u0627\u0628 \u0645\u06cc\u200c\u062f\u0647\u062f<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"team-certificates\">\r\n                <div class=\"team-showcase\">\r\n                    <div class=\"team-member\" id=\"member1\">\r\n                        <div class=\"member-avatar\">\r\n                            <i class=\"fas fa-user-tie\"><\/i>\r\n                            <div class=\"avatar-ring\"><\/div>\r\n                        <\/div>\r\n                        <h3>\u0631\u0627\u0646\u0646\u062f\u06af\u0627\u0646 \u0645\u062c\u0631\u0628<\/h3>\r\n                        <p>\u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f1\u06f0 \u0633\u0627\u0644 \u0633\u0627\u0628\u0642\u0647 \u0645\u062a\u0648\u0633\u0637 \u0631\u0627\u0646\u0646\u062f\u06af\u06cc \u062f\u0631 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0627\u0635\u0641\u0647\u0627\u0646<\/p>\r\n                        <div class=\"member-stats\">\r\n                            <div class=\"stat\">\r\n                                <span>\u06f1\u06f0+<\/span>\r\n                                <small>\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647<\/small>\r\n                            <\/div>\r\n                            <div class=\"stat\">\r\n                                <span>\u06f1\u06f0\u06f0\u066a<\/span>\r\n                                <small>\u06af\u0648\u0627\u0647\u06cc \u0631\u0627\u0646\u0646\u062f\u06af\u06cc<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"team-member\" id=\"member2\">\r\n                        <div class=\"member-avatar\">\r\n                            <i class=\"fas fa-people-carry\"><\/i>\r\n                            <div class=\"avatar-ring\"><\/div>\r\n                        <\/div>\r\n                        <h3>\u06a9\u0627\u0631\u06af\u0631\u0627\u0646 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3>\r\n                        <p>\u0645\u062a\u062e\u0635\u0635 \u062f\u0631 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u062d\u0645\u0644 \u0628\u0627\u0631\u0647\u0627\u06cc \u062d\u0633\u0627\u0633 \u0648 \u0634\u06a9\u0633\u062a\u0646\u06cc<\/p>\r\n                        <div class=\"member-stats\">\r\n                            <div class=\"stat\">\r\n                                <span>\u06f5\u06f0\u06f0\u06f0+<\/span>\r\n                                <small>\u0633\u0641\u0627\u0631\u0634 \u0645\u0648\u0641\u0642<\/small>\r\n                            <\/div>\r\n                            <div class=\"stat\">\r\n                                <span>\u06f0<\/span>\r\n                                <small>\u0634\u06a9\u0627\u06cc\u062a \u062b\u0628\u062a \u0634\u062f\u0647<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"team-member\" id=\"member3\">\r\n                        <div class=\"member-avatar\">\r\n                            <i class=\"fas fa-headset\"><\/i>\r\n                            <div class=\"avatar-ring\"><\/div>\r\n                        <\/div>\r\n                        <h3>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u0627\u0646 \u0645\u062a\u0639\u0647\u062f<\/h3>\r\n                        <p>\u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0648 \u062d\u0644 \u0645\u0634\u06a9\u0644 \u0634\u0645\u0627 \u062f\u0631 \u0647\u0631 \u0634\u0631\u0627\u06cc\u0637\u06cc<\/p>\r\n                        <div class=\"member-stats\">\r\n                            <div class=\"stat\">\r\n                                <span>\u06f2\u06f4<\/span>\r\n                                <small>\u0633\u0627\u0639\u062a<\/small>\r\n                            <\/div>\r\n                            <div class=\"stat\">\r\n                                <span>\u06f3 \u062f\u0642\u06cc\u0642\u0647<\/span>\r\n                                <small>\u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u067e\u0627\u0633\u062e<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"certificates-showcase\">\r\n                    <div class=\"certificate-card\" id=\"certificate1\">\r\n                        <div class=\"cert-icon\">\r\n                            <i class=\"fas fa-file-contract\"><\/i>\r\n                        <\/div>\r\n                        <h3>\u0645\u062c\u0648\u0632 \u0631\u0633\u0645\u06cc \u0627\u062a\u062d\u0627\u062f\u06cc\u0647<\/h3>\r\n                        <p>\u06a9\u062f \u062b\u0628\u062a: \u06f5\u06f9\u06f2\u06f4\u06f0 - \u0627\u062a\u062d\u0627\u062f\u06cc\u0647 \u067e\u06cc\u06a9 \u0645\u0648\u062a\u0648\u0631\u06cc \u0627\u0635\u0641\u0647\u0627\u0646: \u06a9\u062f \u06f1\u06f8\u06f1<\/p>\r\n                        <div class=\"cert-badge\">\u0645\u0639\u062a\u0628\u0631<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"certificate-card\" id=\"certificate2\">\r\n                        <div class=\"cert-icon\">\r\n                            <i class=\"fas fa-award\"><\/i>\r\n                        <\/div>\r\n                        <h3>\u06af\u0648\u0627\u0647\u06cc \u0628\u06cc\u0645\u0647 \u06a9\u0627\u0645\u0644<\/h3>\r\n                        <p>\u067e\u0648\u0634\u0634 \u0628\u06cc\u0645\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0633\u0648\u0644\u0627\u062a \u0648 \u0628\u0627\u0631\u0647\u0627\u06cc \u062d\u0645\u0644 \u0634\u062f\u0647<\/p>\r\n                        <div class=\"cert-badge\">\u0636\u0645\u0627\u0646\u062a<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"certificate-card\" id=\"certificate3\">\r\n                        <div class=\"cert-icon\">\r\n                            <i class=\"fas fa-medal\"><\/i>\r\n                        <\/div>\r\n                        <h3>\u062a\u0627\u06cc\u06cc\u062f\u06cc\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/h3>\r\n                        <p>\u0631\u0636\u0627\u06cc\u062a \u0628\u06cc\u0634 \u0627\u0632 \u06f5\u06f0\u06f0\u06f0 \u0645\u0634\u062a\u0631\u06cc \u062f\u0631 \u0637\u0648\u0644 \u06f1\u06f0 \u0633\u0627\u0644 \u0641\u0639\u0627\u0644\u06cc\u062a<\/p>\r\n                        <div class=\"cert-badge\">\u0645\u0648\u0631\u062f \u0627\u0639\u062a\u0645\u0627\u062f<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\r\n    const iconCircles = document.querySelectorAll('.icon-circle');\r\n    iconCircles.forEach(icon => {\r\n        icon.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'scale(1.1) rotate(15deg)';\r\n            this.style.boxShadow = '0 15px 30px rgba(240, 191, 36, 0.3)';\r\n        });\r\n        \r\n        icon.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'scale(1) rotate(0deg)';\r\n            this.style.boxShadow = 'none';\r\n        });\r\n    });\r\n    \r\n    \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0627\u0631\u0632\u0634\r\n    const valueCards = document.querySelectorAll('.value-card');\r\n    valueCards.forEach(card => {\r\n        card.addEventListener('mouseenter', function() {\r\n            const icon = this.querySelector('.value-icon');\r\n            if (icon) {\r\n                icon.style.transform = 'rotateY(180deg) scale(1.1)';\r\n                setTimeout(() => {\r\n                    icon.style.transform = 'rotateY(0deg) scale(1.1)';\r\n                }, 300);\r\n            }\r\n        });\r\n        \r\n        card.addEventListener('mouseleave', function() {\r\n            const icon = this.querySelector('.value-icon');\r\n            if (icon) {\r\n                icon.style.transform = 'rotateY(0deg) scale(1)';\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062a\u0627\u06cc\u0645\u200c\u0644\u0627\u06cc\u0646\r\n    const timelineItems = document.querySelectorAll('.timeline-item');\r\n    timelineItems.forEach(item => {\r\n        item.addEventListener('mouseenter', function() {\r\n            const year = this.getAttribute('data-year');\r\n            const dot = this.querySelector('.timeline-dot');\r\n            if (dot) {\r\n                dot.style.transform = 'scale(1.5)';\r\n                dot.style.boxShadow = '0 0 15px rgba(240, 191, 36, 0.5)';\r\n            }\r\n        });\r\n        \r\n        item.addEventListener('mouseleave', function() {\r\n            const dot = this.querySelector('.timeline-dot');\r\n            if (dot) {\r\n                dot.style.transform = 'scale(1)';\r\n                dot.style.boxShadow = 'none';\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645\r\n    const teamMembers = document.querySelectorAll('.team-member');\r\n    teamMembers.forEach(member => {\r\n        member.addEventListener('mouseenter', function() {\r\n            const avatar = this.querySelector('.member-avatar');\r\n            const ring = this.querySelector('.avatar-ring');\r\n            if (avatar) avatar.style.transform = 'scale(1.1)';\r\n            if (ring) ring.style.animationDuration = '5s';\r\n        });\r\n        \r\n        member.addEventListener('mouseleave', function() {\r\n            const avatar = this.querySelector('.member-avatar');\r\n            const ring = this.querySelector('.avatar-ring');\r\n            if (avatar) avatar.style.transform = 'scale(1)';\r\n            if (ring) ring.style.animationDuration = '20s';\r\n        });\r\n    });\r\n    \r\n    \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0633\u0627\u062f\u0647\r\n    const animateOnScroll = () => {\r\n        const elements = document.querySelectorAll('.about-section');\r\n        elements.forEach(el => {\r\n            const elementTop = el.getBoundingClientRect().top;\r\n            const elementVisible = 150;\r\n            \r\n            if (elementTop < window.innerHeight - elementVisible) {\r\n                el.style.opacity = \"1\";\r\n                el.style.transform = \"translateY(0)\";\r\n            }\r\n        });\r\n    };\r\n    \r\n    \/\/ \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647\r\n    const sections = document.querySelectorAll('.about-section');\r\n    sections.forEach(section => {\r\n        section.style.opacity = \"0\";\r\n        section.style.transform = \"translateY(30px)\";\r\n        section.style.transition = \"opacity 0.6s ease, transform 0.6s ease\";\r\n    });\r\n    \r\n    \/\/ \u0627\u062c\u0631\u0627 \u062f\u0631 \u0644\u0648\u062f \u0627\u0648\u0644\u06cc\u0647\r\n    animateOnScroll();\r\n    \r\n    \/\/ \u0627\u062c\u0631\u0627 \u062f\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644\r\n    window.addEventListener('scroll', animateOnScroll);\r\n});\r\n\r\n\/\/ \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0641\u0648\u0646\u062a \u0622\u06cc\u06a9\u0648\u0646 \u0627\u06af\u0631 \u0645\u0648\u062c\u0648\u062f \u0646\u06cc\u0633\u062a\r\nif (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    const link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0633\u06cc\u0631 \u067e\u0631\u0641\u0631\u0648\u063a \u062c\u0647\u0627\u0646\u200c\u0631\u0647\u0631\u0648 \u0627\u0632 \u0622\u063a\u0627\u0632 \u062a\u0627 \u0627\u0645\u0631\u0648\u0632\u060c \u062f\u0631 \u0645\u0633\u06cc\u0631 \u062e\u062f\u0645\u062a \u062a\u0623\u0633\u06cc\u0633 \u062c\u0647\u0627\u0646\u200c\u0631\u0647\u0631\u0648 \u0622\u063a\u0627\u0632 \u0641\u0639\u0627\u0644\u06cc\u062a \u0628\u0627 \u06cc\u06a9 \u0648\u0627\u0646\u062a \u0648 \u06cc\u06a9 \u0622\u0631\u0632\u0648: \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0627\u0631\u0628\u0631\u06cc \u062f\u0631 \u0627\u0635\u0641\u0647\u0627\u0646 \u06af\u0633\u062a\u0631\u0634 \u0646\u0627\u0648\u06af\u0627\u0646 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0646\u0627\u0648\u06af\u0627\u0646 \u0628\u0647 \u06f1\u06f0 \u0648\u0627\u0646\u062a \u0648 \u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u06cc\u0646\u200c\u0634\u0647\u0631\u06cc \u06a9\u0633\u0628 \u0645\u062c\u0648\u0632\u0647\u0627\u06cc \u0631\u0633\u0645\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u062c\u0648\u0632 \u0627\u0632 \u0627\u062a\u062d\u0627\u062f\u06cc\u0647 \u0648 \u0634\u0647\u0631\u062f\u0627\u0631\u06cc \u0627\u0635\u0641\u0647\u0627\u0646 \u0628\u0627 \u06a9\u062f \u062b\u0628\u062a \u06f5\u06f9\u06f2\u06f4\u06f0 \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u062e\u062f\u0645\u0627\u062a &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/jahanrahro.ir\/?page_id=14\"> <span class=\"screen-reader-text\">\u062f\u0631\u0628\u0627\u0631\u0647<\/span> \u0627\u062f\u0627\u0645\u0647 \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":16,"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/jahanrahro.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}