/* ===== File: services.css ===== */

/* ===== Base theme (from your Maintenance/Inspections styles) ===== */
:root{
  --navy:#111111; --card-black:#1f1f1f; --rust:#c55a2d; --white:#ffffff; --text-light:#e0e0e0; --muted:#2a2a2a; --divider:rgba(255,255,255,0.06);
  --nav-h:158px; --nav-vpad:10px; --header-h: calc(var(--nav-h) + (var(--nav-vpad) * 2));
  /* Beaver defaults (Unified across all pages) */
  --beaver-w: 130px; --beaver-bury: 32px; --beaver-x-nudge: 15px; --beaver-drop: 0px;
}
*{-webkit-tap-highlight-color:transparent;}
html,body{margin:0;overflow-x:hidden;scroll-behavior:smooth;background:#111;color:var(--white);}
img{max-width:100%;display:block}
.hero-wrapper{position:relative;}
.hero-wrapper > header{position:sticky;top:0;width:100%;background:transparent !important;border-bottom:0;z-index:3000;padding-top:var(--nav-vpad);padding-bottom:var(--nav-vpad);pointer-events:auto;}
.header-bg{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg, rgba(17,17,17,.88) 0%, rgba(17,17,17,.74) 100%);backdrop-filter:saturate(1.05) blur(5px);border-bottom:1px solid rgba(255,255,255,.08);opacity:0;transition:opacity .28s cubic-bezier(0.16,1,0.3,1);}
.hero-wrapper > header.is-solid .header-bg{opacity:1;}
.hla-container{position:relative;z-index:2;display:flex;width:100%;padding:0 1rem;align-items:center;justify-content:space-between;pointer-events:auto;}
.hla-nav{display:flex;flex:1;gap:0;align-items:center;text-transform:uppercase;min-width:0;}
.hla-nav > a,.hla-nav > .contact-wrapper{flex:1;display:flex;align-items:center;justify-content:center;height:var(--nav-h);min-width:0;}
.hla-nav > a{color:#fff;font-size:1rem;font-weight:800;text-decoration:none;text-shadow:black 1px 1px 0, black -1px 1px 0, black 1px -1px 0, black -1px -1px 0;transition: transform .18s cubic-bezier(0.45,0.8,0.48,1.1), color .2s;white-space:nowrap;}
.hla-nav > a:hover{color:#c05d2c;transform:scale(1.18);}
.contact-wrapper .contact-text{display:inline-block;padding:.65rem .75rem;background:#c55a2d;color:#fff;border-radius:6px;text-decoration:none;font-weight:700;transition:transform .2s, box-shadow .2s;}
.contact-wrapper .contact-text:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.25);}
.logo-wrapper{display:flex;align-items:center;justify-content:center;height:var(--nav-h);position:relative;overflow:visible;max-width:none;margin:0 auto;}
.hla-logo{display:block;height:10rem;width:auto;padding:0 2rem;transform:scale(1.25);transition: transform .18s cubic-bezier(0.45,0.8,0.48,1.1), filter .2s, opacity .18s;pointer-events:none;object-fit:contain;}
.logo-wrapper:hover .hla-logo{transform:scale(1.45);content:url('Media/Navimage-orange.png');filter:drop-shadow(0 2px 8px rgba(0,0,0,0.19));}
.hla-menu-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:1.75rem;cursor:pointer;z-index:7001;display:none;pointer-events:auto;}
@media (max-width:900px){
  .left-nav,.right-nav{display:none;}
  .hla-menu-icon{display:inline-flex;}
  :root{ --nav-h:148px; --nav-vpad:8px; }
  .hla-container{justify-content:center;}
  .logo-wrapper{overflow:hidden;padding:0;width:100%;max-width:92vw;height:var(--nav-h);position:relative;display:flex;align-items:center;justify-content:center;}
  .hla-logo{position:static;height: calc(100% + 22px);width:auto;padding:0;margin:0;transform:none;object-fit:contain;pointer-events:none;}
  .logo-wrapper:hover .hla-logo{ transform:none; }
}
@media (max-width:420px){.hla-logo{ height: calc(100% + 28px); }}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:7000}
.mobile-menu-overlay.show{opacity:1;pointer-events:auto}
.mobile-menu-panel{position:fixed;top:0;bottom:0;left:0;width:75%;max-width:340px;background:linear-gradient(180deg,rgba(26,26,26,0.98),rgba(18,18,18,0.98));transform:translateX(-100%);transition:transform .3s ease, opacity .3s ease;will-change:transform;padding:calc(var(--header-h) + 6px) 14px 24px;display:flex;flex-direction:column;gap:0;border-right:1px solid rgba(255,255,255,.08);opacity:1;z-index:7001}
.mobile-menu-panel a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none;color:#fff;font-weight:800;letter-spacing:.4px;transition:transform .18s ease, background-color .18s ease, border-color .18s ease;}
.mobile-menu-panel a::after{content:"›";font-size:1.25rem;line-height:1;opacity:.6;margin-left:.75rem;transition:transform .18s ease, opacity .18s ease;}
.mobile-menu-panel a:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);}
.mobile-menu-panel a:hover::after{ transform:translateX(2px);opacity:.9; }
.mobile-menu-panel a:last-child{border-bottom:none;}
.mobile-menu-panel.open{transform:translateX(0)}
.mobile-menu-panel a:focus-visible{outline:2px solid #fff; outline-offset:2px;}

.service-hero{position:relative;min-height:100svh;margin-top:calc(-1*var(--header-h));padding-top:var(--header-h);display:block;background-position:center;background-size:cover;box-sizing:border-box;}
.service-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.24) 30%,rgba(0,0,0,.24) 55%,rgba(0,0,0,.56) 100%);}
.hero-inner{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;justify-content:center;padding-bottom:112px;gap:.9rem;}
.hero-title{color:var(--white);font-weight:900;line-height:1.08;letter-spacing:.2px;font-size:clamp(2rem,3.2vw + 1.6rem,4.2rem);text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.45);margin:0 0 1rem 0;max-width:1150px;}
.hero-sub{max-width:850px;color:var(--text-light);font-size:clamp(1.02rem,.5vw + 1rem,1.25rem);line-height:1.6;margin:0 0 1.25rem 0;}
.hero-eyebrow{display:inline-block;margin-bottom:.5rem;color:rgba(255,255,255,.9);font-weight:800;letter-spacing:2.5px;text-transform:uppercase;font-size:clamp(.78rem,.45vw + .7rem,.95rem);}
.hero-cta{display:inline-block;background:var(--rust);color:var(--white);padding:1rem 2rem;border-radius:10px;font-weight:800;width:fit-content;text-decoration:none;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;}
.hero-cta:hover{background-color:#b64e28;transform:translateY(-1px);box-shadow:0 16px 30px rgba(0,0,0,.40);}
.hero-cta:focus-visible{outline:2px solid var(--white);outline-offset:2px;}

.hero-pills{position:absolute;left:50%;bottom:clamp(12px,2.2vh,28px);transform:translateX(-50%);z-index:2;display:flex;gap:10px;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(6px);box-shadow:0 12px 28px rgba(0,0,0,.45);max-width:96vw;overflow:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;animation:pills-in .5s ease-out both .15s;}
.hero-pills::-webkit-scrollbar{display:none;}

.hero-pills a{position:relative;z-index:1;overflow:visible;display:inline-block;white-space:nowrap;padding:.6rem 1rem;border-radius:999px;text-decoration:none;color:var(--white);font-weight:800;letter-spacing:.2px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);transition:background-color .22s, border-color .22s, box-shadow .22s, transform .22s, color .22s;cursor:pointer;}
.hero-pills a:hover{transform:translateY(-0.5px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);box-shadow:0 6px 14px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.04);}
.hero-pills a:active{transform:translateY(0);background:rgba(255,255,255,.12);}
.hero-pills a:focus-visible{outline:2px solid #fff; outline-offset:2px;}
.hero-pills a.active{background:rgba(197,90,45,.30);border-color:rgba(197,90,45,.85);box-shadow:inset 0 0 0 1px rgba(197,90,45,.35), 0 6px 14px rgba(0,0,0,.28);color:#fff;}
.hero-pills .hero-pills-pointer{position:absolute;bottom:calc(100% - var(--beaver-bury));left:50%;transform:translateX(calc(-50% + var(--beaver-x-nudge))) translateY(var(--beaver-drop));width:var(--beaver-w);height:auto;pointer-events:none;z-index:5;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));}

