#asilah .city-layout,
#larache .city-layout,
#casablanca .city-layout,
#el-jadida .city-layout,
#azemmour .city-layout,
#safi .city-layout,
#essaouira .city-layout,
#agadir .city-layout,
#sidi-ifni .city-layout,
#dakhla .city-layout,
#asilah .text-panel,
#larache .text-panel,
#casablanca .text-panel,
#el-jadida .text-panel,
#azemmour .text-panel,
#safi .text-panel,
#essaouira .text-panel,
#agadir .text-panel,
#sidi-ifni .text-panel,
#dakhla .text-panel,
#asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#casablanca .photo-mosaic.six-rect,
#el-jadida .photo-mosaic.six-rect,
#azemmour .photo-mosaic.six-rect,
#safi .photo-mosaic.six-rect,
#essaouira .photo-mosaic.six-rect,
#agadir .photo-mosaic.six-rect,
#sidi-ifni .photo-mosaic.six-rect,
#dakhla .photo-mosaic.six-rect{
  min-width:0!important;
  max-width:100%!important;
}

#asilah .city-layout,
#larache .city-layout,
#casablanca .city-layout,
#el-jadida .city-layout,
#azemmour .city-layout,
#safi .city-layout,
#essaouira .city-layout,
#agadir .city-layout,
#sidi-ifni .city-layout,
#dakhla .city-layout{
  display:grid!important;
  grid-template-columns:minmax(430px,.84fr) minmax(690px,1.16fr)!important;
  gap:48px!important;
  align-items:stretch!important;
}

#asilah .city-layout.reverse,
#larache .city-layout.reverse,
#casablanca .city-layout.reverse,
#el-jadida .city-layout.reverse,
#azemmour .city-layout.reverse,
#safi .city-layout.reverse,
#essaouira .city-layout.reverse,
#agadir .city-layout.reverse,
#sidi-ifni .city-layout.reverse,
#dakhla .city-layout.reverse{
  grid-template-columns:minmax(690px,1.16fr) minmax(430px,.84fr)!important;
}

#asilah .text-panel,
#larache .text-panel,
#casablanca .text-panel,
#el-jadida .text-panel,
#azemmour .text-panel,
#safi .text-panel,
#essaouira .text-panel,
#agadir .text-panel,
#sidi-ifni .text-panel,
#dakhla .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;
}

#asilah .text-panel h2,
#larache .text-panel h2,
#casablanca .text-panel h2,
#el-jadida .text-panel h2,
#azemmour .text-panel h2,
#safi .text-panel h2,
#essaouira .text-panel h2,
#agadir .text-panel h2,
#sidi-ifni .text-panel h2,
#dakhla .text-panel h2{
  font-size:clamp(2.75rem,3.85vw,4.25rem)!important;
  line-height:1.02!important;
}

#asilah .city-note,
#larache .city-note,
#casablanca .city-note,
#el-jadida .city-note,
#azemmour .city-note,
#safi .city-note,
#essaouira .city-note,
#agadir .city-note,
#sidi-ifni .city-note,
#dakhla .city-note{
  font-size:1.12rem!important;
  line-height:1.25!important;
  margin-top:.7rem!important;
}

#asilah .text-panel p,
#larache .text-panel p,
#casablanca .text-panel p,
#el-jadida .text-panel p,
#azemmour .text-panel p,
#safi .text-panel p,
#essaouira .text-panel p,
#agadir .text-panel p,
#sidi-ifni .text-panel p,
#dakhla .text-panel p{
  font-size:.92rem!important;
  line-height:1.43!important;
  margin-top:.8rem!important;
}

#asilah .key-row,
#larache .key-row,
#casablanca .key-row,
#el-jadida .key-row,
#azemmour .key-row,
#safi .key-row,
#essaouira .key-row,
#agadir .key-row,
#sidi-ifni .key-row,
#dakhla .key-row{
  gap:10px!important;
  margin-top:16px!important;
}

#asilah .key,
#larache .key,
#casablanca .key,
#el-jadida .key,
#azemmour .key,
#safi .key,
#essaouira .key,
#agadir .key,
#sidi-ifni .key,
#dakhla .key{
  padding:12px!important;
  background:white!important;
  border:1px solid rgba(201,154,66,.16)!important;
  border-radius:18px!important;
}

#asilah .key b,
#larache .key b,
#casablanca .key b,
#el-jadida .key b,
#azemmour .key b,
#safi .key b,
#essaouira .key b,
#agadir .key b,
#sidi-ifni .key b,
#dakhla .key b{
  font-size:.9rem!important;
  color:#0b4a3d!important;
}

#asilah .key span,
#larache .key span,
#casablanca .key span,
#el-jadida .key span,
#azemmour .key span,
#safi .key span,
#essaouira .key span,
#agadir .key span,
#sidi-ifni .key span,
#dakhla .key span{
  font-size:.78rem!important;
  line-height:1.35!important;
}

#asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#casablanca .photo-mosaic.six-rect,
#el-jadida .photo-mosaic.six-rect,
#azemmour .photo-mosaic.six-rect,
#safi .photo-mosaic.six-rect,
#essaouira .photo-mosaic.six-rect,
#agadir .photo-mosaic.six-rect,
#sidi-ifni .photo-mosaic.six-rect,
#dakhla .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;
}

#asilah .photo-mosaic.six-rect .tile,
#larache .photo-mosaic.six-rect .tile,
#casablanca .photo-mosaic.six-rect .tile,
#el-jadida .photo-mosaic.six-rect .tile,
#azemmour .photo-mosaic.six-rect .tile,
#safi .photo-mosaic.six-rect .tile,
#essaouira .photo-mosaic.six-rect .tile,
#agadir .photo-mosaic.six-rect .tile,
#sidi-ifni .photo-mosaic.six-rect .tile,
#dakhla .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;
}

#asilah .photo-mosaic.six-rect .tile.main,
#larache .photo-mosaic.six-rect .tile.main,
#casablanca .photo-mosaic.six-rect .tile.main,
#el-jadida .photo-mosaic.six-rect .tile.main,
#azemmour .photo-mosaic.six-rect .tile.main,
#safi .photo-mosaic.six-rect .tile.main,
#essaouira .photo-mosaic.six-rect .tile.main,
#agadir .photo-mosaic.six-rect .tile.main,
#sidi-ifni .photo-mosaic.six-rect .tile.main,
#dakhla .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;
}

#asilah .photo-mosaic.six-rect .tile:not(.main),
#larache .photo-mosaic.six-rect .tile:not(.main),
#casablanca .photo-mosaic.six-rect .tile:not(.main),
#el-jadida .photo-mosaic.six-rect .tile:not(.main),
#azemmour .photo-mosaic.six-rect .tile:not(.main),
#safi .photo-mosaic.six-rect .tile:not(.main),
#essaouira .photo-mosaic.six-rect .tile:not(.main),
#agadir .photo-mosaic.six-rect .tile:not(.main),
#sidi-ifni .photo-mosaic.six-rect .tile:not(.main),
#dakhla .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;
}

#asilah .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#larache .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#casablanca .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#el-jadida .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#azemmour .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#safi .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#essaouira .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#agadir .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#sidi-ifni .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#dakhla .photo-mosaic.six-rect > figure.tile:nth-child(6):not(.main),
#asilah .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#larache .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#casablanca .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#el-jadida .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#azemmour .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#safi .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#essaouira .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#agadir .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#sidi-ifni .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main),
#dakhla .photo-mosaic.six-rect > figure.tile:nth-child(7):not(.main){
  grid-column:auto!important;
  grid-row:auto!important;
}

#asilah .photo-mosaic.six-rect img,
#larache .photo-mosaic.six-rect img,
#casablanca .photo-mosaic.six-rect img,
#el-jadida .photo-mosaic.six-rect img,
#azemmour .photo-mosaic.six-rect img,
#safi .photo-mosaic.six-rect img,
#essaouira .photo-mosaic.six-rect img,
#agadir .photo-mosaic.six-rect img,
#sidi-ifni .photo-mosaic.six-rect img,
#dakhla .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){
  #asilah .city-layout,
#larache .city-layout,
#casablanca .city-layout,
#el-jadida .city-layout,
#azemmour .city-layout,
#safi .city-layout,
#essaouira .city-layout,
#agadir .city-layout,
#sidi-ifni .city-layout,
#dakhla .city-layout,
  #asilah .city-layout.reverse,
#larache .city-layout.reverse,
#casablanca .city-layout.reverse,
#el-jadida .city-layout.reverse,
#azemmour .city-layout.reverse,
#safi .city-layout.reverse,
#essaouira .city-layout.reverse,
#agadir .city-layout.reverse,
#sidi-ifni .city-layout.reverse,
#dakhla .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;
  }

  #asilah .city-layout > *,
#larache .city-layout > *,
#casablanca .city-layout > *,
#el-jadida .city-layout > *,
#azemmour .city-layout > *,
#safi .city-layout > *,
#essaouira .city-layout > *,
#agadir .city-layout > *,
#sidi-ifni .city-layout > *,
#dakhla .city-layout > *{
    min-width:0!important;
    max-width:100%!important;
  }

  #asilah .text-panel,
#larache .text-panel,
#casablanca .text-panel,
#el-jadida .text-panel,
#azemmour .text-panel,
#safi .text-panel,
#essaouira .text-panel,
#agadir .text-panel,
#sidi-ifni .text-panel,
#dakhla .text-panel,
  #asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#casablanca .photo-mosaic.six-rect,
#el-jadida .photo-mosaic.six-rect,
#azemmour .photo-mosaic.six-rect,
#safi .photo-mosaic.six-rect,
#essaouira .photo-mosaic.six-rect,
#agadir .photo-mosaic.six-rect,
#sidi-ifni .photo-mosaic.six-rect,
#dakhla .photo-mosaic.six-rect{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
  }

  #asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#casablanca .photo-mosaic.six-rect,
