@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@700&family=Raleway:wght@700&display=swap');
/* AQUA FLORA V4.3 typography baseline */
html[lang="ar"] body,html[dir="rtl"] body,html[lang="ar"] button,html[dir="rtl"] button,html[lang="ar"] input,html[dir="rtl"] input,html[lang="ar"] select,html[dir="rtl"] select,html[lang="ar"] textarea,html[dir="rtl"] textarea{font-family:'Noto Kufi Arabic',sans-serif!important;font-weight:700}
html[lang="en"] body,html[lang="fr"] body,html[lang="nl"] body,html[lang="en"] button,html[lang="fr"] button,html[lang="nl"] button,html[lang="en"] input,html[lang="fr"] input,html[lang="nl"] input,html[lang="en"] select,html[lang="fr"] select,html[lang="nl"] select,html[lang="en"] textarea,html[lang="fr"] textarea,html[lang="nl"] textarea{font-family:'Raleway',sans-serif!important;font-weight:700}
/* ========================================================================== 
   AQUA FLORA V4.3 — shared public UI contract
   One source of truth for CARE/main footer geometry, public mobile menu parity,
   the limescale/value section, and the Arabic homepage hero correction.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Shared footer contract — same geometry, order, spacing and breakpoints.
   Source order is canonical: Quick links → Contact → Legal → Services.
   -------------------------------------------------------------------------- */
.af-site-footer{
  background:#08243b!important;
  color:#e7f1f6!important;
  margin-top:0!important;
  overflow:hidden!important;
}
.af-footer-banner-wrap{
  width:100vw!important;
  max-width:none!important;
  margin-inline:calc(50% - 50vw)!important;
  overflow:hidden!important;
  background:#08243b!important;
  position:relative!important;
}
.af-footer-banner-wrap::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:-1px;
  height:12%;
  background:linear-gradient(to bottom,rgba(8,36,59,0),#08243b);
  pointer-events:none;
}
.af-footer-banner{
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:clamp(300px,34vw,620px)!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  margin:0!important;
  border:0!important;
}
.af-footer-grid{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 24px 24px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  background:#08243b!important;
}
.af-footer-col{
  min-width:0!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:16px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}
