{"id":7182,"date":"2025-11-19T08:28:29","date_gmt":"2025-11-19T05:28:29","guid":{"rendered":"https:\/\/tafejd.com\/?page_id=7182"},"modified":"2025-12-11T08:16:59","modified_gmt":"2025-12-11T05:16:59","slug":"service-request-tafe-jd","status":"publish","type":"page","link":"https:\/\/tafejd.com\/ar\/service-request-tafe-jd\/","title":{"rendered":"Service Request &#8211; TAFE JD"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc-custom-col-spacing clearfix vc-col-spacing-30\"><section class=\"wpb_row vc_row-fluid row-content-position-Default\"><div class=\"finax-container\"><div class=\"row-inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"professional-survey-form\">\n    <style>\n        .professional-survey-form {\n            max-width: 1200px;\n            margin: 10px auto;\n            padding: 0 8px;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #f8fafc;\n        }\n\n        .survey-title {\n            font-size: 32px;\n            font-weight: 700;\n            color: #3a6475;\n        }\n\n        .survey-subtitle {\n            font-size: 16px;\n            color: #64748b;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.5;\n        }\n\n        .form-container {\n            display: grid;\n            grid-template-columns: 320px 1fr;\n            gap: 30px;\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        \/* Info Side - Enhanced *\/\n        .info-side {\n            background: linear-gradient(145deg, #3a6475 0%, #2a4a58 100%);\n            color: white;\n            padding: 35px 25px;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            order: 1; \/* \u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 *\/\n        }\n\n        .info-side::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(circle at 20% 20%, rgba(196, 167, 104, 0.25) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);\n        }\n\n        .brand-section {\n            position: relative;\n            z-index: 2;\n            margin-bottom: 30px;\n            text-align: center;\n            padding-bottom: 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n        }\n\n        .brand-logo {\n            font-size: 26px;\n            font-weight: 700;\n            color: #c4a768;\n            margin-bottom: 6px;\n            letter-spacing: -0.5px;\n        }\n\n        .brand-tagline {\n            color: #d2bc8d;\n            font-size: 14px;\n            font-weight: 500;\n        }\n\n        .info-title {\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 20px;\n            color: white;\n            position: relative;\n            z-index: 2;\n        }\n\n        .features-list {\n            list-style: none;\n            margin-bottom: 25px;\n            position: relative;\n            z-index: 2;\n            flex-grow: 1;\n        }\n\n        .features-list li {\n            padding: 14px 0;\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            font-size: 14px;\n            font-weight: 500;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .features-list li:hover {\n            transform: translateX(5px);\n        }\n\n        .features-list li:last-child {\n            border-bottom: none;\n        }\n\n        .feature-icon {\n            width: 36px;\n            height: 36px;\n            background: rgba(196, 167, 104, 0.2);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 15px;\n            color: #c4a768;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n\n        .features-list li:hover .feature-icon {\n            background: rgba(196, 167, 104, 0.3);\n            transform: scale(1.1);\n        }\n\n        .contact-info {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 10px;\n            border-radius: 10px;\n            position: relative;\n            z-index: 2;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 14px;\n            color: #d2bc8d;\n            font-size: 13px;\n            font-weight: 500;\n            transition: all 0.3s ease;\n        }\n\n        .contact-item:hover {\n            color: #c4a768;\n            transform: translateX(3px);\n        }\n\n        .contact-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .contact-icon {\n            width: 32px;\n            height: 32px;\n            background: rgba(196, 167, 104, 0.2);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 13px;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n\n        .contact-item:hover .contact-icon {\n            background: rgba(196, 167, 104, 0.3);\n            transform: scale(1.05);\n        }\n\n        \/* Form Side - Enhanced *\/\n        .form-side {\n            padding: 20px;\n            background: white;\n            order: 2; \/* \u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 *\/\n        }\n\n        .form-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #3a6475;\n            padding-bottom: 15px;\n            border-bottom: 2px solid #f1f5f9;\n            position: relative;\n        }\n\n        .form-title::after {\n            content: '';\n            position: absolute;\n            bottom: -2px;\n            left: 0;\n            width: 60px;\n            height: 2px;\n            background: #c4a768;\n        }\n\n        \/* Form Elements - Enhanced *\/\n        .wpcf7-form {\n            display: flex;\n            flex-direction: column;\n            gap: 28px;\n        }\n\n        .form-section {\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            padding: 24px;\n            border-radius: 12px;\n            border-left: 4px solid #c4a768;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n            transition: all 0.3s ease;\n        }\n\n        .form-section:hover {\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n            transform: translateY(-2px);\n        }\n\n        .section-title {\n            font-size: 16px;\n            font-weight: 700;\n            color: #3a6475;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .wpcf7-form {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .form-section {\n            background: #f8fafc;\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #c4a768;\n        }\n\n        .section-title {\n            font-size: 16px;\n            font-weight: 600;\n            color: #3a6475;\n            margin-bottom: 15px;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n            margin-bottom: 15px;\n        }\n        \n        .form-group {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .form-group.full-width {\n            grid-column: 1 \/ -1;\n        }\n\n        .form-label {\n            margin-bottom: 4px;\n            font-weight: 600;\n            color: #374151;\n            font-size: 13px;\n        }\n\n       \n        \n        .wpcf7-form-control {\n            width: 100%;\n            padding: 3px 12px;\n            border: 1.5px solid #e5e7eb;\n            border-radius: 6px;\n            font-size: 14px;\n            transition: all 0.2s ease;\n            background: white;\n            font-family: inherit;\n            color: #1f2937;\n            box-sizing: border-box;\n        }\n\n        .wpcf7-form-control:hover {\n            border-color: #c4a768;\n        }\n        \n        .wpcf7-form-control:focus {\n            outline: none;\n            border-color: #c4a768;\n            box-shadow: 0 0 0 3px rgba(196, 167, 104, 0.1);\n        }\n\n        .wpcf7-textarea {\n            min-height: 80px;\n            resize: vertical;\n            line-height: 1.4;\n        }\n        \n        .wpcf7-select {\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 10px center;\n            background-size: 12px;\n            cursor: pointer;\n        }\n        \n        \/* Improved Checkbox Design *\/\n        .support-requirements {\n            background: white;\n            border: 1.5px solid #e5e7eb;\n            border-radius: 6px;\n            padding: 15px;\n            margin-top: 8px;\n        }\n\n        .radio-group {\n            display: flex;\n            gap: 20px;\n            margin-top: 8px;\n        }\n\n        .radio-item {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n        \n        .wpcf7-radio input[type=\"radio\"] {\n            width: 16px;\n            height: 16px;\n            accent-color: #c4a768;\n            cursor: pointer;\n            margin: 0;\n        }\n\n        .radio-item label {\n            font-weight: 500;\n            color: #4b5563;\n            cursor: pointer;\n            font-size: 13px;\n            margin: 0;\n        }\n\n        .wpcf7-submit {\n            background: linear-gradient(135deg, #c4a768 0%, #b39146 100%);\n            color: white;\n            border: none;\n            padding: 12px 30px;\n            font-size: 14px;\n            font-weight: 600;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            margin-top: 10px;\n        }\n\n        .wpcf7-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(179, 145, 70, 0.3);\n        }\n        \n        \/* Responsive Design - \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0647\u0646\u0627 *\/\n        @media (max-width: 968px) {\n            .form-container {\n                grid-template-columns: 1fr;\n                grid-template-rows: auto auto;\n            }\n            \n            .info-side {\n                order: 2; \/* \u0633\u064a\u0638\u0647\u0631 \u062b\u0627\u0646\u064a\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\n                padding: 18px;\n                text-align: center;\n            }\n            \n            .form-side {\n                order: 1; \/* \u0633\u064a\u0638\u0647\u0631 \u0623\u0648\u0644\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\n            }\n\n            .features-list li {\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .form-container {\n                grid-template-columns: 1fr;\n                grid-template-rows: auto auto;\n            }\n\n            .info-side, \n            .form-side {\n                padding: 10px;\n            }\n\n            .survey-title {\n                font-size: 16px;\n            }\n\n            .form-row {\n                grid-template-columns: 1fr !important;\n                gap: 4px;\n            }\n\n            .brand-logo {\n                font-size: 22px;\n            }\n\n            .feature-icon {\n                width: 32px;\n                height: 32px;\n                font-size: 14px;\n            }\n            \n            .wpcf7-form-control::placeholder {\n    font-size: 12px;  \/* \u0639\u062f\u0651\u0644 \u0627\u0644\u0631\u0642\u0645 \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629 *\/\n}\n        }\n\n        @media (max-width: 480px) {\n            .professional-survey-form {\n                padding: 0 3px;\n            }\n\n            .info-side, \n            .form-side {\n                padding: 10px;\n            }\n\n            .survey-title {\n                font-size: 18px;\n            }\n\n            .section-title {\n                font-size: 14px;\n            }\n\n            .form-title {\n                font-size: 10px;\n            }\n                        .wpcf7-form-control::placeholder {\n    font-size: 12px;  \/* \u0639\u062f\u0651\u0644 \u0627\u0644\u0631\u0642\u0645 \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629 *\/\n}\n        }\n    <\/style>\n\n    <!-- Header -->\n\n    <div class=\"form-container\">\n        <!-- Info Side - Enhanced -->\n        <div class=\"info-side\">\n            <div class=\"brand-section\">\n                <div class=\"brand-logo\">TAFEJD<\/div>\n                <div class=\"brand-tagline\">Corporate & Advisory Services<\/div>\n            <\/div>\n            \n            <h3 class=\"info-title\">Expert Business Consultation<\/h3>\n            \n            <ul class=\"features-list\">\n                <li>\n                    <div class=\"feature-icon\">\ud83d\ude80<\/div>\n                    <div>Strategic Growth Planning<\/div>\n                <\/li>\n                <li>\n                    <div class=\"feature-icon\">\ud83d\udca1<\/div>\n                    <div>Industry Expertise<\/div>\n                <\/li>\n                <li>\n                    <div class=\"feature-icon\">\ud83d\udcc8<\/div>\n                    <div>Proven Results<\/div>\n                <\/li>\n                <li>\n                    <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n                    <div>Dedicated Support<\/div>\n                <\/li>\n            <\/ul>\n\n            <div class=\"contact-info\">\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\ud83d\udce7<\/div>\n                    <div>info@tafejd.com<\/div>\n                <\/div>\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\ud83d\udcde<\/div>\n                    <div>+966 05 318 78570<\/div>\n                <\/div>\n             \n            <\/div>\n        <\/div>\n\n        <!-- Form Side - Enhanced -->\n        <div class=\"form-side\">\n            <h2 class=\"form-title\">Company & Market Information<\/h2>\n\n            <div class=\"wpcf7\">\n                <p class=\"wpcf7-contact-form-not-found\"><strong>\u062e\u0637\u0623:<\/strong> \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/section><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"TAFEJD Corporate & Advisory Services Expert Business Consultation \ud83d\ude80 Strategic Growth Planning \ud83d\udca1 Industry Expertise \ud83d\udcc8 Proven Results \ud83d\udee1\ufe0f Dedicated Support \ud83d\udce7 info@tafejd.com \ud83d\udcde +966 05 318 78570 Company & Market Information \u062e\u0637\u0623: \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f.","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7182","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tafejd","author_link":"https:\/\/tafejd.com\/ar\/author\/tafejd\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/pages\/7182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/comments?post=7182"}],"version-history":[{"count":0,"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/pages\/7182\/revisions"}],"wp:attachment":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/media?parent=7182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}