#tangier.city-chapter,
#tetouan.city-chapter,
#chefchaouen.city-chapter,
#asilah.city-chapter,
#larache.city-chapter,
#ouazzane.city-chapter,
#taza.city-chapter,
#al-hoceima.city-chapter{
  padding-top:58px!important;
  padding-bottom:58px!important;
}
#tangier .city-layout,
#tetouan .city-layout,
#chefchaouen .city-layout,
#asilah .city-layout,
#larache .city-layout,
#ouazzane .city-layout,
#taza .city-layout,
#al-hoceima .city-layout{
  display:grid!important;
  grid-template-columns:minmax(430px,.84fr) minmax(690px,1.16fr)!important;
  gap:48px!important;
  align-items:stretch!important;
}
#tetouan .city-layout.reverse,
#asilah .city-layout.reverse,
#ouazzane .city-layout.reverse,
#al-hoceima .city-layout.reverse{
  grid-template-columns:minmax(690px,1.16fr) minmax(430px,.84fr)!important;
}
#tangier .text-panel,
#tetouan .text-panel,
#chefchaouen .text-panel,
#asilah .text-panel,
#larache .text-panel,
#ouazzane .text-panel,
#taza .text-panel,
#al-hoceima .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;
}
#tangier .text-panel .eyebrow,
#tetouan .text-panel .eyebrow,
#chefchaouen .text-panel .eyebrow,
#asilah .text-panel .eyebrow,
#larache .text-panel .eyebrow,
#ouazzane .text-panel .eyebrow,
#taza .text-panel .eyebrow,
#al-hoceima .text-panel .eyebrow{
  color:#c8612d!important;
}
#tangier .text-panel h2,
#tetouan .text-panel h2,
#chefchaouen .text-panel h2,
#asilah .text-panel h2,
#larache .text-panel h2,
#ouazzane .text-panel h2,
#taza .text-panel h2,
#al-hoceima .text-panel h2{
  font-size:clamp(2.75rem,3.85vw,4.25rem)!important;
  line-height:1.02!important;
  color:#4b3428!important;
  text-shadow:none!important;
}
#tangier .city-note,
#tetouan .city-note,
#chefchaouen .city-note,
#asilah .city-note,
#larache .city-note,
#ouazzane .city-note,
#taza .city-note,
#al-hoceima .city-note{
  font-size:1.12rem!important;
  line-height:1.25!important;
  margin-top:.7rem!important;
  color:#6d416d!important;
}
#tangier .text-panel p,
#tetouan .text-panel p,
#chefchaouen .text-panel p,
#asilah .text-panel p,
#larache .text-panel p,
#ouazzane .text-panel p,
#taza .text-panel p,
#al-hoceima .text-panel p{
  font-size:.92rem!important;
  line-height:1.43!important;
  margin-top:.8rem!important;
  color:#6a5e4d!important;
}
#tangier .key-row,
#tetouan .key-row,
#chefchaouen .key-row,
#asilah .key-row,
#larache .key-row,
#ouazzane .key-row,
#taza .key-row,
#al-hoceima .key-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:16px!important;
}
#tangier .key,
#tetouan .key,
#chefchaouen .key,
#asilah .key,
#larache .key,
#ouazzane .key,
#taza .key,
#al-hoceima .key{
  padding:12px!important;
  background:white!important;
  border:1px solid rgba(201,154,66,.16)!important;
  border-radius:18px!important;
}
#tangier .key b,
#tetouan .key b,
#chefchaouen .key b,
#asilah .key b,
#larache .key b,
#ouazzane .key b,
#taza .key b,
#al-hoceima .key b{
  display:block!important;
  font-size:.9rem!important;
  color:#0b4a3d!important;
}
#tangier .key span,
#tetouan .key span,
#chefchaouen .key span,
#asilah .key span,
#larache .key span,
#ouazzane .key span,
#taza .key span,
#al-hoceima .key span{
  display:block!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  color:#6a5e4d!important;
}
#tangier .photo-mosaic.six-rect,
#tetouan .photo-mosaic.six-rect,
#chefchaouen .photo-mosaic.six-rect,
#asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#ouazzane .photo-mosaic.six-rect,
#taza .photo-mosaic.six-rect,
#al-hoceima .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 dense!important;
}
#tangier .photo-mosaic.six-rect .tile,
#tetouan .photo-mosaic.six-rect .tile,
#chefchaouen .photo-mosaic.six-rect .tile,
#asilah .photo-mosaic.six-rect .tile,
#larache .photo-mosaic.six-rect .tile,
#ouazzane .photo-mosaic.six-rect .tile,
#taza .photo-mosaic.six-rect .tile,
#al-hoceima .photo-mosaic.six-rect .tile{
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 24px 58px rgba(10,27,22,.16)!important;
  background:transparent!important;
  margin:0!important;
}
#tangier .photo-mosaic.six-rect .tile.main,
#tetouan .photo-mosaic.six-rect .tile.main,
#chefchaouen .photo-mosaic.six-rect .tile.main,
#asilah .photo-mosaic.six-rect .tile.main,
#larache .photo-mosaic.six-rect .tile.main,
#ouazzane .photo-mosaic.six-rect .tile.main,
#taza .photo-mosaic.six-rect .tile.main,
#al-hoceima .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;
}
#tangier .photo-mosaic.six-rect .tile:not(.main),
#tetouan .photo-mosaic.six-rect .tile:not(.main),
#chefchaouen .photo-mosaic.six-rect .tile:not(.main),
#asilah .photo-mosaic.six-rect .tile:not(.main),
#larache .photo-mosaic.six-rect .tile:not(.main),
#ouazzane .photo-mosaic.six-rect .tile:not(.main),
#taza .photo-mosaic.six-rect .tile:not(.main),
#al-hoceima .photo-mosaic.six-rect .tile:not(.main){
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
#tangier .photo-mosaic.six-rect img,
#tetouan .photo-mosaic.six-rect img,
#chefchaouen .photo-mosaic.six-rect img,
#asilah .photo-mosaic.six-rect img,
#larache .photo-mosaic.six-rect img,
#ouazzane .photo-mosaic.six-rect img,
#taza .photo-mosaic.six-rect img,
#al-hoceima .photo-mosaic.six-rect img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  background:transparent!important;
}
#power::before,
section#power.em-section.power::before{
  filter:brightness(1.36) saturate(1.06)!important;
  opacity:.98!important;
}
#power::after,
section#power.em-section.power::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,248,235,.10),rgba(255,248,235,.05) 48%,rgba(255,248,235,.08))!important;
}
#power > .section-inner,
section#power.em-section.power > .section-inner{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:1220px){
  #tangier .city-layout,