.af-footer-col h3{
  width:100%!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.35!important;
  margin:0 0 10px!important;
  text-align:center!important;
}
.af-footer-col ul{
  list-style:none!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  gap:7px!important;
  justify-items:center!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-content:stretch!important;
}
.af-footer-col li{
  width:100%!important;
}
.af-footer-col li,
.af-footer-col a,
.af-footer-col span{
  color:#e7f1f6!important;
  font-size:13px!important;
  line-height:1.6!important;
  text-align:center!important;
}
.af-footer-col a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:2px 0!important;
  margin:0 auto!important;
  text-decoration:none!important;
}
.af-footer-col a:hover,
.af-footer-col a:focus-visible{color:#fff!important;text-decoration:underline!important;}
.af-footer-col .footer-contact-item,
.af-footer-col .footer-hours{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  padding:2px 0!important;
  margin-inline:auto!important;
  text-align:center!important;
  direction:ltr!important;
}
html[dir="rtl"] .af-footer-col .footer-hours-text{direction:rtl!important;}
html[dir="ltr"] .af-footer-col .footer-hours-text{direction:ltr!important;}
.af-footer-col .footer-contact-icon{
  flex:0 0 auto!important;
}
.af-footer-col .footer-hours-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  line-height:1.45!important;
}
.af-footer-bottom{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:14px 20px 18px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:grid!important;
  gap:5px!important;
  text-align:center!important;
  color:#edf6fa!important;
}
.af-footer-bottom p,
.af-footer-bottom .site-designer-signature{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  text-align:center!important;
  color:#edf6fa!important;
}
.af-footer-bottom a{color:#fff!important;font-weight:800!important;}

@media (max-width:900px){
  .af-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media (max-width:720px){
  .af-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:16px 12px 20px!important;
  }
  .af-footer-col{
    min-height:178px!important;
    padding:14px 9px!important;
    border-radius:15px!important;
  }
  .af-footer-col h3{font-size:13.5px!important;margin-bottom:10px!important;}
  .af-footer-col ul{gap:6px!important;}
  .af-footer-col li,.af-footer-col a,.af-footer-col span{
    font-size:12.3px!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }
  .af-footer-banner{height:clamp(210px,58vw,330px)!important;object-position:center center!important;}
  .af-footer-bottom{padding:10px 12px calc(14px + env(safe-area-inset-bottom))!important;}
}
@media (max-width:520px){
  .af-footer-grid{
    grid-template-columns:1fr!important;
    padding-inline:14px!important;
  }
  .af-footer-col{
    min-height:0!important;
    padding:16px 12px!important;
  }
  .af-footer-col li,.af-footer-col a,.af-footer-col span{
    font-size:13px!important;
    line-height:1.65!important;
  }
}
@media (max-width:430px){
  .af-footer-bottom p,
  .af-footer-bottom .site-designer-signature{font-size:10.5px!important;}
}


/* --------------------------------------------------------------------------
   Mobile navigation parity — CARE is the canonical interaction and geometry.
   -------------------------------------------------------------------------- */
@media (max-width:860px){
  body.nav-open{overflow:visible!important;touch-action:auto!important;}

  .site-header .nav-toggle,
  .care-header .care-nav-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    padding:10px!important;
    border-radius:14px!important;
    border:1px solid rgba(8,65,93,.16)!important;
    background:linear-gradient(135deg,rgba(244,252,253,.98),rgba(224,245,247,.98))!important;
    color:#073b59!important;
    box-shadow:0 6px 18px rgba(8,47,73,.09)!important;
    cursor:pointer!important;
  }
  .site-header .nav-toggle-bars,
  .care-header .care-nav-toggle>span{
    display:flex!important;
    flex-direction:column!important;
    width:24px!important;
    gap:5px!important;
  }
  .site-header .nav-toggle-bars i,
  .care-header .care-nav-toggle i{
    display:block!important;
    width:100%!important;
    height:3px!important;
    border-radius:999px!important;
    background:#073b59!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  .site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bars i:nth-child(1),
  .care-header .care-nav-toggle[aria-expanded="true"] i:nth-child(1){transform:translateY(8px) rotate(45deg)!important;}
  .site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bars i:nth-child(2),
  .care-header .care-nav-toggle[aria-expanded="true"] i:nth-child(2){opacity:0!important;}
  .site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bars i:nth-child(3),
  .care-header .care-nav-toggle[aria-expanded="true"] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important;}

  .site-header .main-nav,
  .care-header #care-main-nav{
    display:none!important;
    position:absolute!important;
    z-index:3050!important;
    top:100%!important;
    bottom:auto!important;
    inset-inline:0!important;
    width:100vw!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overscroll-behavior:auto!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid rgba(14,58,92,.08)!important;
    border-radius:0!important;
    box-shadow:0 22px 40px rgba(5,39,48,.2)!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .site-header .main-nav.open,
  .care-header #care-main-nav.is-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:12px clamp(12px,4vw,18px) 12px!important;
  }
  .site-header .main-nav ul{
    display:contents!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .main-nav li{display:block!important;width:100%!important;}
  .site-header .main-nav a,
  .care-header #care-main-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:56px!important;
    padding:12px 8px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #e8eef1!important;
    border-radius:0!important;
    background:#fff!important;
    color:#10354a!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.35!important;
    white-space:normal!important;
    text-align:start!important;
    transform:none!important;
  }
  .site-header .main-nav a::after,
  .care-header #care-main-nav a::after{display:none!important;}
  .site-header .main-nav a:hover,
  .site-header .main-nav a:focus-visible,
  .care-header #care-main-nav a:hover,
  .care-header #care-main-nav a:focus-visible{
    background:#fff!important;
    color:#0b705d!important;
    transform:none!important;
  }
  .site-header .nav-menu-icon,
  .site-header .nav-mobile-extra{display:none!important;}
}

/* --------------------------------------------------------------------------
   Homepage Arabic hero — requested two-step reduction and no mid-word split.
   -------------------------------------------------------------------------- */
