{"id":500,"date":"2025-12-17T07:59:58","date_gmt":"2025-12-17T07:59:58","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=500"},"modified":"2025-12-17T11:25:46","modified_gmt":"2025-12-17T11:25:46","slug":"explore-casablanca","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/fr\/explore-casablanca\/","title":{"rendered":"Explorer Casablanca"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"500\" class=\"elementor elementor-500\" 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 Casablanca | Luxury Tours & Cultural Adventures\">\r\n<meta name=\"description\" content=\"Explore Casablanca's unique blend of historic architecture, modern culture, and stunning coastline. Discover premium guided tours through Morocco's economic capital.\">\r\n\r\n<div class=\"casablanca-explore-page\">\r\n    <!-- SECTION 1 \u2013 BANNER -->\r\n    <section class=\"casablanca-banner\" aria-label=\"Banni\u00e8re de la ville de Casablanca\">\r\n        <div class=\"banner-overlay\">\r\n            <div class=\"banner-content\">\r\n                <h1>Explorer Casablanca<\/h1>\r\n                <p class=\"banner-subtitle\">L\u00e0 o\u00f9 les merveilles modernes rencontrent le charme historique<\/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 \u00e0 Casablanca\">\r\n        <div class=\"container\">\r\n            <p class=\"intro-text\">Pour <strong>Explorer Casablanca<\/strong> est de d\u00e9couvrir le c\u0153ur \u00e9conomique dynamique du Maroc, o\u00f9 l'architecture Art d\u00e9co rencontre le design mauresque le long d'un littoral atlantique \u00e9poustouflant. Cette ville cosmopolite marie admirablement son h\u00e9ritage historique colonial fran\u00e7ais \u00e0 la culture africaine contemporaine, offrant aux visiteurs une porte d'entr\u00e9e unique vers des exp\u00e9riences marocaines authentiques.<\/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 Casablanca\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">D\u00e9couvrez Casablanca avec nos meilleurs circuits<\/h2>\r\n            <p class=\"section-description\">Voyagez \u00e0 travers les villes imp\u00e9riales, les d\u00e9serts dor\u00e9s et les paysages c\u00f4tiers lors de nos aventures marocaines con\u00e7ues par des experts.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"tours-container\">\r\n            <!-- Tour Card 1 - 10 Days Desert 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\/casablanca-maroc.jpg.1920x0_q85_format-jpg.jpg\" \r\n                         alt=\"Casablanca cityscape with Hassan II Mosque overlooking the ocean\" \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>10 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">10 jours de visite du d\u00e9sert, des villes imp\u00e9riales et de la c\u00f4te au d\u00e9part de Casablanca<\/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\">10 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\">Casablanca<\/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\">Tout compris<\/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,850<\/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\/10-days-desert-tour-to-imperial-cities-coast-from-casablanca\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez 10 jours d&#039;excursion dans le d\u00e9sert vers les villes imp\u00e9riales et la c\u00f4te depuis Casablanca\">\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 - 16 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\/db.jpg\" \r\n                         alt=\"Explore Casablanca and Morocco's diverse landscapes on a 16-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>16 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">Circuit de 16 jours au d\u00e9part de Casablanca pour d\u00e9couvrir le Maroc<\/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\">16 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\">Casablanca<\/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\">Complet<\/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,300<\/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\/16-days-tour-from-casablanca-to-explore-morocco\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez un circuit de 16 jours au d\u00e9part de Casablanca pour d\u00e9couvrir le Maroc\">\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 - 7 Days Desert 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\/tour-hassan-rabat-morocco-by-migel.jpg\" \r\n                         alt=\"Explore Casablanca and imperial cities on a 7-day desert and 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>7 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">Circuit de 7 jours dans le d\u00e9sert vers les villes imp\u00e9riales et le nord au d\u00e9part de Casablanca<\/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\">7 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\">Casablanca<\/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\">D\u00e9sert et villes<\/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,500<\/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\/7-days-desert-tour-to-imperial-cities-north-from-casablanca\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez 7 jours d&#039;excursion dans le d\u00e9sert vers les villes imp\u00e9riales et le nord \u00e0 partir de Casablanca\">\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 4 - 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\/Visiter-Fes-au-Maroc-1.jpeg\" \r\n                         alt=\"Explore Casablanca and historic imperial cities on a 5-day 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>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 au d\u00e9part de Casablanca, \u00e0 la d\u00e9couverte de F\u00e8s, Mekn\u00e8s et Rabat<\/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\">Casablanca<\/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\">Villes imp\u00e9riales<\/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\">950<\/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-from-casablanca-explore-fez-meknes-rabat\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"R\u00e9servez un circuit de 5 jours au d\u00e9part de Casablanca, \u00e0 la d\u00e9couverte de F\u00e8s, Mekn\u00e8s et Rabat.\">\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.casablanca-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.casablanca-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\/iStock-2152434554-MOBILE_HEADER.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.casablanca-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    .casablanca-banner h1 {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .tours-container {\r\n        grid-template-columns: repeat(2, 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    .casablanca-banner {\r\n        height: 50vh;\r\n        min-height: 400px;\r\n    }\r\n    \r\n    .casablanca-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: 1fr;\r\n        max-width: 500px;\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: 480px) {\r\n    .casablanca-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 Casablanca Where Modern Marvels Meet Historic Charm To Explore Casablanca is to discover Morocco&#8217;s vibrant economic heart, where Art Deco architecture meets Moorish design along a stunning Atlantic coastline. This cosmopolitan city beautifully blends its historic French-colonial heritage with contemporary African culture, offering visitors a unique gateway to authentic Moroccan experiences. Explore Casablanca with [&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-500","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/500","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=500"}],"version-history":[{"count":13,"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/500\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/500\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/fr\/wp-json\/wp\/v2\/media?parent=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}