Morocco Desert Safari Tour | Discover the Magic of Morocco
:root {
–gold: #c58b3a;
–terracotta: #a95735;
–brown: #30251d;
–ivory: #faf7f0;
–ink: #282522;
–muted: #77716b;
–white: #fff;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: “DM Sans”, sans-serif;
color: var(–ink);
line-height: 1.7;
}
h1, h2, h3 {
font-family: “Playfair Display”, serif;
line-height: 1.2;
}
a {
text-decoration: none;
color: inherit;
}
img {
display: block;
width: 100%;
object-fit: cover;
}
.wrap {
width: min(1160px, 90%);
margin: auto;
}
.section {
padding: 88px 0;
}
.eyebrow {
color: var(–gold);
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.section-head {
text-align: center;
margin: 0 auto 44px;
max-width: 700px;
}
.section-head h2 {
font-size: clamp(30px, 4vw, 44px);
margin: 12px 0;
}
.section-head p {
color: var(–muted);
}
.btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 25px;
background: var(–terracotta);
color: #fff;
border-radius: 4px;
font-weight: 700;
transition: .25s;
}
.btn:hover {
background: var(–gold);
transform: translateY(-2px);
}
.btn.alt {
background: transparent;
border: 1px solid #fff;
}
.btn.alt:hover {
background: #fff;
color: var(–brown);
}
/* HEADER */
header {
position: absolute;
inset: 0 0 auto;
z-index: 10;
padding: 20px 0;
}
.nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
color: #fff;
font-family: “Playfair Display”, serif;
font-size: 20px;
font-weight: 700;
}
.brand img {
width: 62px;
height: 62px;
object-fit: contain;
}
.brand span {
color: #f0c77b;
}
.navlinks {
display: flex;
gap: 25px;
list-style: none;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.navlinks a:hover {
color: #f0c77b;
}
.menu {
display: none;
background: none;
border: 0;
color: #fff;
font-size: 25px;
}
/* HERO */
.hero {
min-height: 100vh;
display: grid;
place-items: center;
text-align: center;
color: #fff;
background:
linear-gradient(
90deg,
rgba(25,19,14,.58),
rgba(25,19,14,.25)
),
url(“images/merzouga-erg-chebbi-camel-hero.jpg”)
center/cover no-repeat;
padding: 130px 0 70px;
}
.hero-inner {
max-width: 850px;
}
.hero .eyebrow {
color: #f0c77b;
}
.hero h1 {
font-size: clamp(42px, 7vw, 76px);
margin: 18px 0 22px;
}
.hero h1 em {
color: #f0c77b;
font-style: normal;
}
.hero p {
max-width: 680px;
margin: 0 auto 30px;
color: #f5f1eb;
font-size: 18px;
}
.actions {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
/* ABOUT */
.intro {
background: var(–ivory);
}
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 55px;
align-items: center;
}
.photo {
height: 460px;
border-radius: 9px;
overflow: hidden;
}
.copy h2 {
font-size: clamp(30px, 4vw, 43px);
margin: 12px 0 20px;
}
.copy p {
color: var(–muted);
margin-bottom: 17px;
}
/* TOUR CARDS */
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
}
.card {
border-radius: 8px;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 28px #30251d12;
transition: .25s;
}
.card:hover {
transform: translateY(-6px);
}
.card img {
height: 245px;
}
.card-body {
padding: 24px;
}
.duration {
font-size: 12px;
color: var(–terracotta);
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.card h3 {
font-size: 23px;
margin: 10px 0;
}
.card p {
color: var(–muted);
font-size: 14px;
margin-bottom: 18px;
}
.text-link {
font-weight: 700;
color: var(–terracotta);
}
/* DESTINATIONS */
.tinted {
background: var(–ivory);
}
.places {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.place {
height: 330px;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.place img {
height: 100%;
transition: .4s;
}
.place:hover img {
transform: scale(1.06);
}
.place:after {
content: “”;
position: absolute;
inset: 0;
background: linear-gradient(
transparent,
rgba(20,15,10,.8)
);
}
.place-caption {
position: absolute;
z-index: 1;
bottom: 23px;
left: 23px;
color: #fff;
}
.place-caption h3 {
font-size: 27px;
}
/* EXPERIENCES */
.experiences {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.experience {
padding: 30px 20px;
text-align: center;
background: var(–ivory);
border-radius: 8px;
}
.experience i {
font-size: 32px;
color: var(–gold);
margin-bottom: 14px;
}
.experience h3 {
font-size: 20px;
margin-bottom: 9px;
}
.experience p {
font-size: 14px;
color: var(–muted);
}
/* WHY CHOOSE US */
.why {
background: var(–brown);
color: #fff;
}
.why p {
color: #d9d0c6;
}
.whylist {
display: grid;
gap: 22px;
margin-top: 25px;
}
.whyitem {
display: flex;
gap: 16px;
}
.whyitem i {
color: #e0b263;
font-size: 24px;
margin-top: 4px;
}
.whyitem h3 {
font-size: 20px;
margin-bottom: 5px;
}
/* CONTACT CTA */
.cta {
background:
linear-gradient(
rgba(35,25,18,.66),
rgba(35,25,18,.66)
),
url(“images/merzouga-desert-camp-sunset.jpg”)
center/cover no-repeat;
text-align: center;
color: #fff;
}
.cta h2 {
font-size: clamp(30px, 4vw, 45px);
margin-bottom: 15px;
}
.cta p {
max-width: 680px;
margin: 0 auto 25px;
color: #f1e9df;
}
/* FOOTER */
footer {
background: #201a15;
color: #fff;
padding: 55px 0 22px;
}
.footgrid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 40px;
margin-bottom: 35px;
}
.footgrid p,
.footgrid a {
color: #c7beb4;
}
.footgrid h3 {
font-size: 20px;
margin-bottom: 16px;
}
.footgrid ul {
list-style: none;
display: grid;
gap: 10px;
}
.social {
display: flex;
gap: 14px;
margin-top: 18px;
}
.social a {
width: 38px;
height: 38px;
border: 1px solid #71665a;
border-radius: 50%;
display: grid;
place-items: center;
}
.copyright {
text-align: center;
border-top: 1px solid #4a4037;
padding-top: 20px;
color: #aaa096;
font-size: 13px;
}
/* RESPONSIVE DESIGN */
@media(max-width:850px) {
.two-col {
grid-template-columns: 1fr;
}
.cards,
.places {
grid-template-columns: repeat(2, 1fr);
}
.experiences {
grid-template-columns: repeat(2, 1fr);
}
.footgrid {
grid-template-columns: 1fr 1fr;
}
}
@media(max-width:620px) {
.menu {
display: block;
}
.navlinks {
display: none;
position: absolute;
top: 85px;
left: 5%;
width: 90%;
padding: 22px;
background: var(–brown);
border-radius: 6px;
flex-direction: column;
gap: 16px;
}
.navlinks.open {
display: flex;
}
.cards,
.places,
.experiences,
.footgrid {
grid-template-columns: 1fr;
}
.hero p {
font-size: 16px;
}
.photo {
height: 330px;
}
.section {
padding: 65px 0;
}
.brand {
font-size: 16px;
}
.brand img {
width: 48px;
height: 48px;
}
}
Discover the magic of Morocco
Explore Morocco.
Experience the extraordinary.
Journey from the golden Erg Chebbi dunes to mountain
villages and ancient kasbahs. Discover Morocco through
memorable adventures and warm local hospitality.
Welcome to Morocco
Discover Morocco through local eyes
Morocco is a land of extraordinary contrasts,
where ancient traditions meet breathtaking landscapes.
From vibrant cities to the peaceful Sahara,
every journey reveals something special.
Morocco Desert Safari Tour invites you to discover
the culture, scenery, and hospitality of Morocco
through carefully planned desert journeys
and authentic experiences.
Dreaming of a camel ride at sunset, a night in a
Sahara camp, or a 4×4 adventure across the dunes?
Your Moroccan journey begins here.
Find Your Adventure
Our adventures
Discover Our Featured Tours
Explore memorable journeys through the landscapes
and culture of Morocco.
3 Days / 2 Nights
Marrakech to Merzouga Desert Tour
Cross the High Atlas, discover kasbahs,
ride camels into the dunes, and stay
at a desert camp near Merzouga.
Discover This Tour →
4 Days / 3 Nights
Merzouga Desert Adventure
Enjoy more time around the Sahara with
desert activities, scenic routes,
and a memorable camp stay.
Discover This Tour →
5 Days / 4 Nights
Atlas Mountains & Sahara Journey
Combine mountain scenery, historic kasbahs,
and the golden dunes of Morocco’s Sahara.
Discover This Tour →
Explore Morocco
Remarkable Destinations
Discover places that make Morocco
a fascinating destination.
Merzouga & Erg Chebbi
Golden dunes and Sahara nights
Marrakech
Historic streets and vibrant souks
High Atlas Mountains
Beautiful mountain landscapes
Authentic experiences
Experience Morocco Differently
Make your journey unforgettable with experiences
in and around Merzouga.
Camel Trekking
Ride across Erg Chebbi’s beautiful dunes at sunset.
Quad Biking
Explore the Merzouga desert by quad with a local guide.
Desert Camping
Spend a night in a camp beneath the Sahara stars.
4×4 Adventures
Discover desert tracks and landscapes by 4×4.
Why travel with us?
Your journey, our passion
Travel should be more than visiting places.
It should create meaningful memories and connect
you with the people and landscapes you discover.
Local knowledge
Explore the region with thoughtfully
planned routes and local insight.
Memorable experiences
Discover the Sahara, kasbahs,
mountains, and Moroccan culture.
Personal attention
We aim to make every journey welcoming,
comfortable, and memorable.
const toggle = document.getElementById(“menu”);
const links = document.getElementById(“navlinks”);
toggle.addEventListener(“click”, () => {
links.classList.toggle(“open”);
});
links.querySelectorAll(“a”).forEach(a => {
a.addEventListener(“click”, () => {
links.classList.remove(“open”);
});
});
document.getElementById(“year”).textContent =
new Date().getFullYear();