/* === Hard lock for uniform beaver size & padding across ALL pages (prevents any external CSS from altering it) === */
.hero-wrapper .hero-pills a{font-size:1rem !important;padding:.6rem 1rem !important;}
.hero-wrapper .hero-pills .hero-pills-pointer{
  width:var(--beaver-w) !important;
  min-width:var(--beaver-w);
  max-width:var(--beaver-w);
  height:auto;
  display:block;
}

main.service-content{background:var(--navy);padding:0 1rem;}
.panel{max-width:1040px;margin:2rem auto;padding:2.25rem;border-left:4px solid var(--rust);border-radius:10px;background-clip:padding-box;box-shadow:0 8px 24px rgba(0,0,0,.18);}
.first-panel{margin-top:clamp(16px,3.2vh,36px);}
.dark-panel{background:var(--navy);}
.light-panel{background:rgb(27,27,27);box-shadow:inset 0 1px 0 var(--divider),0 8px 24px rgba(0,0,0,.18);}
.panel h1,.panel h2,.panel h3,.panel h4{text-align:center;margin-top:0;}
.panel h3 + p,.panel h3 + ul,.panel h1 + p,.panel h2 + p{border-top:0;padding-top:1rem;}
#whats-included,#our-process,#results-proof,#faqs{scroll-margin-top:calc(var(--header-h) + 16px);}
.panel-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:1.25rem;align-items:start;}
.panel-grid .panel-copy{min-width:0;}
.panel-grid.flip .panel-copy{order:2;}
.panel-grid.flip .image-placeholder{order:1;}
.panel-grid.flip{grid-template-columns:0.96fr 1.04fr;}
.panel-grid .image-placeholder{align-self:center;}
.image-placeholder{position:relative;width:100%;aspect-ratio:16/9;border:2px solid var(--rust);border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#151515;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 6px 18px rgba(0,0,0,.22);}
.image-placeholder span{font-size:.95rem;color:var(--text-light);opacity:.85;}
.image-placeholder:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.28);}
.image-placeholder img{width:100%;height:100%;object-fit:cover;display:block;}
.image-xl{aspect-ratio:16/9;}

