{"id":504,"date":"2025-12-17T08:01:30","date_gmt":"2025-12-17T08:01:30","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=504"},"modified":"2025-12-17T11:26:11","modified_gmt":"2025-12-17T11:26:11","slug":"explore-tangier","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/fr\/explore-tangier\/","title":{"rendered":"D\u00e9couvrir Tanger"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"504\" class=\"elementor elementor-504\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebb270 e-con-full e-flex e-con e-parent\" data-id=\"6ebb270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f37f81 elementor-widget elementor-widget-html\" data-id=\"9f37f81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"title\" content=\"Explore Tangier | Gateway to Morocco's Northern Wonders\">\r\n<meta name=\"description\" content=\"Explore Tangier, the historic gateway between Europe and Africa. Discover our curated tours from Tangier to Chefchaouen, imperial cities, and Morocco's most iconic destinations.\">\r\n\r\n<div class=\"tangier-explore-page\">\r\n    <!-- SECTION 1 \u2013 BANNER -->\r\n    <section class=\"tangier-banner\" aria-label=\"Banni\u00e8re de la ville de Tanger\">\r\n        <div class=\"banner-overlay\">\r\n            <div class=\"banner-content\">\r\n                <h1>D\u00e9couvrir Tanger<\/h1>\r\n                <p class=\"banner-subtitle\">L\u00e0 o\u00f9 l'Europe rencontre l'Afrique sur le d\u00e9troit de Gibraltar<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2013 INTRO TEXT -->\r\n    <section class=\"intro-section\" aria-label=\"Introduction aux visites de Tanger\">\r\n        <div class=\"container\">\r\n            <p class=\"intro-text\">Pour <strong>D\u00e9couvrir Tanger<\/strong> est de commencer un voyage \u00e0 travers le riche carrefour culturel du Maroc. Cette ville portuaire historique, perch\u00e9e sur le d\u00e9troit de Gibraltar, offre un m\u00e9lange unique d'influences m\u00e9diterran\u00e9ennes et marocaines. De Tanger, nos circuits s'aventurent dans les rues bleues de Chefchaouen, dans les villes imp\u00e9riales de F\u00e8s et de Mekn\u00e8s, et au sud, dans le d\u00e9sert du Sahara, r\u00e9v\u00e9lant la beaut\u00e9 diverse du nord du Maroc.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2013 TOURS -->\r\n    <section class=\"tours-section\" aria-label=\"Visites guid\u00e9es \u00e0 Tanger\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">D\u00e9couvrez Tanger avec nos meilleurs circuits<\/h2>\r\n            <p class=\"section-description\">Depuis le port historique de Tanger, le voyage se poursuit vers les destinations les plus enchanteresses du Maroc, notamment Chefchaouen, les villes imp\u00e9riales et les circuits culturels complets.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"tours-container\">\r\n            <!-- Tour Card 1 - 14 Days Grand Cultural Tour -->\r\n            <article class=\"tour-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/printemps_tanger.jpg.webp\" \r\n                         alt=\"Explore Tangier and all of Morocco on a 14-day grand cultural tour\" \r\n                         loading=\"lazy\">\r\n                    <div class=\"date-badge\">\r\n                        <svg class=\"badge-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                            <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                        <\/svg>\r\n                        <span>14 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">14 jours de grand circuit culturel \u00e0 la d\u00e9couverte du Maroc depuis Tanger<\/h3>\r\n                    \r\n                    <div class=\"tour-info\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                    <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">14 jours<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Tanger<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Grand Tour<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"price-display\">\r\n                        <div class=\"price-label\">\r\n                            <svg class=\"price-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                                <path d=\"M12 7v5\"><\/path>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                            <span>De<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-value\">\r\n                            <span class=\"price-number\">3,000<\/span>\r\n                            <span class=\"price-currency\">\u20ac<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/alliancemoroccotours.com\/fr\/14-days-grand-cultural-tour-to-explore-morocco-from-tangier\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez 14 jours de grand circuit culturel pour explorer le Maroc \u00e0 partir de Tanger\">\r\n                        <svg class=\"cta-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                        <\/svg>\r\n                        R\u00e9server\r\n                    <\/a>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Tour Card 2 - 5 Days Tour -->\r\n            <article class=\"tour-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/7a.jpg\" \r\n                         alt=\"Explore Tangier and Chefchaouen on a 5-day tour to imperial cities\" \r\n                         loading=\"lazy\">\r\n                    <div class=\"date-badge\">\r\n                        <svg class=\"badge-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                            <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                        <\/svg>\r\n                        <span>5 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">Circuit de 5 jours \u00e0 Chefchaouen et aux villes imp\u00e9riales depuis Tanger<\/h3>\r\n                    \r\n                    <div class=\"tour-info\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                    <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">5 jours<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Tanger<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Circuit Nord<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"price-display\">\r\n                        <div class=\"price-label\">\r\n                            <svg class=\"price-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                                <path d=\"M12 7v5\"><\/path>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                            <span>De<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-value\">\r\n                            <span class=\"price-number\">1,050<\/span>\r\n                            <span class=\"price-currency\">\u20ac<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/alliancemoroccotours.com\/fr\/5-days-tour-to-chefchaouen-imperial-cities-from-tangier\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez 5 jours d&#039;excursion \u00e0 Chefchaouen et aux villes imp\u00e9riales depuis Tanger\">\r\n                        <svg class=\"cta-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                        <\/svg>\r\n                        R\u00e9server\r\n                    <\/a>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Tour Card 3 - 9 Days Tour -->\r\n            <article class=\"tour-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/2d.jpg\" \r\n                         alt=\"Explore Tangier, Chefchaouen and imperial cities on a 9-day comprehensive tour\" \r\n                         loading=\"lazy\">\r\n                    <div class=\"date-badge\">\r\n                        <svg class=\"badge-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                            <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                        <\/svg>\r\n                        <span>9 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">Circuit de 9 jours vers Chefchaouen et les villes imp\u00e9riales depuis Tanger<\/h3>\r\n                    \r\n                    <div class=\"tour-info\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                    <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">9 jours<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Tanger<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Tourn\u00e9e prolong\u00e9e<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"price-display\">\r\n                        <div class=\"price-label\">\r\n                            <svg class=\"price-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                                <path d=\"M12 7v5\"><\/path>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                            <span>De<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-value\">\r\n                            <span class=\"price-number\">1,650<\/span>\r\n                            <span class=\"price-currency\">\u20ac<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/alliancemoroccotours.com\/fr\/9-days-tour-to-chefchaouen-imperial-cities-from-tangier\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez 9 jours d&#039;excursion \u00e0 Chefchaouen et aux villes imp\u00e9riales depuis Tanger\">\r\n                        <svg class=\"cta-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                        <\/svg>\r\n                        R\u00e9server\r\n                    <\/a>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n.tangier-explore-page {\r\n    \/* Brand Colors - Matched exactly from your code *\/\r\n    --primary: #fe9f22;\r\n    --primary-dark: #e88f1e;\r\n    --primary-light: #fef9f0;\r\n    --dark: #111827;\r\n    --dark-800: #4b5563;\r\n    --dark-600: #6b7280;\r\n    --dark-400: #9ca3af;\r\n    --light: #ffffff;\r\n    --border: #e5e7eb;\r\n    --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n    --radius: 16px;\r\n    --radius-sm: 8px;\r\n    --radius-full: 999px;\r\n    \r\n    font-family: system-ui, -apple-system, sans-serif;\r\n    line-height: 1.6;\r\n    color: var(--dark);\r\n}\r\n\r\n\/* SECTION 1 \u2013 BANNER *\/\r\n.tangier-banner {\r\n    position: relative;\r\n    height: 65vh;\r\n    min-height: 500px;\r\n    background-image: linear-gradient(rgba(17, 24, 39, 0.7), rgba(17, 24, 39, 0.7)), \r\n                      url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/printemps_tanger.jpg.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 0 20px;\r\n}\r\n\r\n.banner-overlay {\r\n    max-width: 800px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.tangier-banner h1 {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    color: var(--light);\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.banner-subtitle {\r\n    font-size: 1.5rem;\r\n    font-weight: 300;\r\n    color: var(--light);\r\n    opacity: 0.9;\r\n    letter-spacing: 0.05em;\r\n}\r\n\r\n\/* SECTION 2 \u2013 INTRO TEXT *\/\r\n.intro-section {\r\n    padding: 5rem 0;\r\n    background: var(--light);\r\n}\r\n\r\n.container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.intro-text {\r\n    font-size: 1.25rem;\r\n    line-height: 1.8;\r\n    color: var(--dark);\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.intro-text strong {\r\n    color: var(--primary);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* SECTION 3 \u2013 TOURS (Using your exact tour card styles) *\/\r\n.tours-section {\r\n    \/* Container styles - Reduced padding *\/\r\n    max-width: 100%;\r\n    width: 100%;\r\n    padding: 40px 0 30px;\r\n    box-sizing: border-box;\r\n    display: block;\r\n    background: linear-gradient(to bottom, #fef9f0 0%, #ffffff 100%);\r\n}\r\n\r\n.section-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 32px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.section-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: var(--dark);\r\n    margin-bottom: 12px;\r\n    line-height: 1.2;\r\n    font-family: inherit;\r\n}\r\n\r\n.section-description {\r\n    font-size: 16px;\r\n    color: var(--dark-600);\r\n    line-height: 1.5;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    font-family: inherit;\r\n}\r\n\r\n.tours-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    max-width: 1200px;\r\n    margin: 0 auto 32px;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* Tour Card - Reduced spacing (Your exact styles) *\/\r\n.tour-card {\r\n    background: var(--light);\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    border: 1px solid var(--border);\r\n    box-shadow: var(--shadow);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    max-width: 100%;\r\n}\r\n\r\n.tour-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n}\r\n\r\n\/* Card Image - 280px height *\/\r\n.card-image {\r\n    position: relative;\r\n    height: 280px;\r\n    overflow: hidden;\r\n    width: 100%;\r\n}\r\n\r\n.card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n    display: block;\r\n}\r\n\r\n.tour-card:hover .card-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Date Badge *\/\r\n.date-badge {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background: var(--dark);\r\n    color: var(--light);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 12px;\r\n    border-radius: var(--radius-full);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    z-index: 2;\r\n}\r\n\r\n.badge-icon {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: var(--light);\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n\/* Card Content - Reduced padding *\/\r\n.card-content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    width: 100%;\r\n}\r\n\r\n\/* Tour Title - Reduced spacing *\/\r\n.tour-title {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--dark);\r\n    margin-bottom: 16px;\r\n    line-height: 1.4;\r\n    min-height: 50px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    font-family: inherit;\r\n}\r\n\r\n\/* Tour Info with Circular Icons - Reduced spacing *\/\r\n.tour-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 16px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.info-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    flex: 1;\r\n}\r\n\r\n.info-icon-circle {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 50%;\r\n    background: var(--primary-light);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 2px solid rgba(254, 159, 34, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tour-card:hover .info-icon-circle {\r\n    background: var(--primary);\r\n    border-color: var(--primary);\r\n}\r\n\r\n.info-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: var(--primary);\r\n    stroke-width: 2;\r\n    fill: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tour-card:hover .info-icon {\r\n    stroke: var(--light);\r\n}\r\n\r\n.info-text {\r\n    font-size: 12px;\r\n    color: var(--dark-600);\r\n    font-weight: 600;\r\n    text-align: center;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Price Display - Updated icon and reduced spacing *\/\r\n.price-display {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 20px;\r\n    padding: 12px 16px;\r\n    background: var(--primary-light);\r\n    border-radius: var(--radius-sm);\r\n    border: 1px solid rgba(254, 159, 34, 0.2);\r\n}\r\n\r\n.price-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.price-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: var(--dark-600);\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n.price-label span {\r\n    font-size: 14px;\r\n    color: var(--dark-600);\r\n    font-weight: 500;\r\n}\r\n\r\n.price-value {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 4px;\r\n}\r\n\r\n.price-number {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: var(--dark);\r\n}\r\n\r\n.price-currency {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--dark);\r\n}\r\n\r\n\/* CTA Button - Book Now *\/\r\n.tour-cta {\r\n    background: var(--primary);\r\n    color: var(--dark);\r\n    border: none;\r\n    border-radius: var(--radius-sm);\r\n    padding: 14px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    margin-top: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    font-family: inherit;\r\n    text-decoration: none;\r\n    text-align: center;\r\n}\r\n\r\n.tour-cta:hover {\r\n    background: var(--primary-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(254, 159, 34, 0.3);\r\n}\r\n\r\n.tour-cta:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n.cta-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: var(--dark);\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n\/* Mobile Responsiveness *\/\r\n@media (max-width: 1200px) {\r\n    .tangier-banner h1 {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .tours-container {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .section-description {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .tangier-banner {\r\n        height: 50vh;\r\n        min-height: 400px;\r\n    }\r\n    \r\n    .tangier-banner h1 {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .banner-subtitle {\r\n        font-size: 1.25rem;\r\n    }\r\n    \r\n    .intro-section {\r\n        padding: 3rem 0;\r\n    }\r\n    \r\n    .intro-text {\r\n        font-size: 1.125rem;\r\n    }\r\n    \r\n    .tours-section {\r\n        padding: 30px 0 20px;\r\n    }\r\n\r\n    .tours-container {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        max-width: 800px;\r\n        margin: 0 auto 24px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .card-image {\r\n        height: 260px; \/* Slightly smaller on mobile *\/\r\n    }\r\n\r\n    .tour-title {\r\n        font-size: 16px;\r\n        min-height: 48px;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 18px;\r\n    }\r\n    \r\n    .price-display {\r\n        padding: 10px 14px;\r\n        margin-bottom: 18px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .tours-container {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .tangier-banner h1 {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .banner-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .tours-container {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 16px;\r\n    }\r\n\r\n    .tour-info {\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-bottom: 14px;\r\n        padding-bottom: 14px;\r\n    }\r\n\r\n    .info-item {\r\n        flex: 0 0 calc(33.333% - 7px);\r\n    }\r\n\r\n    .info-icon-circle {\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n    \r\n    .info-icon {\r\n        width: 15px;\r\n        height: 15px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .tour-cta {\r\n        padding: 12px;\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .section-description {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .date-badge {\r\n        padding: 5px 10px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Explore Tangier Where Europe Meets Africa on the Strait of Gibraltar To Explore Tangier is to begin a journey through Morocco&#8217;s rich cultural crossroads. This historic port city, perched on the Strait of Gibraltar, offers a unique blend of Mediterranean and Moroccan influences. From Tangier, our tours venture to the blue-washed streets of Chefchaouen, the [&hellip;]<\/p>\n","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-504","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":4,"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/504\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/504\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/media?parent=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}