@media (min-width:901px){
  html[lang="ar"] body[data-page="home"] .hero-copy h1{
    font-size:clamp(36px,4vw,56px)!important;
    max-width:16.8ch!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}

/* --------------------------------------------------------------------------
   Water-quality / limescale value section shared by Home and CARE.
   -------------------------------------------------------------------------- */
.af-limescale-section{
  padding-block:clamp(56px,7vw,84px)!important;
  background:linear-gradient(180deg,#f7fbfb 0%,#eef7f5 100%)!important;
}
.af-limescale-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.af-limescale-head{text-align:center;max-width:820px;margin:0 auto 30px;}
.af-limescale-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:0 auto 11px;
  padding:7px 14px;
  border:1px solid rgba(18,143,111,.17);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(221,246,241,.84),rgba(231,246,249,.88));
  color:#0b705d;
  font-size:13px;
  font-weight:800;
}
.af-limescale-head h2{
  margin:0 0 13px;
  color:#0a334b;
  font-size:clamp(27px,3.2vw,40px);
  line-height:1.2;
  text-wrap:balance;
}
.af-limescale-head p{margin:0;color:#607783;font-size:15.5px;line-height:1.85;text-wrap:pretty;}
.af-limescale-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.af-limescale-card{
  min-width:0;
  padding:20px 16px;
  border:1px solid #dbe8e9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(10,51,75,.06);
  text-align:center;
}
.af-limescale-icon{
  width:48px;height:48px;margin:0 auto 12px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#e9f7f8,#edf8f3);
  color:#0b705d;
}
.af-limescale-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.af-limescale-card h3{margin:0 0 8px;color:#0a334b;font-size:15px;line-height:1.35;}
.af-limescale-card p{margin:0;color:#667d87;font-size:12.8px;line-height:1.7;}
.af-limescale-benefits{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;
  margin:24px auto 0;padding:14px 18px;border:1px solid #d6e8e5;border-radius:16px;
  background:linear-gradient(145deg,#f9fcfb,#f1f8fa);color:#0b604e;font-weight:800;font-size:13.5px;
}
.af-limescale-note{max-width:920px;margin:14px auto 0;color:#687d86;font-size:11.8px;line-height:1.7;text-align:center;}
@media(max-width:1000px){.af-limescale-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:720px){
  .af-limescale-section{padding-block:48px!important;}
  .af-limescale-inner{width:min(100% - 28px,1180px);}
  .af-limescale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .af-limescale-card{padding:17px 12px;border-radius:16px;}
  .af-limescale-head p{font-size:14px;}
}
@media(max-width:430px){.af-limescale-grid{grid-template-columns:1fr;}.af-limescale-card{padding:17px 15px;}}

/* --------------------------------------------------------------------------
   V4.3 footer enforcement layer.
   Legacy public styles contain later !important footer rules with greater
   specificity. These selectors deliberately bind the shared AF contract to
   both legacy main and CARE class names so computed geometry is identical.
   -------------------------------------------------------------------------- */
.site-footer.af-site-footer .container.footer-inner.af-footer-grid,
.care-site-footer.af-site-footer .care-footer-grid.af-footer-grid{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 24px 24px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  background:#08243b!important;
  align-items:stretch!important;
}
.site-footer.af-site-footer .footer-col.af-footer-col,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col{
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:16px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}
.site-footer.af-site-footer .footer-col.af-footer-col h3,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col h3{
  width:100%!important;
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.35!important;
  text-align:center!important;
}
.site-footer.af-site-footer .footer-col.af-footer-col ul,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col ul{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:7px!important;
  justify-items:center!important;
  align-items:start!important;
  list-style:none!important;
}
.site-footer.af-site-footer .footer-col.af-footer-col li,
.site-footer.af-site-footer .footer-col.af-footer-col a,
.site-footer.af-site-footer .footer-col.af-footer-col span,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col li,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col a,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col span{
  color:#e7f1f6!important;
  font-size:13px!important;
  line-height:1.6!important;
  text-align:center!important;
}
.site-footer.af-site-footer .footer-col.af-footer-col a,
.care-site-footer.af-site-footer .care-footer-col.af-footer-col a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:0!important;
  padding:2px 0!important;
  margin:0 auto!important;
}
.site-footer.af-site-footer .af-footer-contact .footer-contact-item,
.site-footer.af-site-footer .af-footer-contact .footer-hours,
.care-site-footer.af-site-footer .af-footer-contact .footer-contact-item,
.care-site-footer.af-site-footer .af-footer-contact .footer-hours{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  padding:2px 0!important;
  margin-inline:auto!important;
  gap:7px!important;
  text-align:center!important;
}
.site-footer.af-site-footer .af-footer-contact .footer-contact-icon,
.care-site-footer.af-site-footer .af-footer-contact .footer-contact-icon{
  width:22px!important;
  min-width:22px!important;
  flex:0 0 22px!important;
}
.site-footer.af-site-footer .af-footer-contact .footer-hours-text,
.site-footer.af-site-footer .af-footer-contact .footer-hours-text span,
.care-site-footer.af-site-footer .af-footer-contact .footer-hours-text,
.care-site-footer.af-site-footer .af-footer-contact .footer-hours-text span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  text-align:center!important;
  line-height:1.45!important;
}
.site-footer.af-site-footer .footer-bottom.af-footer-bottom,
.care-site-footer.af-site-footer .care-footer-bottom.af-footer-bottom{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:14px 20px 18px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:grid!important;
  grid-column:1/-1!important;
  grid-row:auto!important;
  gap:5px!important;
  text-align:center!important;
}
.site-footer.af-site-footer .footer-bottom.af-footer-bottom p,
.site-footer.af-site-footer .footer-bottom.af-footer-bottom .site-designer-signature,
.care-site-footer.af-site-footer .care-footer-bottom.af-footer-bottom p,
.care-site-footer.af-site-footer .care-footer-bottom.af-footer-bottom .site-designer-signature{
  margin:0!important;
  color:#edf6fa!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  text-align:center!important;
}

@media(max-width:900px){
  .site-footer.af-site-footer .container.footer-inner.af-footer-grid,
  .care-site-footer.af-site-footer .care-footer-grid.af-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media(max-width:720px){
  .site-footer.af-site-footer .container.footer-inner.af-footer-grid,
  .care-site-footer.af-site-footer .care-footer-grid.af-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:16px 12px 20px!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col{
    min-height:178px!important;
    padding:14px 9px!important;
    border-radius:15px!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col h3,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col h3{
    font-size:13.5px!important;
    margin-bottom:10px!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col ul,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col ul{gap:6px!important;}
  .site-footer.af-site-footer .footer-col.af-footer-col li,
  .site-footer.af-site-footer .footer-col.af-footer-col a,
  .site-footer.af-site-footer .footer-col.af-footer-col span,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col li,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col a,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col span{
    font-size:12.3px!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }
  .site-footer.af-site-footer .footer-bottom.af-footer-bottom,
  .care-site-footer.af-site-footer .care-footer-bottom.af-footer-bottom{
    padding:10px 12px calc(14px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:520px){
  .site-footer.af-site-footer .container.footer-inner.af-footer-grid,
  .care-site-footer.af-site-footer .care-footer-grid.af-footer-grid{
    grid-template-columns:1fr!important;
    padding-inline:14px!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col{
    grid-column:1!important;
    grid-row:auto!important;
    min-height:0!important;
    padding:16px 12px!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col li,
  .site-footer.af-site-footer .footer-col.af-footer-col a,
  .site-footer.af-site-footer .footer-col.af-footer-col span,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col li,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col a,
  .care-site-footer.af-site-footer .care-footer-col.af-footer-col span{
    font-size:13px!important;
    line-height:1.65!important;
  }
}
@media(max-width:430px){
  .site-footer.af-site-footer .footer-bottom.af-footer-bottom p,
  .site-footer.af-site-footer .footer-bottom.af-footer-bottom .site-designer-signature,
  .care-site-footer.af-site-footer .care-footer-bottom.af-footer-bottom p,
  .care-site-footer.af-site-footer .care-footer-bottom.af-footer-bottom .site-designer-signature{
    font-size:10.5px!important;
  }
}


/* AQUA FLORA V4.3.1 — mobile menu height + footer content centering correction */
@media (max-width:860px){
  /* Legacy public CSS leaves bottom:0 on the homepage menu. Reset it so the
     opened panel ends immediately after the last navigation item, like CARE. */
  .site-header .main-nav{
    bottom:auto!important;
    inset-block-end:auto!important;
    height:auto!important;
    min-height:0!important;
  }
}

@media (max-width:520px){
  /* Force the complete contents of every public footer card onto the same
     horizontal centre line as its heading, matching the CARE footer. */
  .site-footer.af-site-footer .footer-col.af-footer-col{
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col > ul{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col > ul > li{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:center!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col > ul > li > a,
  .site-footer.af-site-footer .footer-col.af-footer-col > ul > li > span,
  .site-footer.af-site-footer .footer-col.af-footer-col > ul > li > .footer-hours,
  .site-footer.af-site-footer .footer-col.af-footer-col .footer-contact-item{
    width:max-content!important;
    max-width:100%!important;
    margin-inline:auto!important;
    align-self:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .site-footer.af-site-footer .footer-col.af-footer-col .footer-hours-text,
  .site-footer.af-site-footer .footer-col.af-footer-col .footer-hours-text > span{
    width:auto!important;
    max-width:100%!important;
    margin-inline:auto!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
}