#taroudant .city-layout,
#tiznit .city-layout,
#ouarzazate .city-layout,
#kalaat-mgouna .city-layout,
#tinghir .city-layout,
#zagora .city-layout,
#mhamid-el-ghizlane .city-layout,
#merzouga .city-layout,
#erfoud .city-layout,
#rissani .city-layout,
#taroudant .text-panel,
#tiznit .text-panel,
#ouarzazate .text-panel,
#kalaat-mgouna .text-panel,
#tinghir .text-panel,
#zagora .text-panel,
#mhamid-el-ghizlane .text-panel,
#merzouga .text-panel,
#erfoud .text-panel,
#rissani .text-panel,
#taroudant .photo-mosaic.six-rect,
#tiznit .photo-mosaic.six-rect,
#ouarzazate .photo-mosaic.six-rect,
#kalaat-mgouna .photo-mosaic.six-rect,
#tinghir .photo-mosaic.six-rect,
#zagora .photo-mosaic.six-rect,
#mhamid-el-ghizlane .photo-mosaic.six-rect,
#merzouga .photo-mosaic.six-rect,
#erfoud .photo-mosaic.six-rect,
#rissani .photo-mosaic.six-rect{
  min-width:0!important;
  max-width:100%!important;
}

#taroudant .city-layout,
#tiznit .city-layout,
#ouarzazate .city-layout,
#kalaat-mgouna .city-layout,
#tinghir .city-layout,
#zagora .city-layout,
#mhamid-el-ghizlane .city-layout,
#merzouga .city-layout,
#erfoud .city-layout,
#rissani .city-layout{
  display:grid!important;
  grid-template-columns:minmax(430px,.84fr) minmax(690px,1.16fr)!important;
  gap:48px!important;
  align-items:stretch!important;
}

#taroudant .city-layout.reverse,
#tiznit .city-layout.reverse,
#ouarzazate .city-layout.reverse,
#kalaat-mgouna .city-layout.reverse,
#tinghir .city-layout.reverse,
#zagora .city-layout.reverse,
#mhamid-el-ghizlane .city-layout.reverse,
#merzouga .city-layout.reverse,
#erfoud .city-layout.reverse,
#rissani .city-layout.reverse{
  grid-template-columns:minmax(690px,1.16fr) minmax(430px,.84fr)!important;
}

#taroudant .text-panel,
#tiznit .text-panel,
#ouarzazate .text-panel,
#kalaat-mgouna .text-panel,
#tinghir .text-panel,
#zagora .text-panel,
#mhamid-el-ghizlane .text-panel,
#merzouga .text-panel,
#erfoud .text-panel,
#rissani .text-panel{
  height:500px!important;
  min-height:500px!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:rgba(255,248,235,.94)!important;
  border:0!important;
  border-radius:36px!important;
  box-shadow:0 22px 54px rgba(10,27,22,.11)!important;
  padding:28px!important;
}

#taroudant .text-panel h2,
#tiznit .text-panel h2,
#ouarzazate .text-panel h2,
#kalaat-mgouna .text-panel h2,
#tinghir .text-panel h2,
#zagora .text-panel h2,
#mhamid-el-ghizlane .text-panel h2,
#merzouga .text-panel h2,
#erfoud .text-panel h2,
#rissani .text-panel h2{
  font-size:clamp(2.75rem,3.85vw,4.25rem)!important;
  line-height:1.02!important;
}

#taroudant .city-note,
#tiznit .city-note,
#ouarzazate .city-note,
#kalaat-mgouna .city-note,
#tinghir .city-note,
#zagora .city-note,
#mhamid-el-ghizlane .city-note,
#merzouga .city-note,
#erfoud .city-note,
#rissani .city-note{
  font-size:1.12rem!important;
  line-height:1.25!important;
  margin-top:.7rem!important;
}

#taroudant .text-panel p,
#tiznit .text-panel p,
#ouarzazate .text-panel p,
#kalaat-mgouna .text-panel p,
#tinghir .text-panel p,
#zagora .text-panel p,
#mhamid-el-ghizlane .text-panel p,
#merzouga .text-panel p,
#erfoud .text-panel p,
#rissani .text-panel p{
  font-size:.92rem!important;
  line-height:1.43!important;
  margin-top:.8rem!important;
}