.before-after{margin-top:1rem;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,16px);align-items:center;}
.ba-frame{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:2px solid var(--rust);box-shadow:0 4px 14px rgba(0,0,0,.18);background:#151515;}
.ba-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.ba-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(64px,8vw,104px);line-height:1;color:rgba(197,90,45,.9);text-shadow:0 4px 16px rgba(0,0,0,.45);pointer-events:none;z-index:3;}

.panel h1{color:var(--white);font-size:clamp(1.6rem,2.4vw + 1rem,2.2rem);line-height:1.2;letter-spacing:.2px;margin-bottom:.75rem;}
.panel h2,.panel h3{color:var(--white);margin-bottom:1rem;letter-spacing:.2px;}
.panel p,.panel ul{color:var(--text-light);line-height:1.65;margin-bottom:1rem;font-size:1.05rem;}
.panel ul.custom-list{list-style:none;padding-left:1.5rem;}
.panel ul.custom-list li{position:relative;margin-bottom:.75rem;padding-left:1.25rem;line-height:1.6;}
.panel ul.custom-list li::before{content:"";position:absolute;left:0;top:.58em;width:.48rem;height:.48rem;border-radius:50%;background:var(--rust);}
.inline-link{color:var(--rust);text-decoration:underline;font-weight:inherit;}
.inline-link:hover{text-decoration-thickness:2px;}
.white-link{color:var(--white);text-decoration:underline;}

.steps-list{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:1rem;}
.steps-list>li{display:grid;grid-template-columns:2.25rem 1fr;align-items:start;gap:.75rem;min-width:0;padding:.75rem .75rem .75rem 0;border-bottom:1px solid var(--divider);}
.steps-list>li:last-child{border-bottom:0;}
.step-badge{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--rust);color:var(--white);display:grid;place-items:center;font-weight:800;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.25);}
.step-badge::after{counter-increment:step;content:counter(step);}
.step-content{min-width:0;}
.step-content p{margin:0;}

