{"id":1000,"date":"2024-12-09T12:06:52","date_gmt":"2024-12-09T12:06:52","guid":{"rendered":"https:\/\/saudi-transportation.com\/?page_id=1000"},"modified":"2026-04-14T20:16:31","modified_gmt":"2026-04-14T20:16:31","slug":"%db%81%d9%85-%d8%b3%db%92-%d8%b1%d8%a7%d8%a8%d8%b7%db%81-%da%a9%d8%b1%db%8c%da%ba","status":"publish","type":"page","link":"https:\/\/saudi-transportation.com\/ur\/%db%81%d9%85-%d8%b3%db%92-%d8%b1%d8%a7%d8%a8%d8%b7%db%81-%da%a9%d8%b1%db%8c%da%ba\/","title":{"rendered":"\u06c1\u0645 \u0633\u06d2 \u0631\u0627\u0628\u0637\u06c1 \u06a9\u0631\u06cc\u06ba"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1000\" class=\"elementor elementor-1000\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d070bd e-con-full e-flex e-con e-parent\" data-id=\"3d070bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74563ac elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"74563ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n:root {\r\n    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\r\n    --accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\r\n    --accent-color: #667eea;\r\n    --text-dark: #1a202c;\r\n    --text-medium: #4a5568;\r\n    --shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n    --shadow-md: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n    --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n.contact-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    direction: ltr;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Header with Animation *\/\r\n.contact-header {\r\n    position: relative;\r\n    padding: 100px 60px 80px;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Animated Background *\/\r\n.contact-header::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 2px, transparent 2px);\r\n    background-size: 50px 50px;\r\n    animation: headerPattern 15s linear infinite;\r\n}\r\n\r\n@keyframes headerPattern {\r\n    0% { background-position: 0 0, 25px 25px; }\r\n    100% { background-position: 50px 50px, 75px 75px; }\r\n}\r\n\r\n\/* Glowing Orb *\/\r\n.contact-header::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    top: -250px;\r\n    left: -250px;\r\n    animation: glowPulse 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes glowPulse {\r\n    0%, 100% { transform: scale(1); opacity: 0.3; }\r\n    50% { transform: scale(1.2); opacity: 0.5; }\r\n}\r\n\r\n.header-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeInUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.contact-header h2 {\r\n    font-size: 56px;\r\n    font-weight: 900;\r\n    color: white;\r\n    margin-bottom: 24px;\r\n    line-height: 1.3;\r\n    text-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n.contact-tagline {\r\n    font-size: 22px;\r\n    color: rgba(255,255,255,0.95);\r\n    margin-bottom: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n    animation: fadeIn 1s ease 0.3s both;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n\r\n.contact-description {\r\n    font-size: 18px;\r\n    color: rgba(255,255,255,0.85);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n    animation: fadeIn 1s ease 0.5s both;\r\n}\r\n\r\n\/* Main Section *\/\r\n.contact-main {\r\n    position: relative;\r\n    padding: 80px 60px;\r\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n}\r\n\r\n.contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.5fr;\r\n    gap: 60px;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Info Cards with Animation *\/\r\n.contact-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n}\r\n\r\n.info-card {\r\n    position: relative;\r\n    padding: 32px;\r\n    background: white;\r\n    border-radius: 20px;\r\n    box-shadow: var(--shadow-sm);\r\n    border: 1px solid rgba(102, 126, 234, 0.1);\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateX(-50px);\r\n    animation: slideInLeft 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\r\n}\r\n\r\n.info-card:nth-child(1) { animation-delay: 0.2s; }\r\n.info-card:nth-child(2) { animation-delay: 0.4s; }\r\n.info-card:nth-child(3) { animation-delay: 0.6s; }\r\n\r\n@keyframes slideInLeft {\r\n    to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* Top Colored Line *\/\r\n.info-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: var(--primary-gradient);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.info-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: var(--shadow-lg);\r\n    border-color: rgba(102, 126, 234, 0.3);\r\n}\r\n\r\n.info-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Animated Icons *\/\r\n.info-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    background: var(--primary-gradient);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n\/* Glow Behind Icon *\/\r\n.info-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -4px;\r\n    background: var(--primary-gradient);\r\n    border-radius: 18px;\r\n    opacity: 0.3;\r\n    filter: blur(10px);\r\n    z-index: -1;\r\n    animation: iconGlow 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes iconGlow {\r\n    0%, 100% { opacity: 0.3; transform: scale(1); }\r\n    50% { opacity: 0.6; transform: scale(1.05); }\r\n}\r\n\r\n.info-card:hover .info-icon {\r\n    transform: scale(1.1) rotate(-5deg);\r\n}\r\n\r\n.info-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: white;\r\n}\r\n\r\n.info-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.info-details {\r\n    font-size: 16px;\r\n    color: var(--text-medium);\r\n    line-height: 1.6;\r\n}\r\n\r\n.info-details .mobile {\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Contact Form with Animation *\/\r\n.contact-form-wrapper {\r\n    background: white;\r\n    padding: 48px;\r\n    border-radius: 24px;\r\n    box-shadow: var(--shadow-md);\r\n    border: 1px solid rgba(102, 126, 234, 0.1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateX(50px);\r\n    animation: slideInRight 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards;\r\n}\r\n\r\n@keyframes slideInRight {\r\n    to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* Decorative Circle *\/\r\n.contact-form-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px;\r\n    right: -100px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: var(--primary-gradient);\r\n    opacity: 0.05;\r\n    border-radius: 50%;\r\n    filter: blur(40px);\r\n    animation: decorFloat 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes decorFloat {\r\n    0%, 100% { transform: translate(0, 0); }\r\n    50% { transform: translate(30px, 30px); }\r\n}\r\n\r\n.form-title {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n    margin-bottom: 32px;\r\n    position: relative;\r\n    padding-bottom: 16px;\r\n}\r\n\r\n.form-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 80px;\r\n    height: 4px;\r\n    background: var(--primary-gradient);\r\n    border-radius: 2px;\r\n    animation: lineExpand 1s ease 0.8s both;\r\n}\r\n\r\n@keyframes lineExpand {\r\n    from { width: 0; }\r\n    to { width: 80px; }\r\n}\r\n\r\n\/* Form Fields *\/\r\n.form-group {\r\n    margin-bottom: 24px;\r\n    animation: fadeInUp 0.6s ease both;\r\n}\r\n\r\n.form-group:nth-child(1) { animation-delay: 1s; }\r\n.form-group:nth-child(2) { animation-delay: 1.1s; }\r\n.form-group:nth-child(3) { animation-delay: 1.2s; }\r\n\r\n.form-label {\r\n    display: block;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.required {\r\n    color: #f5576c;\r\n    margin-left: 4px;\r\n}\r\n\r\n.form-input,\r\n.form-textarea {\r\n    width: 100%;\r\n    padding: 16px 20px;\r\n    font-size: 16px;\r\n    font-family: inherit;\r\n    color: var(--text-dark);\r\n    background: #f8f9fa;\r\n    border: 2px solid transparent;\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n    outline: none;\r\n}\r\n\r\n.form-input:focus,\r\n.form-textarea:focus {\r\n    background: white;\r\n    border-color: var(--accent-color);\r\n    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.15);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.form-textarea {\r\n    min-height: 150px;\r\n    resize: vertical;\r\n}\r\n\r\n\/* Submit Button with Effects *\/\r\n.submit-btn {\r\n    width: 100%;\r\n    padding: 18px 40px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: white;\r\n    background: var(--primary-gradient);\r\n    border: none;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n    animation: fadeInUp 0.6s ease 1.3s both;\r\n}\r\n\r\n.submit-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    background: rgba(255,255,255,0.3);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.6s, height 0.6s;\r\n}\r\n\r\n.submit-btn:hover::before {\r\n    width: 400px;\r\n    height: 400px;\r\n}\r\n\r\n.submit-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);\r\n}\r\n\r\n.submit-btn:active {\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.submit-btn:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\/* Status Messages - Proper Solution *\/\r\n.form-status {\r\n    padding: 16px 24px;\r\n    border-radius: 12px;\r\n    margin-top: 24px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n    transition: all 0.5s ease;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.form-status.success,\r\n.form-status.error {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    max-height: 200px;\r\n}\r\n\r\n.form-status.success {\r\n    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);\r\n    color: #155724;\r\n    border: 2px solid #c3e6cb;\r\n}\r\n\r\n.form-status.error {\r\n    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);\r\n    color: #721c24;\r\n    border: 2px solid #f5c6cb;\r\n}\r\n\r\n\/* Map Section *\/\r\n.contact-map {\r\n    margin: 60px auto 0;\r\n    max-width: 1200px;\r\n    height: 500px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow-lg);\r\n    opacity: 0;\r\n    animation: fadeInUp 1s ease 0.5s both;\r\n}\r\n\r\n.contact-map iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n    filter: grayscale(20%);\r\n    transition: filter 0.3s ease;\r\n}\r\n\r\n.contact-map:hover iframe {\r\n    filter: grayscale(0%);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1024px) {\r\n    .contact-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .contact-header {\r\n        padding: 80px 40px 60px;\r\n    }\r\n    .contact-main {\r\n        padding: 60px 40px;\r\n    }\r\n    .contact-form-wrapper {\r\n        padding: 36px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .contact-header h2 {\r\n        font-size: 42px;\r\n    }\r\n    .contact-tagline {\r\n        font-size: 20px;\r\n    }\r\n    .contact-description {\r\n        font-size: 16px;\r\n    }\r\n    .contact-header {\r\n        padding: 60px 30px 50px;\r\n    }\r\n    .contact-main {\r\n        padding: 50px 30px;\r\n    }\r\n    .contact-form-wrapper {\r\n        padding: 28px;\r\n    }\r\n    .info-card {\r\n        padding: 24px;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .contact-header h2 {\r\n        font-size: 32px;\r\n    }\r\n    .contact-tagline {\r\n        font-size: 18px;\r\n    }\r\n    .contact-description {\r\n        font-size: 15px;\r\n    }\r\n    .contact-header {\r\n        padding: 50px 20px 40px;\r\n    }\r\n    .contact-main {\r\n        padding: 40px 20px;\r\n    }\r\n    .contact-form-wrapper {\r\n        padding: 24px;\r\n    }\r\n    .form-title {\r\n        font-size: 24px;\r\n    }\r\n    .info-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n    .info-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n    .contact-map {\r\n        height: 350px;\r\n    }\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n<\/style>\r\n\r\n<div class=\"contact-container\">\r\n    \r\n    <section class=\"contact-header\">\r\n        <div class=\"header-content\">\r\n            <h2>\u06c1\u0645 \u0633\u06d2 \u0631\u0627\u0628\u0637\u06c1 \u06a9\u0631\u06cc\u06ba<\/h2>\r\n            <p class=\"contact-tagline\">\u0622\u0631\u0627\u0645 \u0633\u06d2 \u0633\u0641\u0631 \u06a9\u0631\u06cc\u06ba\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646\u0650 \u062e\u0627\u0637\u0631 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u062f\u0639\u0627 \u06a9\u0631\u06cc\u06ba \u2764\ufe0f<\/p>\r\n            <p class=\"contact-description\">\u06c1\u0648\u0627\u0626\u06cc \u0627\u0688\u06d2 \u0633\u06d2 \u0645\u06a9\u06c1 \u0627\u0648\u0631 \u0645\u062f\u06cc\u0646\u06c1 \u0645\u06cc\u06ba \u0645\u0642\u062f\u0633 \u0645\u0642\u0627\u0645\u0627\u062a \u0627\u0648\u0631 \u06c1\u0648\u0679\u0644\u0648\u06ba \u062a\u06a9 \u0628\u0644\u0627 \u0631\u06a9\u0627\u0648\u0679 \u0646\u0642\u0644 \u0648 \u062d\u0645\u0644<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"contact-main\">\r\n        <div class=\"contact-grid\">\r\n            \r\n            <div class=\"contact-info\">\r\n                <div class=\"info-card\">\r\n                    <div class=\"info-icon\">\r\n                        <svg viewbox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\">\r\n                            <path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"info-title\">\u067e\u062a\u06c1<\/h3>\r\n                    <p class=\"info-details\">\u0645\u06a9\u06c1<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"info-card\">\r\n                    <div class=\"info-icon\">\r\n                        <svg viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\">\r\n                            <path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"info-title\">\u0627\u06cc \u0645\u06cc\u0644<\/h3>\r\n                    <p class=\"info-details\">info@saudi-transportation.com<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"info-card\">\r\n                    <div class=\"info-icon\">\r\n                        <svg viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\">\r\n                            <path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"info-title\">\u06c1\u0645\u06cc\u06ba \u06a9\u0627\u0644 \u06a9\u0631\u06cc\u06ba<\/h3>\r\n                    <p class=\"info-details\">\r\n                        <span class=\"mobile\">+966 55 840 2885<\/span><br>\r\n                        <span class=\"mobile\">+966 54 200 4926<\/span><br>\r\n                        24\/7 \u062f\u0633\u062a\u06cc\u0627\u0628\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            \r\n            <div class=\"contact-form-wrapper\">\r\n                <h3 class=\"form-title\">\u06c1\u0645\u06cc\u06ba \u067e\u06cc\u063a\u0627\u0645 \u0628\u06be\u06cc\u062c\u06cc\u06ba<\/h3>\r\n                \r\n                <form id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/xnngwkdo\" method=\"POST\">\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">\u0646\u0627\u0645<span class=\"required\">*<\/span><\/label>\r\n                        <input type=\"text\" name=\"name\" class=\"form-input\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">\u0627\u06cc \u0645\u06cc\u0644<span class=\"required\">*<\/span><\/label>\r\n                        <input type=\"email\" name=\"email\" class=\"form-input\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">\u0622\u067e \u06a9\u0627 \u067e\u06cc\u063a\u0627\u0645<\/label>\r\n                        <textarea name=\"message\" class=\"form-textarea\" rows=\"5\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <input type=\"hidden\" name=\"_replyto\" value=\"info@saudi-transportation.com\">\r\n                    <input type=\"hidden\" name=\"_subject\" value=\"New message from Dhawahi AlHejaz website\">\r\n\r\n                    <button type=\"submit\" class=\"submit-btn\">\u067e\u06cc\u063a\u0627\u0645 \u0628\u06be\u06cc\u062c\u06cc\u06ba<\/button>\r\n                <\/form>\r\n                \r\n                <div id=\"formStatus\" class=\"form-status\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"contact-map\">\r\n            <iframe src=\"https:\/\/maps.google.com\/maps?q=Mecca%20%2C%20saudi%20arabia&amp;t=m&amp;z=10&amp;output=embed&amp;iwloc=near\" \r\n                    loading=\"lazy\" \r\n                    title=\"\u0645\u06a9\u06c1 \u0645\u06cc\u06ba \u06c1\u0645\u0627\u0631\u0627 \u0645\u0642\u0627\u0645\"><\/iframe>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    const form = document.getElementById('contactForm');\r\n    const formStatus = document.getElementById('formStatus');\r\n    \r\n    if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const submitBtn = form.querySelector('.submit-btn');\r\n            const originalText = submitBtn.textContent;\r\n            \r\n            \/\/ Hide previous message\r\n            formStatus.className = 'form-status';\r\n            formStatus.innerHTML = '';\r\n            \r\n            \/\/ Disable button\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '\u23f3 Sending...';\r\n            \r\n            const formData = new FormData(form);\r\n            \r\n            fetch(form.action, {\r\n                method: 'POST',\r\n                body: formData,\r\n                headers: {\r\n                    'Accept': 'application\/json'\r\n                }\r\n            })\r\n            .then(function(response) {\r\n                if (response.ok) {\r\n                    \/\/ Success message\r\n                    formStatus.innerHTML = '<strong>\u2705 Your message has been sent successfully!<\/strong><br>We will contact you soon.';\r\n                    formStatus.className = 'form-status success';\r\n                    form.reset();\r\n                    \r\n                    \/\/ Hide after 8 seconds\r\n                    setTimeout(function() {\r\n                        formStatus.className = 'form-status';\r\n                        formStatus.innerHTML = '';\r\n                    }, 8000);\r\n                } else {\r\n                    throw new Error('Error');\r\n                }\r\n            })\r\n            .catch(function(error) {\r\n                \/\/ Error message\r\n                formStatus.innerHTML = '<strong>\u274c Sorry, an error occurred!<\/strong><br>Please try again or contact us directly.';\r\n                formStatus.className = 'form-status error';\r\n                \r\n                \/\/ Hide after 10 seconds\r\n                setTimeout(function() {\r\n                    formStatus.className = 'form-status';\r\n                    formStatus.innerHTML = '';\r\n                }, 10000);\r\n            })\r\n            .finally(function() {\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = originalText;\r\n            });\r\n        });\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact Us Travel relaxed, pray with peace of mind \u2764\ufe0f Seamless transportation from the airport to holy sites and hotels [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/pages\/1000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/comments?post=1000"}],"version-history":[{"count":88,"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/pages\/1000\/revisions"}],"predecessor-version":[{"id":3474,"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/pages\/1000\/revisions\/3474"}],"wp:attachment":[{"href":"https:\/\/saudi-transportation.com\/ur\/wp-json\/wp\/v2\/media?parent=1000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69ea6d67190636e6948836ec. Config Timestamp: 2026-04-23 19:05:11 UTC, Cached Timestamp: 2026-05-26 19:37:37 UTC -->