#el-jadida .photo-mosaic.six-rect,
#azemmour .photo-mosaic.six-rect,
#safi .photo-mosaic.six-rect,
#essaouira .photo-mosaic.six-rect,
#agadir .photo-mosaic.six-rect,
#sidi-ifni .photo-mosaic.six-rect,
#dakhla .photo-mosaic.six-rect{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto!important;
  }

  #asilah .photo-mosaic.six-rect .tile.main,
#larache .photo-mosaic.six-rect .tile.main,
#casablanca .photo-mosaic.six-rect .tile.main,
#el-jadida .photo-mosaic.six-rect .tile.main,
#azemmour .photo-mosaic.six-rect .tile.main,
#safi .photo-mosaic.six-rect .tile.main,
#essaouira .photo-mosaic.six-rect .tile.main,
#agadir .photo-mosaic.six-rect .tile.main,
#sidi-ifni .photo-mosaic.six-rect .tile.main,
#dakhla .photo-mosaic.six-rect .tile.main{
    grid-column:1 / span 2!important;
    grid-row:auto!important;
    height:420px!important;
  }

  #asilah .photo-mosaic.six-rect .tile:not(.main),
#larache .photo-mosaic.six-rect .tile:not(.main),
#casablanca .photo-mosaic.six-rect .tile:not(.main),
#el-jadida .photo-mosaic.six-rect .tile:not(.main),
#azemmour .photo-mosaic.six-rect .tile:not(.main),
#safi .photo-mosaic.six-rect .tile:not(.main),
#essaouira .photo-mosaic.six-rect .tile:not(.main),
#agadir .photo-mosaic.six-rect .tile:not(.main),
#sidi-ifni .photo-mosaic.six-rect .tile:not(.main),
#dakhla .photo-mosaic.six-rect .tile:not(.main){
    grid-column:auto!important;
    grid-row:auto!important;
    height:230px!important;
  }
}

@media (max-width:760px){
  #asilah .city-layout,
#larache .city-layout,
#casablanca .city-layout,
#el-jadida .city-layout,
#azemmour .city-layout,
#safi .city-layout,
#essaouira .city-layout,
#agadir .city-layout,
#sidi-ifni .city-layout,
#dakhla .city-layout,
  #asilah .city-layout.reverse,
#larache .city-layout.reverse,
#casablanca .city-layout.reverse,
#el-jadida .city-layout.reverse,
#azemmour .city-layout.reverse,
#safi .city-layout.reverse,
#essaouira .city-layout.reverse,
#agadir .city-layout.reverse,
#sidi-ifni .city-layout.reverse,
#dakhla .city-layout.reverse{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }

  #asilah .text-panel,
#larache .text-panel,
#casablanca .text-panel,
#el-jadida .text-panel,
#azemmour .text-panel,
#safi .text-panel,
#essaouira .text-panel,
#agadir .text-panel,
#sidi-ifni .text-panel,
#dakhla .text-panel{
    height:auto!important;
    min-height:0!important;
    padding:24px!important;
  }

  #asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#casablanca .photo-mosaic.six-rect,
#el-jadida .photo-mosaic.six-rect,
#azemmour .photo-mosaic.six-rect,
#safi .photo-mosaic.six-rect,
#essaouira .photo-mosaic.six-rect,
#agadir .photo-mosaic.six-rect,
#sidi-ifni .photo-mosaic.six-rect,
#dakhla .photo-mosaic.six-rect{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #asilah .photo-mosaic.six-rect .tile.main,
#larache .photo-mosaic.six-rect .tile.main,
#casablanca .photo-mosaic.six-rect .tile.main,
#el-jadida .photo-mosaic.six-rect .tile.main,
#azemmour .photo-mosaic.six-rect .tile.main,
#safi .photo-mosaic.six-rect .tile.main,
#essaouira .photo-mosaic.six-rect .tile.main,
#agadir .photo-mosaic.six-rect .tile.main,
#sidi-ifni .photo-mosaic.six-rect .tile.main,
#dakhla .photo-mosaic.six-rect .tile.main{
    grid-column:1!important;
    grid-row:auto!important;
    height:340px!important;
  }

  #asilah .photo-mosaic.six-rect .tile:not(.main),
#larache .photo-mosaic.six-rect .tile:not(.main),
#casablanca .photo-mosaic.six-rect .tile:not(.main),
#el-jadida .photo-mosaic.six-rect .tile:not(.main),
#azemmour .photo-mosaic.six-rect .tile:not(.main),
#safi .photo-mosaic.six-rect .tile:not(.main),
#essaouira .photo-mosaic.six-rect .tile:not(.main),
#agadir .photo-mosaic.six-rect .tile:not(.main),
#sidi-ifni .photo-mosaic.six-rect .tile:not(.main),
#dakhla .photo-mosaic.six-rect .tile:not(.main){
    grid-column:1!important;
    grid-row:auto!important;
    height:230px!important;
  }
}