#taroudant .key-row,
#tiznit .key-row,
#ouarzazate .key-row,
#kalaat-mgouna .key-row,
#tinghir .key-row,
#zagora .key-row,
#mhamid-el-ghizlane .key-row,
#merzouga .key-row,
#erfoud .key-row,
#rissani .key-row{
  gap:10px!important;
  margin-top:16px!important;
}

#taroudant .key,
#tiznit .key,
#ouarzazate .key,
#kalaat-mgouna .key,
#tinghir .key,
#zagora .key,
#mhamid-el-ghizlane .key,
#merzouga .key,
#erfoud .key,
#rissani .key{
  padding:12px!important;
  background:white!important;
  border:1px solid rgba(201,154,66,.16)!important;
  border-radius:18px!important;
}

#taroudant .key b,
#tiznit .key b,
#ouarzazate .key b,
#kalaat-mgouna .key b,
#tinghir .key b,
#zagora .key b,
#mhamid-el-ghizlane .key b,
#merzouga .key b,
#erfoud .key b,
#rissani .key b{
  font-size:.9rem!important;
  color:#0b4a3d!important;
}

#taroudant .key span,
#tiznit .key span,
#ouarzazate .key span,
#kalaat-mgouna .key span,
#tinghir .key span,
#zagora .key span,
#mhamid-el-ghizlane .key span,
#merzouga .key span,
#erfoud .key span,
#rissani .key span{
  font-size:.78rem!important;
  line-height:1.35!important;
}

#taroudant .photo-mosaic.six-rect,
#tiznit .photo-mosaic.six-rect,
#ouarzazate .photo-mosaic.six-rect,
#kalaat-mgouna .photo-mosaic.six-rect,
#tinghir .photo-mosaic.six-rect,
#zagora .photo-mosaic.six-rect,
#mhamid-el-ghizlane .photo-mosaic.six-rect,
#merzouga .photo-mosaic.six-rect,
#erfoud .photo-mosaic.six-rect,
#rissani .photo-mosaic.six-rect{
  display:grid!important;
  grid-template-columns:1.16fr .84fr .84fr!important;
  grid-template-rows:repeat(3,1fr)!important;
  gap:14px!important;
  height:500px!important;
  min-height:500px!important;
  align-self:stretch!important;
  align-items:stretch!important;
  grid-auto-flow:row!important;
}

#taroudant .photo-mosaic.six-rect .tile,
#tiznit .photo-mosaic.six-rect .tile,
#ouarzazate .photo-mosaic.six-rect .tile,
#kalaat-mgouna .photo-mosaic.six-rect .tile,
#tinghir .photo-mosaic.six-rect .tile,
#zagora .photo-mosaic.six-rect .tile,
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile,
#merzouga .photo-mosaic.six-rect .tile,
#erfoud .photo-mosaic.six-rect .tile,
#rissani .photo-mosaic.six-rect .tile{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  border-radius:28px!important;
  box-shadow:0 24px 58px rgba(10,27,22,.16)!important;
  margin:0!important;
  background:#ddd!important;
}

#taroudant .photo-mosaic.six-rect .tile.main,
#tiznit .photo-mosaic.six-rect .tile.main,
#ouarzazate .photo-mosaic.six-rect .tile.main,
#kalaat-mgouna .photo-mosaic.six-rect .tile.main,
#tinghir .photo-mosaic.six-rect .tile.main,
#zagora .photo-mosaic.six-rect .tile.main,
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile.main,
#merzouga .photo-mosaic.six-rect .tile.main,
#erfoud .photo-mosaic.six-rect .tile.main,
#rissani .photo-mosaic.six-rect .tile.main{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  border-radius:34px!important;
}

#taroudant .photo-mosaic.six-rect .tile:not(.main),
#tiznit .photo-mosaic.six-rect .tile:not(.main),
#ouarzazate .photo-mosaic.six-rect .tile:not(.main),
#kalaat-mgouna .photo-mosaic.six-rect .tile:not(.main),
#tinghir .photo-mosaic.six-rect .tile:not(.main),
#zagora .photo-mosaic.six-rect .tile:not(.main),
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile:not(.main),
#merzouga .photo-mosaic.six-rect .tile:not(.main),
#erfoud .photo-mosaic.six-rect .tile:not(.main),
#rissani .photo-mosaic.six-rect .tile:not(.main){
  grid-column:auto!important;
  grid-row:auto!important;
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  border-radius:28px!important;
  aspect-ratio:auto!important;
  width:auto!important;
  max-width:none!important;
}