.contact-panel{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;min-height:220px;}
.cta-stack{display:flex;flex-direction:column;align-items:center;gap:1rem;}
.contact-panel p{color:var(--text-light);margin:0;font-size:1.125rem;line-height:1.4;}
.contact-btn{display:inline-block;margin:0;background:var(--rust);color:var(--white);padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,filter .2s ease;}
.contact-btn:hover{background-color:#b64e28;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.35);filter:saturate(1.05);}

/* ===== Included tabs ===== */
.included-header{display:flex;flex-direction:column;align-items:center;}
.included-header h3{margin-bottom:.15rem;}
.tab-hint{color:var(--text-light);font-size:.9rem;opacity:.75;}

/* wrapper holding arrows OUTSIDE the scroller */
.included-tabs-wrap{
  position:relative;
  width:100%;
  margin-top:.25rem;
  padding-bottom:.35rem;
  border-bottom:1px solid var(--divider);
}
.included-tablist{
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  gap:.25rem;
  justify-content:center; /* centered on laptop/desktop */
  padding:0 0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  width:100%;

  /* lock to a single horizontal line */
  white-space:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: none;

  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
@media (max-width:900px){
  .included-tablist{ justify-content:flex-start; }
}
.included-tablist::-webkit-scrollbar{display:none;}
.included-underline{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--rust);border-radius:999px;transition:transform .25s ease, width .25s ease, opacity .25s ease;opacity:1;pointer-events:none;}
.included-tab{display:inline-block;border:0;background:transparent;color:var(--text-light);padding:.6rem 1rem;border-radius:8px;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:transform .12s ease, color .12s ease, background-color .12s ease;scroll-snap-align:start;white-space:nowrap;}
.included-tab[aria-selected="true"]{color:#fff;background:rgba(255,255,255,0.04);}
.included-tab:hover{transform:translateY(-1px);color:#fff;background:rgba(255,255,255,0.06);}
.included-tab:focus-visible{outline:2px solid rgba(255,255,255,0.7);outline-offset:2px;}
.included-panel{margin-top:1rem;border:1px solid var(--divider);border-radius:10px;padding:1rem;background:#1b1b1b;}
.included-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:1rem;align-items:start;}

/* always-visible NEXT/PREV buttons placed OUTSIDE the scroller */
.tab-switch{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:38px;
  display:none;
  align-items:center;justify-content:center;
  border:0;background:transparent;color:#bdbdbd;
  font-weight:900;font-size:22px;line-height:1;
  cursor:pointer;z-index:3;
  -webkit-tap-highlight-color:transparent;
  transition:transform .1s ease, opacity .2s ease;
}
.tab-switch:active{ transform:translateY(-50%) scale(0.98); }
.tab-switch:focus-visible{ outline:2px solid rgba(255,255,255,.8); outline-offset:2px; }
.tab-switch-left{ left:-8px; background:linear-gradient(90deg, rgba(17,17,17,.86), rgba(17,17,17,0)); }
.tab-switch-right{ right:-8px; background:linear-gradient(-90deg, rgba(17,17,17,.86), rgba(17,17,17,0)); }

/* Mobile: show the real buttons */
@media (max-width:900px){
  .tab-switch{ display:flex; }
}

/* ===== FAQ section ===== */
#faqs details{border:1px solid var(--divider);border-radius:10px;background:#1b1b1b;padding:1rem 1.1rem;margin:.75rem 0;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;cursor:pointer;position:relative;}
#faqs details[open]{border-color:rgba(197,90,45,0.45);box-shadow:0 6px 16px rgba(0,0,0,.20);background:#1e1e1e;}
#faqs summary{list-style:none;display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none;color:#fff;font-weight:800;width:100%;}
#faqs summary::-webkit-details-marker{display:none;}
#faqs .chev{margin-left:auto;transition: transform .2s ease, opacity .2s ease;opacity:.85; pointer-events:none;}
#faqs details[open] .chev,
#faqs details.is-open .chev{transform:rotate(90deg);opacity:1;}
.faq-body{overflow:hidden;height:0;will-change:height;transition:height .32s ease;}
#faqs details[open] .faq-body{max-height:1200px;}
#faqs p{margin:.75rem 0 0;color:var(--text-light);line-height:1.65;}
#faqs details::after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;}

/* ===== Footer nav: one-line scroller with fades (no wrapping) ===== */
.contact-links{
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  gap:1.25rem;
  justify-content:flex-start;
  margin-top:2rem;
  padding:1rem 8px 0;
  border-top:1px solid var(--divider);
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.contact-links::-webkit-scrollbar{display:none;}
.contact-links a{color:#e8e8e8;text-decoration:none;font-weight:700;letter-spacing:.2px;opacity:.95;transition:opacity .2s ease;}
.contact-links a:hover{opacity:1;color:#fff;}
.contact-links::before,
.contact-links::after{
  content:"";
  position:absolute;top:1rem;bottom:0;width:28px;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:2;
}
.contact-links::before{left:0;background:linear-gradient(90deg, rgba(17,17,17,1), rgba(17,17,17,0));}
.contact-links::after{right:0;background:linear-gradient(-90deg, rgba(17,17,17,1), rgba(17,17,17,0));}
.contact-links.can-scroll-left::before{opacity:.9;}
.contact-links.can-scroll-right::after{opacity:.9;}

.reveal-up{opacity:0;transform:translateY(10px)}
.reveal-up.is-visible{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease}
@media (prefers-reduced-motion:reduce){.reveal-up,.reveal-up.is-visible{opacity:1;transform:none;transition:none}}

@media (max-width:1200px){
  .hero-inner{padding:0 1.25rem;}
  .hero-title{max-width:900px;}
  .panel{margin:1.75rem auto;padding:2rem;}
}
@media (max-width:860px){
  .panel-grid.flip{display:flex;flex-direction:column;gap:1rem;}
  .panel-grid.flip .panel-copy{order:1;}
  .panel-grid.flip .image-placeholder{order:2;aspect-ratio:16/9;}
}
@media (max-width:820px){
  .hero-pills, .hero-pills-pointer{display:none !important;}
  .hero-inner{min-height:calc(100svh - var(--header-h));justify-content:flex-start;align-items:center;text-align:center;padding-top:clamp(16px,6vh,56px);padding-bottom:28px;gap:clamp(.6rem,2.2vh,1.1rem);}
  .hero-title{margin-bottom:.2rem;line-height:1.06;max-width:min(92vw,24ch);}
  .hero-sub{margin-bottom:.5rem;max-width:min(92vw,60ch);}
  .hero-cta{margin-top:.75rem;width:min(92vw,520px);}
  .panel{padding:1.75rem;border-left:3px solid var(--rust);}
  .panel-grid,.included-grid{grid-template-columns:1fr;}
  .panel-grid .image-placeholder{aspect-ratio:4/3;}
  .included-grid .image-placeholder{aspect-ratio:4/3;}
  .before-after{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.6rem;align-items:stretch;}
  .ba-frame{aspect-ratio:4/3;}
  .ba-arrow{transform:translate(-50%,-50%) rotate(90deg);font-size:clamp(56px,12vw,88px);}
}
/* Hide hero pills on short-height landscape too */
@media (max-height:540px) and (orientation:landscape){
  .hero-pills, .hero-pills-pointer{display:none !important;}
  .hero-inner{align-items:flex-start;justify-content:flex-end;text-align:left;padding-bottom:24px;}
  .hero-title{font-size:clamp(1.4rem,2.1vw + 1rem,2.4rem);max-width:75ch;}
  .hero-sub{font-size:.95rem;max-width:80ch;}
  .hero-cta{padding:.85rem 1.5rem;}
}

/* (kept: placeholder hint arrows disabled visually) */
.included-tablist::before,
.included-tablist::after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:1;}
.included-tablist::before{
  left:0;
  background:
    linear-gradient(90deg, rgba(17,17,17,.0), rgba(17,17,17,0));
}
.included-tablist::after{
  right:0;
  background:
    linear-gradient(-90deg, rgba(17,17,17,0), rgba(17,17,17,0));
}




/* Re-center the bottom contact links on Maintenance (keeps horizontal scroll) */
.service-content .contact-links{ justify-content: center !important; }