#tetouan .city-layout,
#chefchaouen .city-layout,
#asilah .city-layout,
#larache .city-layout,
#ouazzane .city-layout,
#taza .city-layout,
#al-hoceima .city-layout{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  #tangier .text-panel,
#tetouan .text-panel,
#chefchaouen .text-panel,
#asilah .text-panel,
#larache .text-panel,
#ouazzane .text-panel,
#taza .text-panel,
#al-hoceima .text-panel,
  #tangier .photo-mosaic.six-rect,
#tetouan .photo-mosaic.six-rect,
#chefchaouen .photo-mosaic.six-rect,
#asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#ouazzane .photo-mosaic.six-rect,
#taza .photo-mosaic.six-rect,
#al-hoceima .photo-mosaic.six-rect{
    height:auto!important;
    min-height:0!important;
  }
  #tangier .photo-mosaic.six-rect,
#tetouan .photo-mosaic.six-rect,
#chefchaouen .photo-mosaic.six-rect,
#asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#ouazzane .photo-mosaic.six-rect,
#taza .photo-mosaic.six-rect,
#al-hoceima .photo-mosaic.six-rect{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto!important;
  }
  #tangier .photo-mosaic.six-rect .tile.main,
#tetouan .photo-mosaic.six-rect .tile.main,
#chefchaouen .photo-mosaic.six-rect .tile.main,
#asilah .photo-mosaic.six-rect .tile.main,
#larache .photo-mosaic.six-rect .tile.main,
#ouazzane .photo-mosaic.six-rect .tile.main,
#taza .photo-mosaic.six-rect .tile.main,
#al-hoceima .photo-mosaic.six-rect .tile.main{
    grid-column:1 / span 2!important;
    height:430px!important;
  }
  #tangier .photo-mosaic.six-rect .tile:not(.main),
#tetouan .photo-mosaic.six-rect .tile:not(.main),
#chefchaouen .photo-mosaic.six-rect .tile:not(.main),
#asilah .photo-mosaic.six-rect .tile:not(.main),
#larache .photo-mosaic.six-rect .tile:not(.main),
#ouazzane .photo-mosaic.six-rect .tile:not(.main),
#taza .photo-mosaic.six-rect .tile:not(.main),
#al-hoceima .photo-mosaic.six-rect .tile:not(.main){
    height:230px!important;
  }
}
@media(max-width:760px){
  #tangier .photo-mosaic.six-rect,
#tetouan .photo-mosaic.six-rect,
#chefchaouen .photo-mosaic.six-rect,
#asilah .photo-mosaic.six-rect,
#larache .photo-mosaic.six-rect,
#ouazzane .photo-mosaic.six-rect,
#taza .photo-mosaic.six-rect,
#al-hoceima .photo-mosaic.six-rect{
    grid-template-columns:1fr!important;
  }
  #tangier .photo-mosaic.six-rect .tile.main,
#tetouan .photo-mosaic.six-rect .tile.main,
#chefchaouen .photo-mosaic.six-rect .tile.main,
#asilah .photo-mosaic.six-rect .tile.main,
#larache .photo-mosaic.six-rect .tile.main,
#ouazzane .photo-mosaic.six-rect .tile.main,
#taza .photo-mosaic.six-rect .tile.main,
#al-hoceima .photo-mosaic.six-rect .tile.main{
    grid-column:1!important;
    height:340px!important;
  }
  #tangier .photo-mosaic.six-rect .tile:not(.main),
#tetouan .photo-mosaic.six-rect .tile:not(.main),
#chefchaouen .photo-mosaic.six-rect .tile:not(.main),
#asilah .photo-mosaic.six-rect .tile:not(.main),
#larache .photo-mosaic.six-rect .tile:not(.main),
#ouazzane .photo-mosaic.six-rect .tile:not(.main),
#taza .photo-mosaic.six-rect .tile:not(.main),
#al-hoceima .photo-mosaic.six-rect .tile:not(.main){
    height:230px!important;
  }
  #tangier .key-row,
#tetouan .key-row,
#chefchaouen .key-row,
#asilah .key-row,
#larache .key-row,
#ouazzane .key-row,
#taza .key-row,
#al-hoceima .key-row{
    grid-template-columns:1fr!important;
  }
}