#taroudant .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#tiznit .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#ouarzazate .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#kalaat-mgouna .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#tinghir .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#zagora .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#mhamid-el-ghizlane .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#merzouga .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#erfoud .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#rissani .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#taroudant .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#tiznit .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#ouarzazate .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#kalaat-mgouna .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#tinghir .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#zagora .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#mhamid-el-ghizlane .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#merzouga .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#erfoud .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#rissani .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main){
  grid-column:auto!important;
  grid-row:auto!important;
}

#taroudant .photo-mosaic.six-rect img,
#tiznit .photo-mosaic.six-rect img,
#ouarzazate .photo-mosaic.six-rect img,
#kalaat-mgouna .photo-mosaic.six-rect img,
#tinghir .photo-mosaic.six-rect img,
#zagora .photo-mosaic.six-rect img,
#mhamid-el-ghizlane .photo-mosaic.six-rect img,
#merzouga .photo-mosaic.six-rect img,
#erfoud .photo-mosaic.six-rect img,
#rissani .photo-mosaic.six-rect img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}

@media (max-width:1220px){
  #taroudant .city-layout,
#tiznit .city-layout,
#ouarzazate .city-layout,
#kalaat-mgouna .city-layout,
#tinghir .city-layout,
#zagora .city-layout,
#mhamid-el-ghizlane .city-layout,
#merzouga .city-layout,
#erfoud .city-layout,
#rissani .city-layout,
  #taroudant .city-layout.reverse,
#tiznit .city-layout.reverse,
#ouarzazate .city-layout.reverse,
#kalaat-mgouna .city-layout.reverse,
#tinghir .city-layout.reverse,
#zagora .city-layout.reverse,
#mhamid-el-ghizlane .city-layout.reverse,
#merzouga .city-layout.reverse,
#erfoud .city-layout.reverse,
#rissani .city-layout.reverse{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }

  #taroudant .city-layout > *,
#tiznit .city-layout > *,
#ouarzazate .city-layout > *,
#kalaat-mgouna .city-layout > *,
#tinghir .city-layout > *,
#zagora .city-layout > *,
#mhamid-el-ghizlane .city-layout > *,
#merzouga .city-layout > *,
#erfoud .city-layout > *,
#rissani .city-layout > *{
    min-width:0!important;
    max-width:100%!important;
  }

  #taroudant .text-panel,
#tiznit .text-panel,
#ouarzazate .text-panel,
#kalaat-mgouna .text-panel,
#tinghir .text-panel,
#zagora .text-panel,
#mhamid-el-ghizlane .text-panel,
#merzouga .text-panel,
#erfoud .text-panel,
#rissani .text-panel,
  #taroudant .photo-mosaic.six-rect,
#tiznit .photo-mosaic.six-rect,
#ouarzazate .photo-mosaic.six-rect,
#kalaat-mgouna .photo-mosaic.six-rect,
#tinghir .photo-mosaic.six-rect,
#zagora .photo-mosaic.six-rect,
#mhamid-el-ghizlane .photo-mosaic.six-rect,
#merzouga .photo-mosaic.six-rect,
#erfoud .photo-mosaic.six-rect,
#rissani .photo-mosaic.six-rect{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
  }

  #taroudant .photo-mosaic.six-rect,
#tiznit .photo-mosaic.six-rect,
#ouarzazate .photo-mosaic.six-rect,
#kalaat-mgouna .photo-mosaic.six-rect,
#tinghir .photo-mosaic.six-rect,
#zagora .photo-mosaic.six-rect,
#mhamid-el-ghizlane .photo-mosaic.six-rect,
#merzouga .photo-mosaic.six-rect,
#erfoud .photo-mosaic.six-rect,
#rissani .photo-mosaic.six-rect{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto!important;
  }

  #taroudant .photo-mosaic.six-rect .tile.main,
#tiznit .photo-mosaic.six-rect .tile.main,
#ouarzazate .photo-mosaic.six-rect .tile.main,
#kalaat-mgouna .photo-mosaic.six-rect .tile.main,
#tinghir .photo-mosaic.six-rect .tile.main,
#zagora .photo-mosaic.six-rect .tile.main,
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile.main,
#merzouga .photo-mosaic.six-rect .tile.main,
#erfoud .photo-mosaic.six-rect .tile.main,
#rissani .photo-mosaic.six-rect .tile.main{
    grid-column:1 / span 2!important;
    grid-row:auto!important;
    height:420px!important;
  }

  #taroudant .photo-mosaic.six-rect .tile:not(.main),
