/* =========================================================
   CONCIERGE — FLATICON UICONS
   Page-content icons only. Shared header/mega-menu/footer iconography
   remains unchanged while this site is being updated page-by-page.
   ========================================================= */

.concierge-section .fi,
.concierge-services .fi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  line-height:1;
  font-style:normal;
  vertical-align:middle;
}
.concierge-section .fi::before,
.concierge-services .fi::before{
  display:block;
  line-height:1;
}

/* Concierge vs property management: keep the mockup's large circular emblems. */
.concierge-section .role-icon{
  display:grid;
  place-items:center;
  padding:0;
}
.concierge-section .role-icon .fi{
  font-size:48px;
}
.concierge-section .role-card-primary .role-icon .fi{color:#e5a32c;}
.concierge-section .role-card-secondary .role-icon .fi{color:#071d3e;}

/* Replace typographic check/x marks with Flaticon glyphs in the same badges. */
.concierge-section .role-list li::before,
.concierge-section .manager-duties li::before{
  content:none !important;
  display:none !important;
}
.concierge-section .role-list li,
.concierge-section .manager-duties li{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding-left:0;
}
.concierge-section .concierge-list-icon,
.concierge-section .manager-check-icon{
  flex:0 0 auto;
  width:22px;
  height:22px;
  border-radius:50%;
  font-size:10px;
  margin-top:0;
}
.concierge-section .role-list-check .concierge-list-icon{
  color:#f2aa2d;
  border:2px solid #f2aa2d;
  background:transparent;
}
.concierge-section .role-list-x .concierge-list-icon{
  color:#fff;
  border:2px solid #071d3e;
  background:#071d3e;
}
.concierge-section .manager-check-icon{
  width:18px;
  height:18px;
  color:#fff;
  background:#071d3e;
  font-size:8px;
  margin-top:0;
}

/* Use Flaticon double-chevron icons while retaining the mockup composition. */
.concierge-section .chevrons{
  display:flex;
  align-items:center;
  justify-content:center;
  letter-spacing:normal;
  font-family:inherit;
  font-size:46px;
}
.concierge-section .chevrons .fi{color:#d99a2b;}

/* Local PM mark: use the Flaticon house + building symbol that matches the mockup. */
.concierge-section .manager-icon{
  display:grid;
  place-items:center;
}
.concierge-section .manager-icon .fi{
  font-size:96px;
  color:#071d3e;
}

/* Service grid: consistent, clean outlined Flaticon UIcons. */
.concierge-services .service-icon{
  width:62px;
  height:62px;
  margin-bottom:8px;
  display:grid;
  place-items:center;
  color:#c78a1e;
}
.concierge-services .service-icon .fi{
  font-size:48px;
  color:#c78a1e;
}
.concierge-services .service-item:nth-child(3) .service-icon .fi,
.concierge-services .service-item:nth-child(4) .service-icon .fi{
  font-size:46px;
}
.concierge-services .service-item:nth-child(8) .service-icon .fi,
.concierge-services .service-item:nth-child(10) .service-icon .fi{
  font-size:47px;
}

/* Why It Matters target: closer to the reference bullseye + arrow symbol. */
.concierge-services .why-icon{
  display:grid;
  place-items:center;
}
.concierge-services .why-icon .fi{
  font-size:66px;
  color:#071d3e;
}

@media(max-width:1050px){
  .concierge-section .role-icon .fi{font-size:40px;}
  .concierge-section .manager-icon .fi{font-size:78px;}
  .concierge-services .service-icon .fi{font-size:45px;}
}

@media(max-width:620px){
  .concierge-section .role-icon .fi{font-size:34px;}
  .concierge-section .manager-icon .fi{font-size:68px;}
  .concierge-services .service-icon .fi{font-size:42px;}
  .concierge-services .why-icon .fi{font-size:58px;}
}