{"id":1898,"date":"2025-07-01T11:38:01","date_gmt":"2025-07-01T11:38:01","guid":{"rendered":"https:\/\/rs-tech.ir\/?page_id=1898"},"modified":"2026-07-11T07:59:37","modified_gmt":"2026-07-11T07:59:37","slug":"%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-%d9%85%d8%a7","status":"publish","type":"page","link":"https:\/\/rs-tech.ir\/?page_id=1898","title":{"rendered":"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0640\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1898\" class=\"elementor elementor-1898\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75acd56 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"75acd56\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\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-27d7085\" data-id=\"27d7085\" data-element_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-1357b29 elementor-widget elementor-widget-html\" data-id=\"1357b29\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* \u0641\u0648\u0646\u062a \u0648 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06a9\u0644\u06cc \u0633\u06cc\u0633\u062a\u0645 *\/\r\n    .arastek-team-section * {\r\n        box-sizing: border-box;\r\n        font-family: \"Iransans\", sans-serif;\r\n    }\r\n\r\n    \/* \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc (\u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0627\u0641\u06a9\u062a \u06af\u0644\u0633\u200c\u0645\u0648\u0631\u0641\u06cc\u0633\u0645) *\/\r\n    .arastek-team-wrapper {\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: rgba(45, 52, 60, 0.45); \/* \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0627\u0632 \u0642\u0628\u0644 \u0648 \u0646\u06cc\u0645\u0647\u200c\u0634\u0641\u0627\u0641 *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n        border-radius: 40px !important;\r\n        padding: 3rem 2rem;\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        direction: rtl;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    \/* \u062f\u0627\u06cc\u0631\u0647 \u0645\u062d\u0648 \u0628\u0632\u0631\u06af \u0633\u0628\u0632 \u0631\u0646\u06af \u062f\u0631 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f *\/\r\n    .arastek-team-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(135, 252, 196, 0.35) 0%, rgba(135, 252, 196, 0) 70%);\r\n        filter: blur(50px);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc *\/\r\n    #team-heading {\r\n        font-weight: 900;\r\n        margin-bottom: 0.5rem;\r\n        background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.2) 100%);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: transparent;\r\n        position: relative;\r\n        font-size: 32px;\r\n        text-align: center;\r\n        z-index: 1;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        #team-heading {\r\n            font-size: 50px !important;\r\n        }\r\n    }\r\n\r\n    \/* \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 CSS \u062e\u0627\u0644\u0635 \u0628\u0631\u0627\u06cc \u06af\u0631\u06cc\u062f \u062a\u06cc\u0644\u0648\u06cc\u0646\u062f \u062c\u0647\u062a \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06f1\u06f0\u06f0\u066a \u0628\u0627 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\r\n    .team-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, 1fr);\r\n        gap: 2rem;\r\n        margin-top: 2.5rem;\r\n        position: relative;\r\n        z-index: 1; \/* \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0647\u0627\u0644\u0647 \u0633\u0628\u0632 *\/\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n        .team-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .team-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    \/* \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645 (\u062d\u0627\u0644\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) *\/\r\n    .team-member-card {\r\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-radius: 40px !important;\r\n        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n        padding: 2rem 1.5rem;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .team-member-card:hover {\r\n        transform: translateY(-7px);\r\n        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\r\n        border-color: rgba(135, 252, 196, 0.3);\r\n    }\r\n\r\n    \/* \u06a9\u0627\u0631\u062a \u0648\u06cc\u0698\u0647 (\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0645\u06a9\u0627\u0631\u06cc) \u0628\u0627 \u0633\u0627\u06cc\u0647 \u0646\u0626\u0648\u0646\u06cc \u0633\u0628\u0632 *\/\r\n    .team-member-card-special {\r\n        background: linear-gradient(180deg, rgba(135, 252, 196, 0.08) 0%, rgba(135, 252, 196, 0.01) 100%);\r\n        border: 1px solid rgba(135, 252, 196, 0.2);\r\n        border-radius: 40px !important;\r\n        box-shadow: rgb(14 126 39 \/ 10%) 0px 0px 0px 1px, rgb(59 165 32 \/ 15%) 0px 10px 20px -5px;\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        padding: 2rem 1.5rem;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .team-member-card-special:hover {\r\n        transform: translateY(-7px);\r\n        box-shadow: 0 10px 35px rgba(135, 252, 196, 0.25);\r\n    }\r\n\r\n    \/* \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0639\u0636\u0627 *\/\r\n    .team-member-card img, .team-member-card-special img {\r\n        border-radius: 50% !important;\r\n        width: 120px;\r\n        height: 120px;\r\n        object-fit: cover;\r\n        margin-bottom: 1.2rem;\r\n        border: 2px solid rgba(255, 255, 255, 0.15);\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* \u0645\u062a\u0648\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n    .member-name {\r\n        font-size: 1.35rem !important;\r\n        font-weight: 700 !important;\r\n        color: #FFFFFF !important;\r\n        margin: 0 0 0.3rem 0 !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    .member-role {\r\n        font-size: 1rem !important;\r\n        color: #87fcc4 !important; \/* \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0628\u0632 \u062a\u0645 \u0628\u0631\u0627\u06cc \u0633\u0645\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc *\/\r\n        font-weight: 500;\r\n        margin: 0 0 0.8rem 0 !important;\r\n    }\r\n\r\n    .member-description {\r\n        font-size: 0.875rem !important;\r\n        color: #CBD5E0 !important; \/* \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0634\u062f\u0646 \u0645\u062a\u0646 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0628\u0647\u062a\u0631 *\/\r\n        margin: 0 0 1.2rem 0 !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\u06cc \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc *\/\r\n    .social-icons {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .social-icons a {\r\n        color: #A0AEC0;\r\n        font-size: 1.3rem;\r\n        transition: all 0.3s ease;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .social-icons a:hover {\r\n        color: #87fcc4;\r\n        transform: scale(1.25);\r\n        text-shadow: 0 0 10px rgba(135, 252, 196, 0.5);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"arastek-team-section\">\r\n    <div class=\"arastek-team-wrapper\">\r\n        <h2 id=\"team-heading\">\u0628\u0627 \u062a\u06cc\u0645 \u0622\u0631\u0627\u0633\u062a\u06a9 \u0628\u06cc\u0634\u062a\u0631 \u0622\u0634\u0646\u0627 \u0628\u0634\u06cc\u062f<\/h2>\r\n        \r\n        <div class=\"team-grid\">\r\n            <div class=\"team-member-card\">\r\n                <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/rs-tech.ir\/wp-content\/uploads\/2025\/07\/Untitled-qa1.png\" alt=\"\u062d\u0645\u06cc\u062f \u063a\u0641\u0627\u0631\u06cc\">\r\n                    <h3 class=\"member-name\">\u062d\u0645\u06cc\u062f \u063a\u0641\u0627\u0631\u06cc<\/h3>\r\n                    <p class=\"member-role\">\u0645\u062f\u06cc\u0631 \u0639\u0627\u0645\u0644<\/p>\r\n                    <p class=\"member-description\">\u0631\u0647\u0628\u0631\u06cc \u062e\u0644\u0627\u0642 \u0648 \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/p>\r\n                <\/div>\r\n                <div class=\"social-icons\">\r\n                    <a href=\"https:\/\/linkedin.com\/in\/hamidghaffari\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                        <i class=\"fab fa-linkedin\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:hamid.ghaffari@arastek.com\" aria-label=\"Email\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-member-card\">\r\n                <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/rs-tech.ir\/wp-content\/uploads\/2025\/07\/Untitled-1q.png\" alt=\"\u0639\u0644\u06cc \u0639\u0644\u06cc\u067e\u0648\u0631\">\r\n                    <h3 class=\"member-name\">\u0639\u0644\u06cc \u0639\u0644\u06cc\u067e\u0648\u0631<\/h3>\r\n                    <p class=\"member-role\">SQL Specialist<\/p>\r\n                    <p class=\"member-description\">\u062a\u062e\u0635\u0635 \u0639\u0644\u06cc \u062a\u0648\u0633\u0639\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0648 \u062f\u06cc\u062a\u0627\u0628\u06cc\u0633 \u0647\u0633\u062a<\/p>\r\n                <\/div>\r\n                <div class=\"social-icons\">\r\n                    <a href=\"https:\/\/linkedin.com\/in\/saraahmadi\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                        <i class=\"fab fa-linkedin\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:sara.ahmadi@arastek.com\" aria-label=\"Email\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-member-card\">\r\n                <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/rs-tech.ir\/wp-content\/uploads\/2025\/07\/Untitled-1.png\" alt=\"\u0647\u062e\u0627 \u0634\u062c\u0627\u0639\u06cc\">\r\n                    <h3 class=\"member-name\">\u0647\u062e\u0640\u0640\u0627 \u0634\u062c\u0627\u0639\u06cc<\/h3>\r\n                    <p class=\"member-role\">Webmaster<\/p>\r\n                    <p class=\"member-description\">\u0647\u062e\u0627 \u0631\u0648\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a \u0648 SEO \u06a9\u0627\u0631 \u0645\u06cc\u06a9\u0646\u0647<\/p>\r\n                <\/div>\r\n                <div class=\"social-icons\">\r\n                    <a href=\"https:\/\/linkedin.com\/in\/alirezaei\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                        <i class=\"fab fa-linkedin\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:ali.rezaei@arastek.com\" aria-label=\"Email\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-member-card\">\r\n                <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/1A1A1A\/A0AEC0?text=M\" alt=\"\u0637\u0627\u0647\u0627 \u062f\u0644\u0634\u0627\u062f\u06cc\">\r\n                    <h3 class=\"member-name\">\u0637\u0627\u0647\u0627 \u062f\u0644\u0634\u0627\u062f\u06cc<\/h3>\r\n                    <p class=\"member-role\">\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0640\u0640\u0633<\/p>\r\n                    <p class=\"member-description\">\u0628\u06a9\u200c\u0627\u0646\u062f \u0646\u0648\u06cc\u0633 \u062a\u06cc\u0645 \u0622\u0631\u0627\u0633\u062a\u06a9<\/p>\r\n                <\/div>\r\n                <div class=\"social-icons\">\r\n                    <a href=\"https:\/\/linkedin.com\/in\/maryamhoseini\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                        <i class=\"fab fa-linkedin\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:maryam.hoseini@arastek.com\" aria-label=\"Email\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-member-card\">\r\n                <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/1A1A1A\/A0AEC0?text=R\" alt=\"\u0645\u062d\u0645\u062f \u0628\u0631\u0632\u06af\u0631\">\r\n                    <h3 class=\"member-name\">\u0645\u062d\u0645\u062f \u0628\u0631\u0632\u06af\u0631<\/h3>\r\n                    <p class=\"member-role\">\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0640\u0640\u0633<\/p>\r\n                    <p class=\"member-description\">\u062a\u0636\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0631\u0636\u0627\u06cc\u062a \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/p>\r\n                <\/div>\r\n                <div class=\"social-icons\">\r\n                    <a href=\"https:\/\/linkedin.com\/in\/rezakarimi\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                        <i class=\"fab fa-linkedin\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:reza.karimi@arastek.com\" aria-label=\"Email\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-member-card-special\">\r\n                <div>\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/1A1A1A\/A0AEC0?text=Y\" alt=\"\u0646\u0640\u0640\u0640\u0627\u0645 \u0634\u0645\u0640\u0640\u0627\">\r\n                    <h3 class=\"member-name\">\u0646\u0640\u0640\u0640\u0627\u0645 \u0634\u0645\u0640\u0640\u0627<\/h3>\r\n                    <p class=\"member-role\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0645\u06a9\u0627\u0631\u06cc<\/p>\r\n                    <p class=\"member-description\">\u0627\u06af\u0631 \u0641\u06a9\u0631 \u0645\u06cc\u06a9\u0646\u06cc\u062f \u0645\u0647\u0627\u0631\u062a\u06cc \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0645\u0627\u0633\u062a \u0631\u0632\u0648\u0645\u0647 \u062e\u0648\u062f \u0631\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/p>\r\n                <\/div>\r\n                <div class=\"social-icons\">\r\n                    <a href=\"#\" target=\"_blank\" aria-label=\"WhatsApp\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\" aria-label=\"Email\">\r\n                        <i class=\"fas fa-upload\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d9ff65 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d9ff65\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-02e84da\" data-id=\"02e84da\" data-element_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-d275c06 elementor-widget elementor-widget-html\" data-id=\"d275c06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* ==========================================================================\r\n       \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06a9\u0644\u06cc \u0628\u062e\u0634 (Section) \u0648 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\r\n       ========================================================================== *\/\r\n    .arastek-infra-section * {\r\n        box-sizing: border-box;\r\n        font-family: 'IRANSans', \"Vazirmatn\", sans-serif !important;\r\n    }\r\n\r\n    .arastek-infra-section {\r\n        direction: rtl;\r\n        margin-top: 3rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    \/* \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 CSS \u062e\u0627\u0644\u0635 \u0628\u0631\u0627\u06cc \u06af\u0631\u06cc\u062f \u062a\u06cc\u0644\u0648\u06cc\u0646\u062f \u062c\u0647\u062a \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06f1\u06f0\u06f0\u066a \u0628\u0627 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\r\n    .infra-grid-container {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    \/* \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0628\u0632\u0631\u06af (\u062f\u0633\u06a9\u062a\u0627\u067e)\u060c \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af \u06f2 \u0628\u0631\u0627\u0628\u0631 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9 \u0641\u0636\u0627 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f *\/\r\n    @media (min-width: 768px) {\r\n        .infra-grid-container {\r\n            grid-template-columns: 1fr 2fr;\r\n        }\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0639\u0645\u0648\u0645\u06cc \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 (Hover \u0648 \u0633\u0627\u06cc\u0647\u200c\u0647\u0627)\r\n       ========================================================================== *\/\r\n    .dark-card-custom {\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .dark-card-custom:hover {\r\n        transform: translateY(-5px);\r\n        \/* [\u0631\u0646\u06af \u0633\u0627\u06cc\u0647 (Shadow) \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u062f\u0631 \u062d\u0627\u0644\u062a \u0647\u0627\u0648\u0631 (\u0647\u0646\u06af\u0627\u0645 \u0631\u0641\u062a\u0646 \u0645\u0648\u0633 \u0631\u0648\u06cc \u06a9\u0627\u0631\u062a)] *\/\r\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6);\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9 (\u0631\u0627\u0633\u062a \/ \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644)\r\n       ========================================================================== *\/\r\n    .section-iLHbhB {\r\n        width: 100%;\r\n        min-height: 380px;\r\n        border-radius: 40px;\r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u062f\u0648\u0631 (Border) \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9] *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.133);\r\n        padding: 24px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        \/* [\u0631\u0646\u06af \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9 (\u062f\u0631 \u0635\u0648\u0631\u062a \u0644\u0648\u062f \u0646\u0634\u062f\u0646 \u062a\u0635\u0648\u06cc\u0631)] *\/\r\n        background-color: #18181c; \r\n    }\r\n\r\n    .section-iLHbhB::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        \/* [\u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9 - \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f URL \u0622\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u06cc\u0627 \u06a9\u0644\u0627 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f] *\/\r\n        \/* background-image: url('\u0622\u062f\u0631\u0633 \u0639\u06a9\u0633 \u0634\u0645\u0627'); *\/\r\n        background-size: cover;\r\n        background-position: center center;\r\n        filter: brightness(30%);\r\n        z-index: 0;\r\n        border-radius: 40px;\r\n    }\r\n\r\n    \/* [\u0631\u0646\u06af \u0648 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0639\u0646\u0648\u0627\u0646 (H4) \u062f\u0631 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9] *\/\r\n    .iaas-os-h4-style {\r\n        margin: 10px 0 15px !important;\r\n        text-align: right !important;\r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u0639\u0646\u0648\u0627\u0646 - \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0627\u0632 \u0633\u0641\u06cc\u062f \u0628\u0647 \u0633\u0641\u06cc\u062f \u0646\u06cc\u0645\u0647\u200c\u0634\u0641\u0627\u0641 \u0627\u0633\u062a] *\/\r\n        background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 100%);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: transparent; \/* \u0627\u06af\u0631 \u0646\u062e\u0648\u0627\u0633\u062a\u06cc\u062f \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0628\u0627\u0634\u062f\u060c \u0627\u06cc\u0646 \u0648 \u06f3 \u062e\u0637 \u0628\u0627\u0644\u0627 \u0631\u0627 \u067e\u0627\u06a9 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u062b\u0644\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f: color: #fff; *\/\r\n        position: relative;\r\n        font-size: 24px !important;\r\n        font-weight: 800 !important;\r\n        z-index: 3;\r\n        line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a (Span) \u062f\u0631 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9] *\/\r\n    .iaas-os-span-style {\r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9] *\/\r\n        color: rgb(180, 188, 208) !important;\r\n        font-size: 14px !important;\r\n        font-weight: 300 !important;\r\n        text-align: right !important;\r\n        margin: 0 0 20px !important;\r\n        display: block !important;\r\n        line-height: 1.8 !important;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* \u0628\u0627\u06a9\u0633 \u0646\u06af\u0647\u062f\u0627\u0631\u0646\u062f\u0647 \u0622\u06cc\u06a9\u0648\u0646 \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644\u200c\u0647\u0627 \u062f\u0631 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9 *\/\r\n    .os-icons-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 80px;\r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u062f\u0648\u0631 (Border) \u0628\u0627\u06a9\u0633 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627 \u062f\u0631 \u067e\u0627\u06cc\u06cc\u0646 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9] *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.133);\r\n        \/* [\u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 (\u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f) \u0628\u0627\u06a9\u0633 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627] *\/\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 2;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .os-icons-image {\r\n        position: absolute;\r\n        left: -20%;\r\n        max-width: 350px;\r\n        height: auto;\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af (\u0686\u067e \/ \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0627\u0628\u0631\u06cc \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u062f\u0627\u0631)\r\n       ========================================================================== *\/\r\n    .section-gLLNxz {\r\n        \/* [\u062a\u0635\u0648\u06cc\u0631 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af] *\/\r\n        background-image: url('https:\/\/liara.ir\/assets\/images\/landing\/iaas\/iaas-f-card-big.png');\r\n        \/* [\u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af (\u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0639\u06a9\u0633 \u0628\u0627\u0644\u0627 \u0644\u0648\u062f \u0646\u0634\u0648\u062f \u06cc\u0627 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0639\u06a9\u0633 \u06a9\u0646\u06cc\u062f)] *\/\r\n        background-color: #121316;\r\n        background-size: cover;\r\n        background-position: center center;\r\n        min-height: 380px;\r\n        border-radius: 40px;\r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u062f\u0648\u0631 (Border) \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af] *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.133);\r\n        padding: 30px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    \/* \u0628\u0627\u06a9\u0633 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u062f\u0627\u0631 \u0648 \u0635\u0627\u0639\u0642\u0647 \u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af *\/\r\n    .flash-orbit-inner-wrapper {\r\n        position: relative;\r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u062f\u0648\u0631 (Border) \u0628\u0627\u06a9\u0633 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u062f\u0627\u0631] *\/\r\n        border: 1px solid rgb(85, 85, 88);\r\n        \/* [\u0631\u0646\u06af \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062f\u0627\u062e\u0644 \u0628\u0627\u06a9\u0633 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u062f\u0627\u0631] *\/\r\n        background: rgba(0, 0, 0, 0.2);\r\n        border-radius: 20px;\r\n        height: 150px;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .orbit-image-custom {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%) rotate(55.8deg);\r\n        width: 450px;\r\n        height: 450px;\r\n        z-index: 1;\r\n        animation: orbit-rotation 12s linear infinite; \/* \u0633\u0631\u0639\u062a \u0686\u0631\u062e\u0634 \u0645\u062f\u0627\u0631 (12 \u062b\u0627\u0646\u06cc\u0647) *\/\r\n    }\r\n\r\n    @keyframes orbit-rotation {\r\n        from { transform: translate(-50%, -50%) rotate(0deg); }\r\n        to { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    .center-flash-image {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 4;\r\n        width: 80px;\r\n        height: auto;\r\n    }\r\n\r\n    \/* [\u0631\u0646\u06af \u0648 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0639\u0646\u0648\u0627\u0646 (H4) \u062f\u0631 \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af] *\/\r\n    .iaas-h4-style {\r\n        margin: 0 0 15px 0 !important;\r\n        text-align: right !important;\r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u0639\u0646\u0648\u0627\u0646 \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af - \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0633\u0641\u06cc\u062f \u0627\u0633\u062a] *\/\r\n        background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 100%);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: transparent;\r\n        position: relative;\r\n        font-size: 30px !important;\r\n        font-weight: 900 !important;\r\n        z-index: 3;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a (Span) \u062f\u0631 \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af] *\/\r\n    .iaas-span-style {\r\n        margin: 0 !important;\r\n        text-align: right !important;\r\n        display: block !important;\r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af] *\/\r\n        color: #cccccc !important;\r\n        font-size: 1rem !important;\r\n        z-index: 3;\r\n        position: relative;\r\n        line-height: 1.8 !important;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"arastek-infra-section\">\r\n    <div class=\"infra-grid-container\">\r\n        \r\n        <div class=\"dark-card-custom section-iLHbhB\">\r\n            <div>\r\n                <h4 class=\"iaas-os-h4-style\">\u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u06cc \u0628\u0631\u0627\u06cc \u062a\u062d\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0648\u0627\u0642\u0639\u06cc<\/h4>\r\n                <span class=\"iaas-os-span-style\">\u0645\u0627 \u062f\u0631 \u0622\u0631\u0627\u0633\u062a\u06a9 \u062a\u0646\u0647\u0627 \u0628\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0641\u06a9\u0631 \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645\u061b \u0628\u0644\u06a9\u0647 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u06cc \u0628\u0631\u0627\u06cc \u062a\u062d\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0648\u0627\u0642\u0639\u06cc \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645. \u0622\u0631\u0627\u0633\u062a\u06a9 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 ERP \u0645\u062f\u0631\u0646\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u062d\u0648\u0631 \u0648 \u062a\u062d\u062a \u0648\u0628 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u06cc\u06a9\u0631\u0648\u0633\u0631\u0648\u06cc\u0633 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0645\u0627\u0698\u0648\u0644\u0627\u0631\u060c \u0631\u0627\u0647\u06a9\u0627\u0631\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/span>\r\n            <\/div>\r\n            <div class=\"os-icons-container\">\r\n                <img decoding=\"async\" alt=\"os-icons\" src=\"https:\/\/liara.ir\/assets\/images\/landing\/iaas\/os-icons.png\" class=\"os-icons-image\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dark-card-custom section-gLLNxz\">\r\n            <div class=\"flash-orbit-inner-wrapper\">\r\n                <img decoding=\"async\" alt=\"orbit\" src=\"https:\/\/liara.ir\/assets\/images\/landing\/iaas\/orbit.svg\" class=\"orbit-image-custom\">\r\n                <img decoding=\"async\" alt=\"center flash\" src=\"https:\/\/liara.ir\/assets\/images\/landing\/iaas\/flash.png\" class=\"center-flash-image\">\r\n            <\/div>\r\n            <div>\r\n                <h4 class=\"iaas-h4-style\">\u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0627\u0628\u0631\u06cc \u0634\u0645\u0627\u060c \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u062d\u0648\u0644!<\/h4>\r\n                <span class=\"iaas-span-style\">\u062f\u0631 \u0622\u0631\u0627\u0633\u062a\u06a9\u060c \u0645\u0627 \u0628\u0647 \u0633\u0631\u0639\u062a \u0648 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u062f\u0631 \u062a\u062d\u0648\u0644 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0627\u0647\u0645\u06cc\u062a \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645. \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0647\u0648\u0634\u0645\u0646\u062f \u0645\u0627\u060c \u0628\u0631 \u067e\u0627\u06cc\u0647 \u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u06cc\u06a9\u0631\u0648\u0633\u0631\u0648\u06cc\u0633\u060c \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u062f\u0631 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f. \u0628\u0627 \u0622\u0631\u0627\u0633\u062a\u06a9\u060c \u0622\u06cc\u0646\u062f\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0627\u0645\u0631\u0648\u0632 \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e24d24 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e24d24\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c6b44e1\" data-id=\"c6b44e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\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-86d4cb5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86d4cb5\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fea185b\" data-id=\"fea185b\" data-element_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-839302e elementor-widget elementor-widget-html\" data-id=\"839302e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u062f\u06a9\u0645\u0647 \u0641\u0627\u0646\u062a\u0632\u06cc \u0628\u0627 \u0644\u06cc\u0646\u06a9 \u0648 \u062f\u0631\u062e\u0634\u0634<\/title>\r\n    <!-- Tailwind CSS CDN for general page styling (optional, can be removed if not needed by Elementor) -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <style>\r\n        \/* Define CSS variables for colors *\/\r\n        :root {\r\n            --stone-50: #fafaf9;\r\n            --yellow-300: #fde047;\r\n            --yellow-400: #facc15;\r\n            --yellow-500: #eab308;\r\n            --black-25: rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        \/*\r\n         * \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 'body' \u062d\u0630\u0641 \u0634\u062f\u0646\u062f\r\n         * \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0686\u06cc\u062f\u0645\u0627\u0646 \u06a9\u0644\u06cc \u0635\u0641\u062d\u0647 \u0648 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0631\u0627 \u0628\u0631 \u0639\u0647\u062f\u0647 \u062f\u0627\u0631\u062f.\r\n         *\/\r\n\r\n        \/* The main button container styles - Class name changed from .button to .fancy-button-container *\/\r\n        .fancy-button-container {\r\n            position: relative;\r\n            display: block;\r\n            width: 4rem;\r\n            height: 4rem;\r\n            cursor: pointer;\r\n            border-radius: 0.75rem;\r\n            overflow: hidden;\r\n            \/* Added transition for box-shadow to make glow smooth *\/\r\n            transition: box-shadow 0.4s ease-out; \/* Increased transition duration for glow *\/\r\n\r\n            \/* Default glow effect (always present) - \u06a9\u0645\u0631\u0646\u06af \u062a\u0631 \u0648 \u0628\u0632\u0631\u06af\u062a\u0631 *\/\r\n            box-shadow: 0 0 30px 12px rgba(253, 224, 71, 0.2); \/* Even Larger, lighter yellow glow *\/\r\n\r\n            \/* Added margin: auto for horizontal centering *\/\r\n            margin: auto;\r\n        }\r\n\r\n        \/* Glow effect on hover - \u0628\u0632\u0631\u06af\u062a\u0631 \u0648 \u0631\u0648\u0634\u0646 \u062a\u0631 *\/\r\n        .fancy-button-container:hover {\r\n            box-shadow: 0 0 40px 16px var(--yellow-300); \/* Larger, brighter glow on hover *\/\r\n        }\r\n\r\n        \/* Glow effect when clicked (using the is-clicked class) - \u0642\u0648\u06cc \u062a\u0631 *\/\r\n        .fancy-button-container.is-clicked {\r\n            box-shadow: 0 0 60px 24px var(--yellow-300); \/* Even stronger glow when active *\/\r\n        }\r\n\r\n        \/* Styles for the actual button element *\/\r\n        .fancy-button-container > button {\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            height: 100%;\r\n            width: 100%;\r\n            appearance: none;\r\n            border: 2px solid #282423; \/* Direct color *\/\r\n            border-radius: 0.25rem;\r\n            background-color: var(--yellow-400);\r\n            outline: 2px solid transparent;\r\n            outline-offset: 2px;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s; \/* Smooth transition for background color *\/\r\n        }\r\n\r\n        \/* Hover effect for the button *\/\r\n        .fancy-button-container > button:hover {\r\n            background-color: var(--yellow-300);\r\n        }\r\n\r\n        \/* Styles when the button is checked (if it were a checkbox) *\/\r\n        .fancy-button-container > button:checked {\r\n            background-color: #282423; \/* Direct color *\/\r\n            border-color: #282423; \/* Direct color *\/\r\n        }\r\n\r\n        \/* Hover effect when checked (expanded from nested SCSS) *\/\r\n        .fancy-button-container > button:checked:hover {\r\n            background-color: #44403c;\r\n        }\r\n\r\n        \/* Active state (when pressed) for the button *\/\r\n        .fancy-button-container > button:active {\r\n            outline-color: #282423; \/* Direct color *\/\r\n        }\r\n\r\n        \/* Focus visible state for accessibility *\/\r\n        .fancy-button-container > button:focus-visible {\r\n            outline-color: #282423; \/* Direct color *\/\r\n            outline-style: dashed;\r\n        }\r\n\r\n        \/* Styles for the second span (nth-child(2)) - the dotted overlay *\/\r\n        .fancy-button-container > span:nth-child(2) {\r\n            position: absolute;\r\n            inset: 3px;\r\n            pointer-events: none;\r\n            background-color: var(--yellow-400);\r\n            border-bottom: 2px solid var(--black-25);\r\n            transition: transform 75ms; \/* Transition for this span *\/\r\n        }\r\n\r\n        \/* Before pseudo-element for the dotted pattern *\/\r\n        .fancy-button-container > span:nth-child(2)::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image:\r\n                radial-gradient(rgb(255 255 255 \/ 80%) 20%, transparent 20%),\r\n                radial-gradient(rgb(255 255 255 \/ 100%) 20%, transparent 20%);\r\n            background-position: 0 0, 4px 4px;\r\n            background-size: 8px 8px;\r\n            mix-blend-mode: hard-light;\r\n            opacity: 0.5;\r\n            animation: dots 0.5s infinite linear; \/* Dotted animation *\/\r\n        }\r\n\r\n        \/* Styles for the third span (nth-child(3)) - corner squares *\/\r\n        .fancy-button-container > span:nth-child(3) {\r\n            position: absolute;\r\n            pointer-events: none;\r\n            inset: 0;\r\n        }\r\n\r\n        \/* Before pseudo-element for the corner squares *\/\r\n        .fancy-button-container > span:nth-child(3)::before {\r\n            content: \"\";\r\n            width: 0.375rem;\r\n            height: 0.375rem;\r\n            position: absolute;\r\n            top: 0.25rem;\r\n            left: 0.25rem;\r\n            background-color: #282423; \/* Direct color *\/\r\n            border-radius: 0.125rem;\r\n            box-shadow:\r\n                3.125em 0 #282423,\r\n                0 3.125em #282423,\r\n                3.125em 3.125em #282423;\r\n        }\r\n\r\n        \/* Styles for the fourth span (nth-child(4)) - small dots pattern *\/\r\n        .fancy-button-container > span:nth-child(4) {\r\n            position: absolute;\r\n            pointer-events: none;\r\n            inset: 0;\r\n            filter: drop-shadow(0.25em 0.25em 0 rgba(0, 0, 0, 0.2));\r\n            transition: all 75ms; \/* Transition for this span *\/\r\n        }\r\n\r\n        \/* After pseudo-element for the small dots pattern *\/\r\n        .fancy-button-container > span:nth-child(4)::after {\r\n            content: \"\";\r\n            width: 0.25rem;\r\n            height: 0.25rem;\r\n            position: absolute;\r\n            top: 0.875rem;\r\n            left: 1rem;\r\n            border-radius: 0.0625px;\r\n            background-color: #282423; \/* Direct color *\/\r\n            box-shadow:\r\n                0.75em 2em #282423, 1em 2em #282423,\r\n                0.75em 1.75em #282423, 1em 1.75em #282423,\r\n                0.75em 1.25em #282423, 1em 1.25em #282423,\r\n                0.75em 1em #282423, 1em 1em #282423,\r\n                1em 0.75em #282423, 1.5em 0.75em #282423,\r\n                1.25em 0.75em #282423, 1.25em -0.25em #282423,\r\n                1.5em 0em #282423, 1.25em 0.5em #282423,\r\n                1.5em 0.5em #282423, 1.25em 0.25em #282423,\r\n                1.5em 0.25em #282423, 1.25em 0 #282423,\r\n                1em -0.25em #282423, 0.75em -0.25em #282423,\r\n                0.5em -0.25em #282423, 0.25em -0.25em #282423,\r\n                0.25em 0 #282423, 0 0.25em #282423,\r\n                0 0.25em #282423, 0 0.5em #282423,\r\n                0.25em 0.25em #282423,\r\n                0.25em 0.5em #282423;\r\n        }\r\n\r\n        \/* Styles for the fifth span (nth-child(5)) - the main disappearing overlay *\/\r\n        .fancy-button-container > span:nth-child(5) {\r\n            position: absolute;\r\n            background-color: var(--yellow-400);\r\n            border: 2px solid #282423; \/* Direct color *\/\r\n            border-radius: 0.75rem;\r\n            pointer-events: none;\r\n            z-index: -1; \/* Placed behind other elements *\/\r\n            inset: 0.5rem 1.5rem; \/* Positioned slightly inwards *\/\r\n            box-shadow:\r\n                7px 0 0 0 #282423,\r\n                inset 0 2px 0 0 var(--yellow-300),\r\n                inset 0 -2px 0 0 var(--yellow-500);\r\n            \/* Increased transition duration for this element to make animation more visible *\/\r\n            transition: all 700ms cubic-bezier(0, 0.5, 0.4, 1); \/* Increased to 700ms *\/\r\n        }\r\n\r\n        \/* When the parent .fancy-button-container has 'is-clicked' class, apply the animation *\/\r\n        .fancy-button-container.is-clicked > span:nth-child(5) {\r\n            transform: translateY(-200%); \/* Moves it up and out *\/\r\n            opacity: 0; \/* Fades it out *\/\r\n        }\r\n\r\n        \/* Hover state for the button, affecting the fourth span's shadow (expanded from nested SCSS) *\/\r\n        .fancy-button-container > button:hover ~ span:nth-child(4) {\r\n            filter: drop-shadow(0.125em 0.125em 0 rgba(0, 0, 0, 0.2));\r\n        }\r\n\r\n        \/* Keyframes for the dots animation *\/\r\n        @keyframes dots {\r\n            0% {\r\n                background-position:\r\n                    0 0,\r\n                    4px 4px;\r\n            }\r\n            100% {\r\n                background-position:\r\n                    8px 0,\r\n                    12px 4px;\r\n            }\r\n        }\r\n\r\n        \/* Dark mode adjustments (expanded from nested SCSS) *\/\r\n        @media (prefers-color-scheme: dark) {\r\n            .fancy-button-container button:active,\r\n            .fancy-button-container button:focus-visible {\r\n                outline-color: var(--yellow-400);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- The fancy button structure - Class name changed from .button to .fancy-button-container -->\r\n    <div class=\"fancy-button-container\">\r\n        <!-- Added an ID to the button for easy JavaScript selection -->\r\n        <button id=\"fancyButton\" name=\"checkbox\" type=\"button\"><\/button>\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <!-- Added an ID to the 5th span, which has the main animation -->\r\n        <span id=\"buttonOverlay\"><\/span>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Ensure the DOM is fully loaded before running the script\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Get references to the button and the overlay span by their IDs\r\n            const fancyButton = document.getElementById('fancyButton');\r\n            const buttonOverlay = document.getElementById('buttonOverlay');\r\n            \/\/ Get the parent .fancy-button-container to add\/remove classes for animation control\r\n            \/\/ Updated to use the new class name 'fancy-button-container'\r\n            const buttonContainer = fancyButton.closest('.fancy-button-container');\r\n\r\n            \/\/ Check if all necessary elements exist before adding event listeners\r\n            if (fancyButton && buttonOverlay && buttonContainer) {\r\n                \/\/ Add a click event listener to the fancy button\r\n                fancyButton.addEventListener('click', function() {\r\n                    \/\/ Add the 'is-clicked' class to the button container.\r\n                    \/\/ This class triggers the animation for 'buttonOverlay' in CSS.\r\n                    buttonContainer.classList.add('is-clicked');\r\n\r\n                    \/\/ Set a timeout to open the link after the animation duration.\r\n                    \/\/ The animation for span:nth-child(5) is now 700ms. We set a slightly\r\n                    \/\/ longer delay (750ms) to ensure the animation visually completes.\r\n                    setTimeout(() => {\r\n                        const targetUrl = 'https:\/\/rs-tech.ir\/?page_id=1357'; \/\/ \u0644\u06cc\u0646\u06a9 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                        window.open(targetUrl, '_blank');\r\n\r\n                        \/\/ Remove the 'is-clicked' class after opening the link.\r\n                        \/\/ This resets the button's state for future clicks, allowing the animation to play again.\r\n                        buttonContainer.classList.remove('is-clicked');\r\n                    }, 750); \/\/ 750ms is slightly more than the 700ms animation duration\r\n                });\r\n            } else {\r\n                \/\/ Log an error if elements are not found, useful for debugging\r\n                console.error(\"Button, overlay span, or button container not found. Check IDs and structure.\");\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dddb7e2 elementor-widget elementor-widget-html\" data-id=\"dddb7e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* ==========================================================================\r\n       \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06a9\u0644\u06cc \u0628\u062e\u0634 \u062a\u0627\u06cc\u0645\u200c\u0644\u0627\u06cc\u0646 (Timeline) \u0648 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\r\n       ========================================================================== *\/\r\n    .arastek-timeline-section * {\r\n        box-sizing: border-box;\r\n        font-family: 'IRANSans', \"Vazirmatn\", sans-serif !important;\r\n    }\r\n\r\n    .arastek-timeline-section {\r\n        direction: rtl;\r\n        margin: 4rem 0;\r\n        padding: 2rem 1rem;\r\n        \/* [\u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u06a9\u0644 \u0628\u0627\u06a9\u0633 \u062a\u0627\u06cc\u0645\u200c\u0644\u0627\u06cc\u0646 (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc - \u0627\u0644\u0627\u0646 \u0634\u0641\u0627\u0641 \u0627\u0633\u062a)] *\/\r\n        background: transparent;\r\n    }\r\n\r\n    \/* \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 CSS \u062e\u0627\u0644\u0635 \u0628\u0631\u0627\u06cc \u06af\u0631\u06cc\u062f \u062a\u06cc\u0644\u0648\u06cc\u0646\u062f (\u0686\u06cc\u0646\u0634 \u0627\u0641\u0642\u06cc \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u0648 \u0639\u0645\u0648\u062f\u06cc \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644) *\/\r\n    .timeline-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2.5rem;\r\n        position: relative;\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \u062f\u0631 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u062a\u0631 \u0627\u0632 768 \u067e\u06cc\u06a9\u0633\u0644\u060c \u0686\u06cc\u062f\u0645\u0627\u0646 \u0627\u0641\u0642\u06cc (\u06a9\u0646\u0627\u0631 \u0647\u0645) \u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n    @media (min-width: 768px) {\r\n        .timeline-container {\r\n            flex-direction: row;\r\n            align-items: flex-start;\r\n            gap: 1.5rem;\r\n        }\r\n    }\r\n\r\n    \/* \u0647\u0631 \u0622\u06cc\u062a\u0645 \u062a\u0627\u06cc\u0645\u200c\u0644\u0627\u06cc\u0646 *\/\r\n    .timeline-item {\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       \u0628\u062e\u0634 \u0628\u0627\u0644\u0627\u06cc\u06cc: \u062f\u0627\u06cc\u0631\u0647 \u0622\u06cc\u06a9\u0648\u0646 \u0648 \u062e\u0637 \u0648\u0627\u0635\u0644 (Connector Line)\r\n       ========================================================================== *\/\r\n    .timeline-header {\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    \/* \u062f\u0627\u06cc\u0631\u0647 \u062f\u06a9\u0645\u0647\u200c\u0645\u0627\u0646\u0646\u062f \u062f\u0648\u0631 \u0622\u06cc\u06a9\u0648\u0646 *\/\r\n    .timeline-icon-circle {\r\n        z-index: 10;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 3rem;\r\n        height: 3rem;\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n        \r\n        \/* [\u0631\u0646\u06af \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062f\u0627\u06cc\u0631\u0647 \u0622\u06cc\u06a9\u0648\u0646 (\u0633\u0628\u0632 \u062a\u06cc\u0631\u0647 \u062a\u0645)] *\/\r\n        background-color: #064e3b; \r\n        \r\n        \/* [\u0631\u0646\u06af \u0648 \u0636\u062e\u0627\u0645\u062a \u0647\u0627\u0644\u0647 \u062f\u0648\u0631 \u062f\u0627\u06cc\u0631\u0647 (\u062d\u0627\u0644\u062a \u0646\u0626\u0648\u0646\u06cc \u0648 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc)] *\/\r\n        box-shadow: 0 0 0 8px rgba(135, 252, 196, 0.1), 0 4px 10px rgba(0,0,0,0.3);\r\n        border: 1px solid rgba(135, 252, 196, 0.3);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* \u0627\u0641\u06a9\u062a \u0647\u0627\u0648\u0631: \u0648\u0642\u062a\u06cc \u0645\u0648\u0633 \u0631\u0648\u06cc \u0622\u06cc\u062a\u0645 \u0645\u06cc\u200c\u0631\u0648\u062f \u062f\u0627\u06cc\u0631\u0647 \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n    .timeline-item:hover .timeline-icon-circle {\r\n        \/* [\u0631\u0646\u06af \u062f\u0627\u06cc\u0631\u0647 \u0622\u06cc\u06a9\u0648\u0646 \u0647\u0646\u06af\u0627\u0645 \u0631\u0641\u062a\u0646 \u0645\u0648\u0633 \u0631\u0648\u06cc \u0622\u0646] *\/\r\n        background-color: #059669;\r\n        box-shadow: 0 0 0 10px rgba(135, 252, 196, 0.2), 0 0 20px rgba(135, 252, 196, 0.5);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* \u0631\u0646\u06af \u062e\u0648\u062f \u0622\u06cc\u06a9\u0648\u0646 (SVG) \u062f\u0627\u062e\u0644 \u062f\u0627\u06cc\u0631\u0647 *\/\r\n    .timeline-icon-circle svg {\r\n        width: 1.25rem;\r\n        height: 1.25rem;\r\n        \/* [\u0631\u0646\u06af \u0622\u06cc\u06a9\u0648\u0646 \u062a\u0642\u0648\u06cc\u0645 (\u0627\u0644\u0627\u0646 \u0633\u0628\u0632 \u0631\u0648\u0634\u0646 \u0627\u0633\u062a)] *\/\r\n        color: #87fcc4;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .timeline-item:hover .timeline-icon-circle svg {\r\n        color: #ffffff; \/* \u0631\u0646\u06af \u0622\u06cc\u06a9\u0648\u0646 \u0647\u0646\u06af\u0627\u0645 \u0647\u0627\u0648\u0631 *\/\r\n    }\r\n\r\n    \/* \u062e\u0637 \u0648\u0627\u0635\u0644 \u0628\u06cc\u0646 \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627 (\u0641\u0642\u0637 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f) *\/\r\n    .timeline-connector {\r\n        display: none;\r\n        width: 100%;\r\n        height: 2px;\r\n        \r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u0645\u062a\u0635\u0644\u200c\u06a9\u0646\u0646\u062f\u0647 \u0628\u06cc\u0646 \u0645\u0631\u0627\u062d\u0644 \u062a\u0627\u06cc\u0645\u200c\u0644\u0627\u06cc\u0646] *\/\r\n        background: linear-gradient(90deg, rgba(135, 252, 196, 0.4) 0%, rgba(255, 255, 255, 0.05) 100%);\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .timeline-connector {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       \u0628\u062e\u0634 \u0645\u062d\u062a\u0648\u0627: \u06a9\u0627\u0631\u062a \u0645\u062a\u0646\u200c\u0647\u0627 (\u0639\u0646\u0648\u0627\u0646\u060c \u062a\u0627\u0631\u06cc\u062e \u0648 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a)\r\n       ========================================================================== *\/\r\n    .timeline-content {\r\n        \/* [\u0631\u0646\u06af \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u06a9\u0627\u0631\u062a \u0645\u062d\u062a\u0648\u0627 (\u062d\u0627\u0644\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062a\u06cc\u0631\u0647)] *\/\r\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);\r\n        \r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u062f\u0648\u0631 (Border) \u06a9\u0627\u0631\u062a \u0645\u062d\u062a\u0648\u0627] *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        \r\n        border-radius: 25px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n        height: calc(100% - 4.25rem); \/* \u0628\u0631\u0627\u06cc \u0647\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639 \u0634\u062f\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n    }\r\n\r\n    \/* \u0627\u0641\u06a9\u062a \u0647\u0627\u0648\u0631 \u0631\u0648\u06cc \u06a9\u0627\u0631\u062a \u0645\u062d\u062a\u0648\u0627 *\/\r\n    .timeline-item:hover .timeline-content {\r\n        transform: translateY(-5px);\r\n        \/* [\u0631\u0646\u06af \u062e\u0637 \u062f\u0648\u0631 \u06a9\u0627\u0631\u062a \u0647\u0646\u06af\u0627\u0645 \u0631\u0641\u062a\u0646 \u0645\u0648\u0633 \u0631\u0648\u06cc \u0622\u0646] *\/\r\n        border-color: rgba(135, 252, 196, 0.3);\r\n        \/* [\u0633\u0627\u06cc\u0647 \u06a9\u0627\u0631\u062a \u0647\u0646\u06af\u0627\u0645 \u0647\u0627\u0648\u0631] *\/\r\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    \/* \u0639\u0646\u0648\u0627\u0646 \u0645\u0631\u062d\u0644\u0647 (\u062a\u06af .hakha) *\/\r\n    .hakha {\r\n        display: inline-block;\r\n        font-size: 1.25rem !important;\r\n        font-weight: 800 !important;\r\n        \r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u0639\u0646\u0648\u0627\u0646 \u0645\u0631\u062d\u0644\u0647 (\u0645\u062b\u0644\u0627: \u0634\u0631\u0648\u0639 \u0641\u0639\u0627\u0644\u06cc\u062a) - \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0633\u0641\u06cc\u062f \u0628\u0647 \u0633\u0628\u0632 \u0631\u0648\u0634\u0646] *\/\r\n        background: linear-gradient(90deg, #ffffff 0%, #87fcc4 100%);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: transparent;\r\n        \r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    \/* \u062a\u0627\u0631\u06cc\u062e \u0645\u0631\u062d\u0644\u0647 *\/\r\n    .time {\r\n        display: block;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 500 !important;\r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u062a\u0627\u0631\u06cc\u062e] *\/\r\n        color: #a0aec0 !important;\r\n        margin-bottom: 0.85rem;\r\n        padding-bottom: 0.5rem;\r\n        border-bottom: 1px dashed rgba(255, 255, 255, 0.1); \/* \u062e\u0637 \u0686\u06cc\u0646 \u0632\u06cc\u0631 \u062a\u0627\u0631\u06cc\u062e *\/\r\n    }\r\n\r\n    \/* \u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a *\/\r\n    .timeline-description {\r\n        font-size: 0.95rem !important;\r\n        font-weight: 400 !important;\r\n        line-height: 1.7 !important;\r\n        \/* [\u0631\u0646\u06af \u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0647\u0631 \u0645\u0631\u062d\u0644\u0647] *\/\r\n        color: #cbd5e0 !important;\r\n        margin: 0 !important;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"arastek-timeline-section\">\r\n    <ol class=\"timeline-container\">\r\n        \r\n        <!-- \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644 -->\r\n        <li class=\"timeline-item\">\r\n            <div class=\"timeline-header\">\r\n                <div class=\"timeline-icon-circle\">\r\n                    <svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                        <path d=\"M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"timeline-connector\"><\/div>\r\n            <\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"hakha\">\u0634\u0631\u0648\u0639 \u0641\u0639\u0627\u0644\u06cc\u062a<\/span>\r\n                <time class=\"time\">\u062a\u0627\u0631\u06cc\u062e : \u06f2\u06f5 \u0634\u0647\u0631\u06cc\u0648\u0631 \u0633\u0627\u0644 \u06f1\u06f4\u06f0\u06f1<\/time>\r\n                <p class=\"timeline-description\">\u062a\u0634\u06a9\u06cc\u0644 \u062a\u06cc\u0645 \u0627\u0633\u062a\u0627\u0631\u062a\u200c\u0622\u067e\u06cc \u0622\u0631\u0627\u0633\u062a\u06a9 \u0628\u0627 \u0647\u062f\u0641 \u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631\u0647\u0627<\/p>\r\n            <\/div>\r\n        <\/li>\r\n\r\n        <!-- \u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645 -->\r\n        <li class=\"timeline-item\">\r\n            <div class=\"timeline-header\">\r\n                <div class=\"timeline-icon-circle\">\r\n                    <svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                        <path d=\"M20 4a2 2 0 0 0-2-2h-2V1a1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"timeline-connector\"><\/div>\r\n            <\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"hakha\">\u062a\u0648\u0633\u0639\u0647 \u0648 \u062a\u06a9\u0645\u06cc\u0644<\/span>\r\n                <time class=\"time\">\u062a\u0627\u0631\u06cc\u062e : \u0641\u0631\u0648\u0631\u062f\u06cc\u0646 \u0633\u0627\u0644 \u06f1\u06f4\u06f0\u06f3<\/time>\r\n                <p class=\"timeline-description\">\u0645\u062c\u0645\u0648\u0639\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631 (Soft Suite) \u0628\u0627 \u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0645\u0627\u0698\u0648\u0644\u0627\u0631<\/p>\r\n            <\/div>\r\n        <\/li>\r\n\r\n        <!-- \u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645 -->\r\n        <li class=\"timeline-item\">\r\n            <div class=\"timeline-header\">\r\n                <div class=\"timeline-icon-circle\">\r\n                    <svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                        <path d=\"M20 4a2 2 0 0 0-2-2h-2V1a1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"timeline-connector\"><\/div>\r\n            <\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"hakha\">\u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627<\/span>\r\n                <time class=\"time\">\u062a\u0627\u0631\u06cc\u062e : \u0641\u0631\u0648\u0631\u062f\u06cc\u0646 \u0633\u0627\u0644 \u06f1\u06f4\u06f0\u06f4<\/time>\r\n                <p class=\"timeline-description\">\u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0628\u0644\u0648\u063a \u0645\u062d\u0635\u0648\u0644 \u0648 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631\u0647\u0627\u060c \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u062d\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644.<\/p>\r\n            <\/div>\r\n        <\/li>\r\n\r\n    <\/ol>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-077a555 elementor-widget elementor-widget-heading\" data-id=\"077a555\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0647\u0646\u0648\u0632 \u0645\u0637\u0645\u0639\u0646 \u0646\u06cc\u0633\u062a\u06cc\u061f \u0631\u0648\u06cc \u0627\u06cc\u0646 \u0628\u0627\u06a9\u0633 \u0628\u0632\u0646<\/h2>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0627 \u062a\u06cc\u0645 \u0622\u0631\u0627\u0633\u062a\u06a9 \u0628\u06cc\u0634\u062a\u0631 \u0622\u0634\u0646\u0627 \u0628\u0634\u06cc\u062f \u062d\u0645\u06cc\u062f \u063a\u0641\u0627\u0631\u06cc \u0645\u062f\u06cc\u0631 \u0639\u0627\u0645\u0644 \u0631\u0647\u0628\u0631\u06cc \u062e\u0644\u0627\u0642 \u0648 \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0639\u0644\u06cc \u0639\u0644\u06cc\u067e\u0648\u0631 SQL Specialist \u062a\u062e\u0635\u0635 \u0639\u0644\u06cc \u062a\u0648\u0633\u0639\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0648 \u062f\u06cc\u062a\u0627\u0628\u06cc\u0633 \u0647\u0633\u062a \u0647\u062e\u0640\u0640\u0627 \u0634\u062c\u0627\u0639\u06cc Webmaster \u0647\u062e\u0627 \u0631\u0648\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a \u0648 SEO \u06a9\u0627\u0631 \u0645\u06cc\u06a9\u0646\u0647 \u0637\u0627\u0647\u0627 \u062f\u0644\u0634\u0627\u062f\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0640\u0640\u0633 \u0628\u06a9\u200c\u0627\u0646\u062f \u0646\u0648\u06cc\u0633 \u062a\u06cc\u0645 \u0622\u0631\u0627\u0633\u062a\u06a9 \u0645\u062d\u0645\u062f \u0628\u0631\u0632\u06af\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0640\u0640\u0633 \u062a\u0636\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0631\u0636\u0627\u06cc\u062a \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/rs-tech.ir\/?page_id=1898\"> <span class=\"screen-reader-text\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0640\u0627<\/span> \u0627\u062f\u0627\u0645\u0647 \u00bb<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1898","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rs-tech.ir\/index.php?rest_route=\/wp\/v2\/pages\/1898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rs-tech.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rs-tech.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rs-tech.ir\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rs-tech.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1898"}],"version-history":[{"count":31,"href":"https:\/\/rs-tech.ir\/index.php?rest_route=\/wp\/v2\/pages\/1898\/revisions"}],"predecessor-version":[{"id":2194,"href":"https:\/\/rs-tech.ir\/index.php?rest_route=\/wp\/v2\/pages\/1898\/revisions\/2194"}],"wp:attachment":[{"href":"https:\/\/rs-tech.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}