#tiznit .photo-mosaic.six-rect .tile:not(.main),
#ouarzazate .photo-mosaic.six-rect .tile:not(.main),
#kalaat-mgouna .photo-mosaic.six-rect .tile:not(.main),
#tinghir .photo-mosaic.six-rect .tile:not(.main),
#zagora .photo-mosaic.six-rect .tile:not(.main),
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile:not(.main),
#merzouga .photo-mosaic.six-rect .tile:not(.main),
#erfoud .photo-mosaic.six-rect .tile:not(.main),
#rissani .photo-mosaic.six-rect .tile:not(.main){
    grid-column:auto!important;
    grid-row:auto!important;
    height:230px!important;
  }
}

@media (max-width:760px){
  #taroudant .city-layout,
#tiznit .city-layout,
#ouarzazate .city-layout,
#kalaat-mgouna .city-layout,
#tinghir .city-layout,
#zagora .city-layout,
#mhamid-el-ghizlane .city-layout,
#merzouga .city-layout,
#erfoud .city-layout,
#rissani .city-layout,
  #taroudant .city-layout.reverse,
#tiznit .city-layout.reverse,
#ouarzazate .city-layout.reverse,
#kalaat-mgouna .city-layout.reverse,
#tinghir .city-layout.reverse,
#zagora .city-layout.reverse,
#mhamid-el-ghizlane .city-layout.reverse,
#merzouga .city-layout.reverse,
#erfoud .city-layout.reverse,
#rissani .city-layout.reverse{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }

  #taroudant .text-panel,
#tiznit .text-panel,
#ouarzazate .text-panel,
#kalaat-mgouna .text-panel,
#tinghir .text-panel,
#zagora .text-panel,
#mhamid-el-ghizlane .text-panel,
#merzouga .text-panel,
#erfoud .text-panel,
#rissani .text-panel{
    height:auto!important;
    min-height:0!important;
    padding:24px!important;
  }

  #taroudant .photo-mosaic.six-rect,
#tiznit .photo-mosaic.six-rect,
#ouarzazate .photo-mosaic.six-rect,
#kalaat-mgouna .photo-mosaic.six-rect,
#tinghir .photo-mosaic.six-rect,
#zagora .photo-mosaic.six-rect,
#mhamid-el-ghizlane .photo-mosaic.six-rect,
#merzouga .photo-mosaic.six-rect,
#erfoud .photo-mosaic.six-rect,
#rissani .photo-mosaic.six-rect{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #taroudant .photo-mosaic.six-rect .tile.main,
#tiznit .photo-mosaic.six-rect .tile.main,
#ouarzazate .photo-mosaic.six-rect .tile.main,
#kalaat-mgouna .photo-mosaic.six-rect .tile.main,
#tinghir .photo-mosaic.six-rect .tile.main,
#zagora .photo-mosaic.six-rect .tile.main,
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile.main,
#merzouga .photo-mosaic.six-rect .tile.main,
#erfoud .photo-mosaic.six-rect .tile.main,
#rissani .photo-mosaic.six-rect .tile.main{
    grid-column:1!important;
    grid-row:auto!important;
    height:340px!important;
  }

  #taroudant .photo-mosaic.six-rect .tile:not(.main),
#tiznit .photo-mosaic.six-rect .tile:not(.main),
#ouarzazate .photo-mosaic.six-rect .tile:not(.main),
#kalaat-mgouna .photo-mosaic.six-rect .tile:not(.main),
#tinghir .photo-mosaic.six-rect .tile:not(.main),
#zagora .photo-mosaic.six-rect .tile:not(.main),
#mhamid-el-ghizlane .photo-mosaic.six-rect .tile:not(.main),
#merzouga .photo-mosaic.six-rect .tile:not(.main),
#erfoud .photo-mosaic.six-rect .tile:not(.main),
#rissani .photo-mosaic.six-rect .tile:not(.main){
    grid-column:1!important;
    grid-row:auto!important;
    height:230px!important;
  }
}