{"id":682,"date":"2026-03-12T00:47:20","date_gmt":"2026-03-12T00:47:20","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=682"},"modified":"2026-03-12T00:48:26","modified_gmt":"2026-03-12T00:48:26","slug":"contact","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/tr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Us \u2013 Morocco Travel<\/title>\r\n <!-- Font Awesome 6 (free) -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* === CONTACT PAGE - UNIQUE PREFIX \"mtc\" === *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f9fafb;\r\n color: #1e293b;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ----- BANNER SECTION ----- *\/\r\n .mtc-banner {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .mtc-banner-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('YOUR_IMAGE_URL_HERE'); \/* REPLACE WITH YOUR IMAGE URL *\/\r\n background-size: cover;\r\n background-position: center 40%;\r\n filter: brightness(0.65) saturate(1.1);\r\n transition: transform 8s ease;\r\n z-index: 0;\r\n }\r\n\r\n .mtc-banner:hover .mtc-banner-bg {\r\n transform: scale(1.05);\r\n }\r\n\r\n .mtc-banner-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(15,23,42,0.6) 0%, rgba(30,41,59,0.4) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .mtc-banner-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .mtc-banner-subtitle {\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n background: rgba(208,146,61,0.25);\r\n backdrop-filter: blur(5px);\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(208,146,61,0.4);\r\n }\r\n\r\n .mtc-banner-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(36px, 8vw, 64px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n .mtc-banner-title span {\r\n color: #d0923d;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .mtc-banner-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 10px;\r\n background: rgba(208,146,61,0.3);\r\n z-index: -1;\r\n border-radius: 10px;\r\n }\r\n\r\n .mtc-banner-breadcrumb {\r\n display: flex;\r\n gap: 10px;\r\n font-size: 15px;\r\n color: rgba(255,255,255,0.8);\r\n }\r\n\r\n .mtc-banner-breadcrumb a {\r\n color: white;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .mtc-banner-breadcrumb a:hover {\r\n color: #d0923d;\r\n }\r\n\r\n .mtc-banner-breadcrumb i {\r\n font-size: 12px;\r\n color: #d0923d;\r\n }\r\n\r\n \/* ----- CONTACT SECTION ----- *\/\r\n .mtc-contact {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 80px 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 50px;\r\n background: white;\r\n }\r\n\r\n \/* Info Column *\/\r\n .mtc-info {\r\n padding-right: 30px;\r\n }\r\n\r\n .mtc-info-sub {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #d0923d;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .mtc-info-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #0f172a;\r\n line-height: 1.2;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .mtc-info-title span {\r\n color: #d0923d;\r\n }\r\n\r\n .mtc-info-desc {\r\n color: #475569;\r\n margin-bottom: 40px;\r\n font-size: 16px;\r\n line-height: 1.7;\r\n }\r\n\r\n .mtc-info-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .mtc-info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n\r\n .mtc-info-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(208,146,61,0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n border: 1px solid rgba(208,146,61,0.15);\r\n transition: all 0.3s;\r\n }\r\n\r\n .mtc-info-item:hover .mtc-info-icon {\r\n background: #d0923d;\r\n }\r\n\r\n .mtc-info-icon i {\r\n font-size: 20px;\r\n color: #d0923d;\r\n transition: all 0.3s;\r\n }\r\n\r\n .mtc-info-item:hover .mtc-info-icon i {\r\n color: white;\r\n }\r\n\r\n .mtc-info-content h4 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .mtc-info-content p, .mtc-info-content a {\r\n color: #475569;\r\n text-decoration: none;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n transition: color 0.2s;\r\n }\r\n\r\n .mtc-info-content a:hover {\r\n color: #d0923d;\r\n }\r\n\r\n .mtc-social {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n\r\n .mtc-social a {\r\n width: 42px;\r\n height: 42px;\r\n background: #f1f5f9;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #475569;\r\n font-size: 18px;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .mtc-social a:hover {\r\n background: #d0923d;\r\n color: white;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Form Column *\/\r\n .mtc-form-container {\r\n background: #f8fafc;\r\n border-radius: 30px;\r\n padding: 40px;\r\n box-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);\r\n border: 1px solid #edf2f7;\r\n }\r\n\r\n .mtc-form-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .mtc-form-title span {\r\n color: #d0923d;\r\n }\r\n\r\n .mtc-form-sub {\r\n color: #64748b;\r\n margin-bottom: 30px;\r\n font-size: 15px;\r\n }\r\n\r\n .mtc-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .mtc-form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .mtc-form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n .mtc-form-group label {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #334155;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .mtc-form-group label i {\r\n color: #d0923d;\r\n font-size: 14px;\r\n }\r\n\r\n .mtc-form-group input,\r\n .mtc-form-group textarea,\r\n .mtc-form-group select {\r\n padding: 14px 18px;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 16px;\r\n font-size: 15px;\r\n transition: all 0.2s;\r\n background: white;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .mtc-form-group input:focus,\r\n .mtc-form-group textarea:focus,\r\n .mtc-form-group select:focus {\r\n outline: none;\r\n border-color: #d0923d;\r\n box-shadow: 0 0 0 3px rgba(208,146,61,0.1);\r\n }\r\n\r\n .mtc-form-group textarea {\r\n min-height: 120px;\r\n resize: vertical;\r\n }\r\n\r\n .mtc-form-btn {\r\n background: linear-gradient(135deg, #d0923d, #b37a34);\r\n color: white;\r\n border: none;\r\n padding: 16px 32px;\r\n border-radius: 60px;\r\n font-weight: 700;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-top: 10px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n box-shadow: 0 10px 25px rgba(208,146,61,0.3);\r\n }\r\n\r\n .mtc-form-btn:hover {\r\n background: linear-gradient(135deg, #b37a34, #d0923d);\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 30px rgba(208,146,61,0.4);\r\n }\r\n\r\n .mtc-form-btn i {\r\n transition: transform 0.3s;\r\n }\r\n\r\n .mtc-form-btn:hover i {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Map Section *\/\r\n .mtc-map {\r\n max-width: 1200px;\r\n margin: 0 auto 80px;\r\n padding: 0 30px;\r\n }\r\n\r\n .mtc-map-container {\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px -15px rgba(0,0,0,0.15);\r\n border: 1px solid #edf2f7;\r\n }\r\n\r\n .mtc-map iframe {\r\n width: 100%;\r\n height: 400px;\r\n display: block;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 992px) {\r\n .mtc-contact {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n padding: 60px 30px;\r\n }\r\n\r\n .mtc-info {\r\n padding-right: 0;\r\n }\r\n\r\n .mtc-banner {\r\n height: 380px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mtc-form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .mtc-banner-content {\r\n padding: 0 20px;\r\n }\r\n\r\n .mtc-info-title {\r\n font-size: 32px;\r\n }\r\n\r\n .mtc-form-container {\r\n padding: 30px 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .mtc-banner {\r\n height: 320px;\r\n }\r\n\r\n .mtc-contact {\r\n padding: 40px 20px;\r\n }\r\n\r\n .mtc-map {\r\n padding: 0 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .mtc-map iframe {\r\n height: 300px;\r\n }\r\n\r\n .mtc-info-items {\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* remove body margin *\/\r\n body {\r\n margin: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- CONTACT PAGE BANNER -->\r\n <section class=\"mtc-banner\">\r\n <!-- Background image - REPLACE URL BELOW -->\r\n <div class=\"mtc-banner-bg\" style=\"background-image: url('YOUR_IMAGE_URL_HERE');\"><\/div>\r\n <div class=\"mtc-banner-overlay\"><\/div>\r\n <div class=\"mtc-banner-content\">\r\n <span class=\"mtc-banner-subtitle\">Get in touch<\/span>\r\n <h1 class=\"mtc-banner-title\">Contact <span>Morocco Travel<\/span><\/h1>\r\n <div class=\"mtc-banner-breadcrumb\">\r\n <a href=\"https:\/\/moroccotravel.ai\/tr\/\">Home<\/a>\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <span>Contact<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CONTACT SECTION -->\r\n <section class=\"mtc-contact\">\r\n <!-- Left Info Column -->\r\n <div class=\"mtc-info\">\r\n <div class=\"mtc-info-sub\">Reach out<\/div>\r\n <h2 class=\"mtc-info-title\">Let's Plan Your <span>Morocco Adventure<\/span><\/h2>\r\n <p class=\"mtc-info-desc\">Whether you have a question about our tours, need help planning your itinerary, or just want to say hello, we're here to help.<\/p>\r\n\r\n <div class=\"mtc-info-items\">\r\n <!-- Phone -->\r\n <div class=\"mtc-info-item\">\r\n <div class=\"mtc-info-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <div class=\"mtc-info-content\">\r\n <h4>Call Us<\/h4>\r\n <p><a href=\"tel:+212676606912\">+212 676 606 912<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Email -->\r\n <div class=\"mtc-info-item\">\r\n <div class=\"mtc-info-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"mtc-info-content\">\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:info@moroccotravel.ai\">info@moroccotravel.ai<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Office -->\r\n <div class=\"mtc-info-item\">\r\n <div class=\"mtc-info-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"mtc-info-content\">\r\n <h4>Office<\/h4>\r\n <p>Marrakech, Morocco 40000<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Social Icons -->\r\n <div class=\"mtc-social\">\r\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n \r\n <a href=\"#\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Form Column -->\r\n <div class=\"mtc-form-container\">\r\n <h3 class=\"mtc-form-title\">Send us a <span>Message<\/span><\/h3>\r\n <p class=\"mtc-form-sub\">We'll get back to you within 24 hours<\/p>\r\n\r\n <form class=\"mtc-form\" action=\"\">\r\n <div class=\"mtc-form-row\">\r\n <div class=\"mtc-form-group\">\r\n <label><i class=\"fas fa-user\"><\/i> Name<\/label>\r\n <input type=\"text\" placeholder=\"Your full name\">\r\n <\/div>\r\n <div class=\"mtc-form-group\">\r\n <label><i class=\"fas fa-envelope\"><\/i> Email<\/label>\r\n <input type=\"email\" placeholder=\"your@email.com\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mtc-form-row\">\r\n <div class=\"mtc-form-group\">\r\n <label><i class=\"fas fa-phone\"><\/i> Phone<\/label>\r\n <input type=\"tel\" placeholder=\"+212 ...\">\r\n <\/div>\r\n <div class=\"mtc-form-group\">\r\n <label><i class=\"fas fa-globe\"><\/i> Tour Interest<\/label>\r\n <select>\r\n <option>Select a tour<\/option>\r\n <option>Sahara Desert<\/option>\r\n <option>Atlas Mountains<\/option>\r\n <option>Marrakech Tours<\/option>\r\n <option>Coastal Morocco<\/option>\r\n <option>Custom Tour<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mtc-form-group\">\r\n <label><i class=\"fas fa-comment\"><\/i> Message<\/label>\r\n <textarea placeholder=\"Tell us about your travel plans...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"mtc-form-btn\">\r\n Send Message <i class=\"fas fa-paper-plane\"><\/i>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"tr\"\/><\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAP SECTION -->\r\n <section class=\"mtc-map\">\r\n <div class=\"mtc-map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d33985.943447694636!2d-8.042931345050045!3d31.634602339979623!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xdafee8d96179e51%3A0x5b4c6f2e2a9f5c1a!2sMarrakech%2C%20Morocco!5e0!3m2!1sen!2sus!4v1710345678901!5m2!1sen!2sus\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 Morocco Travel Get in touch Contact Morocco Travel Home Contact Reach out Let’s Plan Your Morocco Adventure Whether you have a question about our tours, need help planning your itinerary, or just want to say hello, we’re here to help. Call Us +212 676 606 912 Email info@moroccotravel.ai Office Marrakech, Morocco 40000 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-682","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/pages\/682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/comments?post=682"}],"version-history":[{"count":7,"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/pages\/682\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/pages\/682\/revisions\/689"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/tr\/wp-json\/wp\/v2\/media?parent=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}