{"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\/it\/explore-casablanca\/","title":{"rendered":"Esplora 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=\"Casablanca City Banner\">\r\n        <div class=\"banner-overlay\">\r\n            <div class=\"banner-content\">\r\n                <h1>Esplora Casablanca<\/h1>\r\n                <p class=\"banner-subtitle\">Where Modern Marvels Meet Historic Charm<\/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 to Casablanca\">\r\n        <div class=\"container\">\r\n            <p class=\"intro-text\">To <strong>Esplora Casablanca<\/strong> is to discover Morocco'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.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2013 TOURS -->\r\n    <section class=\"tours-section\" aria-label=\"Featured Casablanca Tours\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">Explore Casablanca with Our Best Tours<\/h2>\r\n            <p class=\"section-description\">Viaggiate attraverso le citt\u00e0 imperiali, i deserti dorati e i paesaggi costieri nelle nostre avventure marocchine realizzate con competenza.<\/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 giorni<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">10 giorni di tour nel deserto per le citt\u00e0 imperiali e la costa da 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 giorni<\/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\">Tutto compreso<\/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>Da<\/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\/it\/10-days-desert-tour-to-imperial-cities-coast-from-casablanca\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Prenota 10 giorni di tour nel deserto per le citt\u00e0 imperiali e la costa da 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                        Prenota ora\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 Days<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">16 Days Tour From Casablanca To Explore Morocco<\/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 Days<\/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\">Comprehensive<\/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>Da<\/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\/it\/16-days-tour-from-casablanca-to-explore-morocco\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Book 16 Days Tour From Casablanca To Explore Morocco\">\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                        Prenota ora\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 Days<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">7 Days Desert Tour To Imperial Cities & North From 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 Days<\/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\">Desert & Cities<\/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>Da<\/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\/it\/7-days-desert-tour-to-imperial-cities-north-from-casablanca\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Book 7 Days Desert Tour To Imperial Cities & North From 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                        Prenota ora\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 giorni<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">5 Days Tour From Casablanca, Explore Fez, Meknes & 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 giorni<\/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\">Citt\u00e0 imperiali<\/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>Da<\/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\/it\/5-days-tour-from-casablanca-explore-fez-meknes-rabat\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Book 5 Days Tour From Casablanca, Explore Fez, Meknes & 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                        Prenota ora\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\/it\/wp-json\/wp\/v2\/pages\/500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/comments?post=500"}],"version-history":[{"count":13,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/500\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/500\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/media?parent=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}