/* =========================================================
   Auzzie Pest — DEDUPE-ONLY CSS
   (All original sections kept; only duplicates consolidated.)
   ========================================================= */

/* -------------------- 1) PALETTE + BASE -------------------- */
:root{
  --primary:#f47629;
  --secondary:#353b5b;
  --white:#ffffff;
  --black:#000000;
  --text:#1a1d2b;
  --muted:#6b7280;
}
*{box-sizing:border-box;}
html,body{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji',sans-serif;
  color:var(--text);
  background:var(--white);
  margin:0px !important;
  padding: 0px !important;
}

/* -------------------- 2) GLOBAL UTILITIES -------------------- */
.text-accent{ color:var(--primary)!important; }
.text-navy{ color:var(--secondary)!important; }
.object-cover{ object-fit:cover; }
.object-contain{ object-fit:contain; }
.object-fit-cover{ object-fit:cover; } /* alias used in some places */


li{
  list-style: none !important;
}



/* Buttons (unified brand mapping) */
.btn-primary{
  --bs-btn-bg:var(--primary);
  --bs-btn-border-color:var(--primary);
  --bs-btn-hover-bg:#e06921;
  --bs-btn-hover-border-color:#e06921;
  --bs-btn-active-bg:#cf611f;
  --bs-btn-active-border-color:#cf611f;
  box-shadow:0 10px 20px rgba(244,118,41,.12);
}
.btn-outline-secondary{
  --bs-btn-color:var(--secondary);
  --bs-btn-border-color:var(--secondary);
  --bs-btn-hover-bg:var(--secondary);
  --bs-btn-hover-border-color:var(--secondary);
  --bs-btn-hover-color:#fff;
}
a.btn.btn-primary {
    color: white;
}
a.btn-read.mt-auto:hover {
    color: white;
}
aside.col-lg-4.d-none.d-lg-block {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* soft shadow */
    border-radius: 12px; /* thoda rounded look */
    background: #fff; /* clean background */
    padding: 20px; /* andar spacing */
    transition: all 0.3s ease-in-out;
}

.btn-brand{
  height:40px;border-radius:12px;font-weight:700;
  color:#fff;background:var(--primary);border-color:var(--primary);
}
.btn-brand:hover{ background:#e06921;border-color:#e06921; }
.btn-cta{ /* site-wide compact CTA (your 40px spec) */
  height:40px;border-radius:12px;font-weight:700;
}
.cta-btn{ /* tall CTA (56px) used in quick-quote etc. */
  height:56px;border-radius:12px;font-weight:700;letter-spacing:.3px;
}

/* Single-color Read CTA (keep HTML compatibility) */
.btn-read{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--primary);color:#fff;font-weight:700;
  padding:10px 16px;border-radius:12px;border:0;
  box-shadow:0 6px 14px rgba(0,0,0,.08);text-decoration:none;
}
.btn-read:hover{ filter:brightness(.95); }
.btn-read:active{ filter:brightness(.9); }
.btn-read .left{ background:transparent;color:inherit;padding:0; }
.btn-read .right{ display:none; }

/* Badges
   NOTE: .badge-ghost was used 2 different ways in your CSS.
   To preserve both looks without breaking markup:
   - base .badge-ghost = brand-tinted pill
   - .hero .badge-ghost = translucent light pill on dark images
*/
.badge-ghost{
  background:rgba(244,118,41,.12);
  color:var(--primary);
  border:1px solid rgba(244,118,41,.28);
  padding:.35rem .6rem;border-radius:.6rem;font-weight:700;letter-spacing:.2px;
}
.hero .badge-ghost{
  background:rgba(255,255,255,.12);
  color:#fff;border:1px solid rgba(255,255,255,.28);
  border-left:4px solid var(--primary); backdrop-filter:blur(2px);
  padding:8px 12px;border-radius:10px;font-weight:600;
}

/* Form focus ring (brand) */
.form-control:focus,.form-select:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 .25rem rgba(244,118,41,.15);
  outline:none;
}

/* ========== Topbar ========== */
.topbar{background:var(--secondary);color:#fff;display:none}
@media (min-width:992px){.topbar{display:block}}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.topbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.topbar-right{display:flex;align-items:center;gap:16px}
.topbar-item,.topbar-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px}
.topbar-link:hover{color: var(--primary);}
.topbar-divider{width:1px;height:18px;background:rgba(255,255,255,.28)}

/* ========== Icons (tiny CSS-only) ========== */
.i{display:inline-block;width:1.05em;position:relative}
.i-mail::before{content:"✉"}
.i-clock::before{content:"⏰"}
.i-headset::before{content:"🎧"}
.i-blog::before{content:"📰"}
.i-phone::before{content:"📞"}
.i-menu::before{content:"≡";font-weight:800}
.i-close::before{content:"✕";font-weight:800}

/* ========== Header / Nav Bar ========== */
.site-header{position:sticky;top:0;z-index:1030;background:var(--bg);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:16px}
.brand{display:inline-flex;align-items:center;text-decoration:none;color:inherit}

/* Desktop nav */
.main-nav{display:none}
@media (min-width:992px){.main-nav{display:block;flex:1}}
.nav-list{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:0;padding:0;white-space:nowrap}
.nav-item{position:relative}
.nav-link{display:inline-block;padding:16px 18px;font-weight:600;color:var(--secondary);text-decoration:none}
.nav-link:hover,.nav-link:focus{color:var(--primary)}

/* Call */
.call-wrap{display:none}
@media (min-width:992px){
  .call-wrap{display:flex;align-items:center;gap:10px;background:#fff;padding:6px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
  .call-number{font-weight:800;color:var(--primary);text-decoration:none;letter-spacing:.3px}
  .call-number:hover{text-decoration:underline}
}

/* Hamburger (mobile only) */
.btn-menu{border:0;background:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:8px}
@media (min-width:992px){.btn-menu{display:none}}

/* ========== Dropdowns (Desktop hover) ========== */
@media (min-width: 992px) {
  .has-dropdown{position:relative}
  .has-dropdown > .dropdown{
    display:block; /* keep render tree for animation */
    position:absolute; left:0; top:80%;
    min-width:240px; padding:6px; margin-top:8px; /* slight offset */
    background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:12px; box-shadow:var(--shadow);
    opacity:0; visibility:hidden; transform:translateY(6px);
    transition:opacity .14s ease, transform .14s ease, visibility .14s ease;
    pointer-events:none; z-index:10;
  }
  .has-dropdown:hover > .dropdown,
  .has-dropdown:focus-within > .dropdown{
    opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;
  }
  /* keep all items in a single line */
  .nav-list{flex-wrap:nowrap}
}

.dropdown-item{display:block;padding:9px 14px;border-radius:8px;color:var(--secondary);text-decoration:none;white-space:nowrap}
.dropdown-item:hover,.dropdown-item:focus{background:#f7f7fb;color:var(--secondary)}
.dropdown-item:active{background:var(--primary);color:#fff}

/* ========== Mobile Drawer ========== */
.mobile-drawer{position:fixed;inset:0 auto 0 0;width:310px;background:#fff;box-shadow:var(--shadow);transform:translateX(-100%);transition:transform .22s ease;z-index:1100;display:flex;flex-direction:column}
.drawer-open .mobile-drawer{transform:translateX(0)}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.btn-close{border:none;border-radius:10px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.drawer-body{padding:6px 0;overflow:auto}
.drawer-list{list-style:none;margin:0;padding:0}
.drawer-link{display:block;padding:13px 16px;font-weight:600;color:var(--secondary);text-decoration:none}
.drawer-link:hover{background:#f8f9fb}

.drawer-group{border-top:1px solid var(--line)}
.drawer-toggle{width:100%;text-align:left;padding:13px 16px;font-weight:700;border:0;background:#fff;color:var(--secondary);display:flex;align-items:center;justify-content:space-between}
.drawer-sublist{display:none;list-style:none;padding:6px 0 10px 0;margin:0}
.drawer-sublist.open{display:block}
.drawer-sublink{display:block;padding:9px 24px;color:var(--secondary);text-decoration:none}
.drawer-sublink:hover{background:#f3f4f6}
.drawer-call{display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid var(--line)}

.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:saturate(120%) blur(1px);z-index:1090;opacity:0;transition:opacity .2s ease}
.drawer-open .drawer-backdrop{opacity:1}

/* Reset & base */
.btn-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Icon inside */
.btn-menu .i {
  font-size: 1.4rem;
  color: #333;
  pointer-events: none;
}

/* Default: hide on large screens (desktop) */
.btn-menu {
  display: none;
}

/* Show on tablet and mobile */
@media (max-width: 1024px) {
  .btn-menu {
    display: flex; /* ya inline-flex */
  }
}


/* Hover / focus state */
.btn-menu:hover,
.btn-menu:focus {
  background: var(--primary);
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  outline: none;
}

/* Active state (when menu is open) */
.btn-menu[aria-expanded="true"] {
  background: var(--primary);
}
.btn-menu[aria-expanded="true"] .i {
  color: #fff;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .btn-menu {
    width: 40px;
    height: 40px;
    border-radius: 50%; /* round on tablets */
  }
  .btn-menu .i {
    color: #fff;
    font-size: 40px;
    height: 65px !important;
  }
}

@media (max-width: 480px) {
  .btn-menu {
    width: 40px;
    height: 40px;
    background: var(--primary);
  }
  .btn-menu .i {
    color: #fff;
    font-size: 40px;
    height: 65px !important;
  }
}


/* ========== Utilities ========== */
:focus-visible{outline:3px solid rgba(31,58,147,.35);outline-offset:2px;border-radius:8px}

/* -------------------- 4) HERO -------------------- */
.hero{
  background-image:
    linear-gradient(120deg, rgba(53,59,91,.92), rgba(53,59,91,.55)),
    url("https://auzziepestcontrol.com/wp-content/uploads/2025/08/Hero-Section.webp");
  background-size:cover;background-position:center;background-repeat:no-repeat;
  padding-top:16px;padding-bottom:16px;
}
@media (min-width:992px){ .hero{ padding-top:16px;padding-bottom:16px; } }
.hero .container{ position:relative; }
.hero .lead{ line-height:1.6; }
.hero-card{ background:#fff;border-radius:16px;overflow:hidden; }

/* -------------------- 5) ABOUT -------------------- */
.about{
  background:
    radial-gradient(1200px 400px at -10% 0%, rgba(53,59,91,.04), transparent 70%),
    radial-gradient(800px 300px at 120% 30%, rgba(244,118,41,.05), transparent 60%);
}
.section-badge{
  background:#fff;border:1px solid rgba(0,0,0,.08);border-left:4px solid var(--primary);
  color:var(--secondary);padding:5.6px 12px;border-radius:9.6px;
  box-shadow:0 6px 16px rgba(0,0,0,.05);font-size:15.2px;
}
.section-badge i{ color:var(--primary); }
.about-img{ object-fit:cover; }
.about-features .check{
  width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(244,118,41,.1);color:var(--primary);border:1px solid rgba(244,118,41,.25);flex:0 0 auto;
}
.about-features .fw-semibold{ color:var(--secondary); }
@media (min-width:992px){ .about .about-img{ max-height:380px; } }

/* -------------------- 6) SERVICES: CARD SLIDER -------------------- */
.svc-sec{
  background:#0f1322;
  background-image:
    radial-gradient(800px 300px at 120% 0%, rgba(244,118,41,.07), transparent 60%),
    radial-gradient(900px 400px at -10% 40%, rgba(53,59,91,.09), transparent 70%);
}
.svc-sec .section-badge{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;
}
.svc-slider{ position:relative;overflow:hidden; }
.svc-track{
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  overflow-x:hidden;
  padding-bottom:6px;padding-right:16px!important;
}
.svc-card{
  background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:12px;
  padding:20px 18px;box-shadow:0 12px 24px rgba(0,0,0,.06);
  flex:0 0 100%;max-width:100%;scroll-snap-align:start;
}
@media (min-width:576px){ .svc-card{ flex-basis:50%;max-width:50%; } }
@media (min-width:992px){ .svc-card{ flex-basis:33.333%;max-width:33.333%; } }
.svc-top{ min-height:34px;margin-bottom:8px;position:relative; }
.svc-icon{ color:var(--primary);font-size:20px;line-height:1; }
.svc-num{ position:absolute;right:6px;top:-6px;font-size:34px;font-weight:800;color:#e6e9f4;opacity:.65;user-select:none; }
.svc-card p{ font-size:14px;line-height:1.6; }
.svc-track.grabbing{ cursor:grabbing; }


.svc-slider{ position: relative; }           /* ensure absolute children anchor here */

.svc-slider .svc-nav{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px; height: 44px;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--secondary);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
  z-index: 10;                               /* stay above cards */
}

.svc-slider .svc-prev{ left: 8px; }
.svc-slider .svc-next{ right: 8px; }

.svc-slider .svc-nav:hover{
  background: var(--primary);
  color: #fff;
}

/* Make sure the track is scrollable horizontally */
.svc-track{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

/* (Optional) hide scrollbar for a cleaner look */
.svc-track::-webkit-scrollbar{ display:none; }


/* -------------------- 7) PROJECTS -------------------- */
.projects-section{ background:#f5f7fb; }
.proj-badge{ background:#fff;border:1px solid rgba(0,0,0,.08);padding:6px 12px;border-radius:10px;color:var(--secondary); }
.proj-badge i{ color:var(--primary); }
#projectFilters .nav-link{
  background:#fff;border:1px solid rgba(0,0,0,.08);
  color:var(--secondary);font-weight:600;border-radius:8px;padding:8px 14px;
}
#projectFilters .nav-link.active{ background:var(--primary);color:#fff;border-color:var(--primary); }
.project-card{
  border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.project-card .card-img-top{ height:200px;object-fit:cover; }
@media (min-width:992px){ .project-card .card-img-top{ height:220px; } }
.project-card .card-body{ padding:16px 16px 18px; }
.project-card h3{ color:#12142b; }
.project-item{ transition:opacity .2s ease,transform .2s ease; }
.project-item.hide{ opacity:0;transform:scale(.98);pointer-events:none; }

/* -------------------- 8) TEAM -------------------- */
.team-card{
  position:relative;background:#fff;border-radius:10px;text-align:center;
  transition:.4s ease-in-out;box-shadow:rgba(149,157,165,.081) -1px 4px 24px;
}
.team-card .team-img{border-radius:10px 10px 0 0;position:relative;overflow:hidden;}
.team-card .team-img img{width:100%;transition:.4s ease-in-out;}
.team-card .team-social{position:absolute;left:0;right:0;bottom:25px;z-index:4;width:100%;text-align:center;}
.play-btn{
  position:relative;z-index:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;width:40px;height:40px;border-radius:50%;background:var(--primary);font-size:24px;
}
.play-btn::before,.play-btn::after{
  content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;border-radius:50%;
  background:var(--primary);animation:ripple 5s ease-in-out infinite;
}
@keyframes ripple{0%{transform:scale(1);opacity:0;}30%{opacity:.4;}100%{transform:scale(1.8);opacity:0;}}
.play-btn>i{color:#fff;font-size:20px;}
.team-card .th-social{
  position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;
  opacity:0;visibility:hidden;transform:scaleX(0);transition:.4s ease-in-out;
}
.th-social a{
  display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;text-decoration:none;margin-right:5px;border-radius:50%;
  background:var(--secondary);color:#fff;font-size:16px;
}
.th-social a:hover{background:var(--primary);color:#fff;}
.team-card .team-social:hover .th-social{opacity:1;visibility:visible;transform:scaleX(1);}
.team-card .th-social a:nth-child(2){margin-right:30px;}
.team-card .th-social a:nth-child(3){margin-left:30px;}
.team-card .team-contact-21{
  padding:20px 10px;position:relative;z-index:2;text-align:center;border-radius:0 0 10px 10px;background:#f7f7fb;
}
.team-contact-21 a{
  display:block;text-decoration:none;text-transform:capitalize;font-size:24px;font-weight:600;color:var(--secondary)!important;transition:all .35s ease-in;
}
.team-contact-21 span{font-size:16px;color:#606060;font-weight:400;}
.team-card:hover .team-contact-21{background:var(--secondary);}
.team-card:hover .team-contact-21 a,.team-card:hover .team-contact-21 span{color:#fff!important;}
.team-card:hover .team-img img{transform:scale(1.05);}


input, select {
    font-size: 15px !important;
    color: black !important;
    padding-left:10px !important;
    min-height: 30px !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-primary.btn-lg {
    background: red;
    color: white;
    border-radius: 20px;
    line-height:5px;
    padding-left: 10px !important;
    min-height: 30px !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-primary.btn-lg {
    width: 100%;
    color: white !important;
    padding-left: 20px !important;
    min-height: 30px !important;
}
span.afterpay-pill img {
    width: 50% !important;
}
section.prep-cta.py-5 p
 {
    color: white;
}
/* -------------------- 9) TESTIMONIALS -------------------- */
.testi-sec{
  background:#0f1322;
  background-image:
    radial-gradient(800px 300px at 120% 0%, rgba(244,118,41,.08), transparent 60%),
    radial-gradient(900px 400px at -10% 40%, rgba(53,59,91,.25), transparent 70%);
}
.testi-sec .section-badge{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  color:#fff;padding:6px 12px;border-radius:10px;
}
.testi-slider{ overflow:hidden; }
.testi-track{ width:100%;transition:transform .35s ease; }
.testi-page{ width:100%;padding-bottom:8px; }
.testi-card{
  position:relative;background:#fff;border-radius:12px;
  padding:18px 18px 28px;border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.testi-card .quote-badge{
  position:absolute;right:14px;bottom:-14px;width:40px;height:40px;border-radius:50%;
  background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 6px 14px rgba(0,0,0,.15);
}
.text-warning .bi{ color:#ffb400; }
.testi-controls .btn-icon{ width:42px;height:42px;padding:0;border-radius:50%;box-shadow:0 8px 18px rgba(0,0,0,.2); }

/* -------------------- 10) BLOG LISTING -------------------- */
.blog-listing{ background:#f5f7fb;font-family:'Poppins',sans-serif; }
.blog-listing .card{
  background:#fff;border-radius:10px;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.blog-listing .card:hover{ transform:translateY(-8px);box-shadow:0 12px 28px rgba(0,0,0,.10); }
.blog-listing .card-img-top{ width:100%;border-radius:10px 10px 0 0;transition:transform .3s ease; }
.blog-listing .card:hover .card-img-top{ transform:scale(1.05); }
.blog-listing .card-body{ padding:25px; }
.blog-listing .card-body h5{
  font-size:18px;font-weight:700;line-height:1.4;color:var(--secondary);
  margin-bottom:10px;transition:color .25s ease;
}
.blog-listing .card-body h5:hover{ color:var(--primary); }
.blog-listing .card-body p{ font-size:15px;line-height:1.6;color:#666; }
.text-brand{ color:var(--primary)!important; }
.text-brand-2{ color:var(--secondary)!important; }
.blog-listing .bi{ vertical-align:middle;font-size:14px; }
@media (max-width:767.98px){
  .blog-listing .card-img-top{ height:180px; }
  .blog-listing .card-body h5{ font-size:16px; }
  .blog-listing .card-body p{ font-size:14px; }
}

/* -------------------- 11) LOCATION INTRO -------------------- */
.location-intro{
  background:#fff;
  background-image:
    radial-gradient(900px 400px at -10% 20%, rgba(53,59,91,.05), transparent 70%),
    radial-gradient(800px 320px at 110% 60%, rgba(244,118,41,.06), transparent 60%);
}
.loc-media{ border-radius:12px;position:relative; }
.loc-img{ width:100%;height:360px;object-fit:cover;display:block; }
@media (min-width:992px){ .loc-img{ height:440px; } }
.loc-banner{
  position:absolute;left:14px;bottom:14px;background:var(--secondary);color:#fff;
  padding:12px 16px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.loc-bubble{
  position:absolute;right:16px;bottom:16px;width:180px;height:180px;border-radius:50%;
  background:#fff;border:2px solid var(--primary);
  padding:18px;box-shadow:0 12px 26px rgba(0,0,0,.12);
  display:flex;align-items:center;justify-content:center;text-align:left;
}
.text-primary-aux{ color:var(--primary); }
.list-areas .area-dot{ width:10px;height:10px;border-radius:50%;background:var(--primary);display:inline-block; }

/* -------------------- 12) CTA QUICK QUOTE -------------------- */
.cta-quickquote{
  background-image:
    linear-gradient(120deg, rgba(53,59,91,0.92), rgba(53,59,91,0.55)),
    url('https://auzziepestcontrol.com/wp-content/uploads/2025/08/Hero-Section.webp');
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.cta-card{ backdrop-filter:blur(6px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16); }
.cta-input{
  height:56px;border-radius:12px;border:1px solid #e4e7ef;background:#fff;color:var(--text);box-shadow:none;
}
.cta-input:focus{ border-color:var(--primary);box-shadow:0 0 0 3px rgba(244,118,41,.20);outline:none; }
.cta-check{ border-radius:4px;border-color:rgba(255,255,255,0.6); }
.cta-check:checked{ background:var(--primary);border-color:var(--primary); }
@media (max-width:767.98px){ .cta-card{ padding:16px; } }

/* -------------------- 13) PEST GRID + MODAL -------------------- */
.pest-board-wrap{ background:#fff; }
.pest-board{ background:var(--secondary);border:1px solid rgba(0,0,0,.05); }
.pest-tile{
  background:#fff;border:0;border-radius:14px;padding:10px 10px;box-shadow:0 12px 24px rgba(0,0,0,.06);
  display:flex;align-items:center;gap:16px;transition:transform .15s ease,box-shadow .2s ease;
}
.pest-tile:hover{ transform:translateY(-2px);background:#fff;box-shadow:0 16px 30px rgba(0,0,0,.10); }
.pest-icon{
  width:30px;height:30px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  color:#2ea86b;font-size:15px;background:#eef8f1;
}

.pest-title{ font-weight:800;font-size:15px;letter-spacing:.2px;color:var(--secondary); }
.pest-tile:focus{ outline:none; }
.pest-tile:focus-visible{
  background:#fff;outline:2px solid var(--primary);outline-offset:2px;
  box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(244,118,41,.25);
}
@supports not selector(:focus-visible){
  .pest-tile:focus{
    background:#fff;outline:2px solid var(--primary);outline-offset:2px;
    box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(244,118,41,.25);
  }
}
.pm-icon-wrap{ width:56px;height:56px;border-radius:50%;background:#eef8f1;display:flex;align-items:center;justify-content:center; }
.pm-icon{ font-size:26px;color:#2ea86b; }

/* -------------------- 14) SERVICES INTRO (title) -------------------- */
.section-intro__title{ font-size:46px;color:var(--secondary); }
@media (max-width:991.98px){ .section-intro__title{ font-size:32px; } }

/* -------------------- 15) PEST HERO (pins/cards) -------------------- */
.pest-hero__box{
  position:relative;padding:30px;
  background:
    linear-gradient(120deg, rgba(53,59,91,0.90), rgba(53,59,91,0.55)),
    url("https://auzziepestcontrol.com/wp-content/uploads/2025/07/WhatsApp-Image-2025-07-16-at-11.03.17_afa1cefb.jpg") center/cover no-repeat;
}
.pest-hero__title{ color:#fff;font-size:48px;line-height:1.1; }
.pest-hero__title span{ color:var(--primary); }
@media (max-width:991.98px){ .pest-hero__title{ font-size:34px; } }
.pest-hero__icon{ color:var(--primary);font-size:20px; }
.pest-canvas{ min-height:480px;border-radius:16px;position:relative; }
.plus-pin{
  position:absolute;width:44px;height:44px;border-radius:50%;
  border:2px dashed #fff;color:#fff;background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;line-height:1;
}
.plus-pin:hover,.plus-pin:focus{ background:var(--primary);border-color:var(--primary);color:#fff;outline:none; }
.plus-card{
  position:absolute;width:280px;max-width:80%;background:#fff;color:var(--secondary);
  padding:16px 18px;border-radius:12px;box-shadow:0 14px 28px rgba(0,0,0,.18);display:none;
}
.plus-card.show{ display:block; }
.plus-card h4 a{ color:var(--primary);text-decoration:none;font-weight:700; }
.plus-card h4 a:hover{ text-decoration:underline; }

/* -------------------- 16) SECTORS (dark) -------------------- */
.sectors-dark{ background:#0f1732; }
.sector-item{ position:relative;padding-top:6px; }
.sector-ico{
  width:56px;height:56px;flex:0 0 56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:radial-gradient(120% 120% at 30% 30%,#f47629 0%,#cc5f20 60%,#b7571e 100%);
  box-shadow:0 8px 20px rgba(244,118,41,.25);font-size:24px;
}
@media (max-width:767.98px){
  .sectors-dark .display-6{ font-size:28px; }
  .sector-ico{ width:48px;height:48px;font-size:20px; }
}

/* -------------------- 17) ROACH UTILS + BRAND EXTRAS -------------------- */
.roach-figure{ border:6px solid #fff;box-shadow:0 12px 28px rgba(0,0,0,.08)!important; }
.check-bullet{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(244,118,41,.12);color:var(--primary);
}
.btn-book{ background:var(--secondary);color:#fff;border:none;box-shadow:0 6px 18px rgba(0,0,0,.08); }
.btn-book:hover{ background:#2c3351;color:#fff; }
.call-badge{
  width:56px;height:56px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--primary);color:#fff;font-size:22px;box-shadow:0 0 0 10px rgba(244,118,41,.08);
}
.cta-number{ color:var(--secondary); }
.afterpay-pill {
    background: transparent !important;
    color: #1d3b2f;
    border-radius: .6rem;
    padding: .4rem .6rem;
    border: none !important;
  }

/* -------------------- 18) SPECIES SECTION -------------------- */
.species-section{
  background:
    radial-gradient(1200px 400px at -10% 0%, rgba(53,59,91,.05), transparent 70%),
    radial-gradient(900px 300px at 120% 100%, rgba(244,118,41,.06), transparent 65%),
    #f7f8fc;
}
.species-figure{
  background:#fff;border:1px solid rgba(53,59,91,.10);padding:10px;
  box-shadow:0 14px 34px rgba(0,0,0,.08);max-width:720px;
}

/* -------------------- 19) COCKROACH WIDGET (.cw) -------------------- */
.cw{ --cw-primary:#f47629;--cw-secondary:#353b5b;--cw-white:#ffffff;--cw-muted:#6b7280; }
.cw h1,.cw h2,.cw h3{ color:var(--cw-secondary); }
.cw .cw-section .card-body{ padding:1.25rem; }
.cw .cw-img{ width:100%;height:180px;object-fit:cover;border:2px solid var(--cw-secondary); }
.cw .card-header{ background:var(--cw-secondary);color:var(--cw-white); }
.cw .list-group-item-action.active{ background:var(--cw-primary);border-color:var(--cw-primary);color:var(--cw-white); }
.cw .btn-primary{ background:var(--cw-primary);border-color:var(--cw-primary); }
.cw .btn-primary:hover{ background:#e06921;border-color:#e06921; }
.cw .btn-secondary{ background:var(--cw-secondary);border-color:var(--cw-secondary); }
.cw .btn-secondary:hover{ background:#2c3351;border-color:#2c3351; }
.cw .accordion-button{ background:var(--cw-primary);color:var(--cw-white); }
.cw .accordion-button:not(.collapsed){ background:var(--cw-secondary);color:var(--cw-white); }
.cw .accordion-body{ background:#f9f9f9; }
@media (max-width:575.98px){ .cw .cw-section .card-body{ padding:1rem; } }

/* -------------------- 20) STEP BADGE / CTA SLAB -------------------- */
.step-badge{
  width:40px;height:40px;background:rgba(244,118,41,.12);
  color:var(--primary);border:1px solid rgba(244,118,41,.35);font-size:16px;
}
.cta-slab{ background:var(--secondary);color:#fff;border-radius:8px; }
.cta-text{ font-weight:700;letter-spacing:.2px; }

/* -------------------- 21) FAQ -------------------- */
.faq-section{ background:#f7f8fc; }
.faq-item{ border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden; }
.faq-btn{
  background:#f9fbff;color:var(--secondary);font-weight:600;padding:16px 56px 16px 16px;
}
.faq-btn::after{
  background-image:none;content:"+";width:28px;height:28px;border-radius:50%;border:2px solid var(--secondary);
  color:var(--secondary);display:inline-grid;place-items:center;font-weight:800;font-size:16px;
}
.faq-btn:not(.collapsed){ background:#fff;box-shadow:none; }
.faq-btn:not(.collapsed)::after{ content:"–";background:var(--primary);border-color:var(--primary);color:#fff; }
.accordion-body{ background:#fff;color:#6b7280;line-height:1.7;padding:16px; }
.accordion-flush .accordion-item .accordion-button{ border-radius:0; }

/* -------------------- 22) CARDS SECTION (Inspection/Treatment) -------------------- */
.cardssection{ --primary:#f47629;--secondary:#353b5b;--white:#ffffff;--text:#1a1d2b; }
.cardssection .apc-card{ border:1px solid rgba(0,0,0,.08);border-radius:16px; }
.cardssection .icon-wrapper{
  width:64px;height:64px;border:2px solid var(--primary);border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff;
}
.cardssection .icon-wrapper img{ max-width:34px;height:auto; }
.cardssection .apc-toggle{ color:var(--primary);text-decoration:none;font-weight:600;padding:0; }
.cardssection .apc-toggle:hover,.cardssection .apc-toggle:focus{ color:#e06921;text-decoration:underline;outline:0; }
@media (max-width:575.98px){ .cardssection .apc-card .card-body{ padding:1.25rem; } }

/* -------------------- 23) PREP CTA -------------------- */
.prep-cta{ background:var(--secondary); }
.prep-badge{
  width:64px;height:64px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.18);
  color:var(--primary);font-size:28px;
}
.btn-prep{
  background:var(--primary);color:#fff;border:none;padding:14px 18px;border-radius:12px;
  font-weight:700;letter-spacing:.2px;box-shadow:0 8px 18px rgba(0,0,0,.15);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
.btn-prep:hover,.btn-prep:focus{ background:#e06921;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.2); }
@media (max-width:575.98px){ .prep-badge{ width:56px;height:56px;font-size:24px; } }

/* -------------------- 24) FACTS SECTION -------------------- */
.facts-section{
  background:
    radial-gradient(circle at 12px 12px, rgba(53,59,91,.06) 2px, transparent 3px) 0 0/24px 24px,
    linear-gradient(180deg,#f8f9fb 0%,#f6f7fb 100%);
}
.facts-kicker{ background:rgba(53,59,91,.08);color:var(--secondary);font-weight:600;border:1px solid rgba(53,59,91,.15); }
.fact-card{ border:1px solid rgba(0,0,0,.06);border-radius:1rem; }
.fact-card:hover{ transform:translateY(-2px);transition:transform .15s ease; }
.fact-num{
  position:absolute;top:-12px;right:-12px;width:40px;height:40px;border-radius:50%;
  background:var(--secondary);color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.fact-icon{
  width:44px;height:44px;border-radius:12px;background:rgba(244,118,41,.10);
  color:var(--primary);display:flex;align-items:center;justify-content:center;
  font-size:20px;border:1px solid rgba(244,118,41,.25);
}

/* -------------------- 25) APPOINTMENT (dark) -------------------- */
.appt-wrap{
  background: radial-gradient(1200px 600px at 15% -10%, rgba(255,255,255,.06), transparent 60%),
              linear-gradient(180deg,#2f3554 0%,var(--secondary) 100%);
}
.appt-wrap .flare{
  position:absolute;right:40%;bottom:-20%;width:520px;height:520px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,255,255,.12),rgba(255,255,255,0));filter:blur(2px);
}
.appt-card-head{ background:var(--primary);padding:18px 22px; }
.appt-control{
  border-radius:999px;height:56px;padding-left:18px;padding-right:44px;
  border:1px solid #e8ebf3;box-shadow:0 6px 16px rgba(0,0,0,.05);
}
.appt-control:focus{ border-color:var(--primary);box-shadow:0 0 0 4px rgba(244,118,41,.15); }
@media (max-width:991.98px){ .appt-card{ border-radius:16px; } }

/* -------------------- 26) SERVICE HERO (Single service page) -------------------- */
.service-hero{
  min-height:72vh;padding:64px 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.45)),
    var(--service-hero, url("https://auzziepestcontrol.com/wp-content/uploads/2025/08/Hero-Section.webp")) center/cover no-repeat;
}
.service-hero h1{ text-shadow:0 2px 8px rgba(0,0,0,.35); }
.service-hero p{ text-shadow:0 1px 6px rgba(0,0,0,.25); }
@media (max-width:991.98px){ .service-hero{ padding:48px 0; } }

/* -------------------- 27) PRICING -------------------- */
.pricing-wrap{ background:var(--secondary); }
.price-card{ border-radius:14px;border:0; }
.price-card .card-body{ background:#fff;border-radius:12px; }
.price-card.popular{ transform:translateY(-6px); }
.price-card.popular .card-body{ box-shadow:0 14px 30px rgba(0,0,0,.12); }

/* -------------------- 28) B2B QUOTE (3 steps + form) -------------------- */
.b2b-quote{
  background:
    radial-gradient(1200px 300px at -20% 0%, rgba(53,59,91,.05), transparent 60%),
    radial-gradient(800px 250px at 120% 20%, rgba(244,118,41,.06), transparent 60%),
    #fff;
}
.quote-card{ border-radius:18px; }
.quote-card .card-body{ padding:1.25rem 1.25rem 1.5rem; }
@media (min-width:768px){ .quote-card .card-body{ padding:1.5rem 1.75rem 1.75rem; } }
.form-control-lg,.form-select-lg{ min-height:52px;border-radius:.6rem; }
.form-accent{ border:1px solid #e5e7eb;border-radius:.6rem; }
.form-accent:focus{ border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(244,118,41,.15); }
.timeline{ position:relative;padding-left:10px; }
.timeline-item{
  position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;padding-bottom:26px;
}
.timeline-item:last-child{ padding-bottom:0; }
.timeline-item::before{
  content:"";position:absolute;left:28px;top:0;bottom:-4px;width:2px;
  background:linear-gradient(var(--primary),rgba(244,118,41,.25));
}
.timeline-item:last-child::before{ bottom:25px; }
.timeline-dot{
  width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#fff;color:var(--primary);font-weight:800;border:8px solid rgba(244,118,41,.2);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.timeline-content h5{ color:var(--secondary); }
@media (max-width:575.98px){
  .timeline-item{ grid-template-columns:52px 1fr; }
  .timeline-dot{ width:50px;height:50px;border-width:7px; }
}



/* Brand helpers (use your existing vars) */
.text-navy{ color: var(--secondary)!important; }

/* Section background (subtle techy vibe, optional) */
.benefits-commercial{
  background:
    radial-gradient(1200px 400px at -12% 0%, rgba(53,59,91,.05), transparent 70%),
    radial-gradient(900px 300px at 120% 100%, rgba(244,118,41,.06), transparent 65%),
    #fff;
}

/* Bullet list */
.benefits-list{ list-style:none; padding:0; margin:0; }
.benefits-item{
  display:flex; gap:14px;
  align-items:flex-start;
  margin-bottom:1.1rem;
}
.benefits-item:last-child{ margin-bottom:0; }

/* Brand bullet */
.benefits-dot{
  width:12px; height:12px; flex:0 0 12px;
  border-radius:50%;
  background: var(--secondary);
  margin-top:.7rem;          /* aligns with first line of text */
  box-shadow: 0 0 0 4px rgba(53,59,91,.09);
}

/* Better readability on smaller screens */
@media (max-width: 575.98px){
  .benefits-item .fs-5{ font-size:1.05rem; }
}


/* ---- Slider shell ---- */
.industry-slider{ position:relative; overflow:hidden; }

/* Track must be scrollable */
.industry-slider .track{
  display:flex; flex-wrap:nowrap; gap:.75rem;                 /* ~12px */
  overflow-x:auto;                                            /* <— key */
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  cursor:grab;
  scrollbar-width:none;                                       /* hide FF bar */
}
.industry-slider .track::-webkit-scrollbar{ display:none; }   /* hide webkit */
.industry-slider .track.dragging{
  cursor:grabbing;
  user-select:none;
  scroll-behavior:auto;                                       /* no smooth while dragging */
}

/* Slides: 1 / 2 / 3 per view */
.industry-slider .slide{ flex:0 0 100%; scroll-snap-align:start; }
@media (min-width:576px){ .industry-slider .slide{ flex-basis:50%; } }
@media (min-width:992px){ .industry-slider .slide{ flex-basis:33.333%; } }

/* Card polish */
.industry-slider .card{ height:100%; border:1px solid rgba(0,0,0,.06); border-radius:14px; }
.industry-slider .card-img-top{
  width:100%; height:220px; object-fit:cover; display:block;
}
@media (max-width:991.98px){ .industry-slider .card-img-top{ height:200px; } }
@media (max-width:575.98px){ .industry-slider .card-img-top{ height:180px; } }

/* Brand link (no Bootstrap blue) */
.industry-slider a.link-primary{
  color:var(--primary) !important; text-decoration:none;
}
.industry-slider a.link-primary:hover{ color:#e06921 !important; text-decoration:underline; }

/* Nav buttons in your palette */
.slider-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  background:#fff; color:var(--secondary); border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 20px rgba(0,0,0,.15); z-index:5;
}
.slider-btn.prev{ left:8px; }
.slider-btn.next{ right:8px; }
.slider-btn:hover{ background:var(--primary); color:#fff; }
.slider-btn:focus{ outline:none; box-shadow:0 0 0 4px rgba(244,118,41,.25); }




/* ===== Scoped styling (ONLY for this section) ===== */
.ti-section{ --primary:#f47629; --secondary:#353b5b; }
.ti-section .text-primary{ color:var(--primary)!important; }
.ti-section .text-secondary{ color:var(--secondary)!important; }

/* brand outline button already uses --secondary via Bootstrap override if present */
.ti-section .btn-primary{
  --bs-btn-bg:var(--primary); --bs-btn-border-color:var(--primary);
  --bs-btn-hover-bg:#e06921; --bs-btn-hover-border-color:#e06921;
  --bs-btn-active-bg:#cf611f; --bs-btn-active-border-color:#cf611f;
}

/* badge */
.ti-badge{background:#fff;border:1px solid rgba(0,0,0,.08);border-left:4px solid var(--primary);border-radius:.6rem;padding:.35rem .6rem}

/* mini gallery images */
.ti-img{height:140px;object-fit:cover;border:1px solid rgba(0,0,0,.06);border-radius:.5rem}
@media (min-width:992px){ .ti-img{height:160px;} }

/* icon pill */
.ti-pill{
  width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(244,118,41,.10);color:var(--primary);border:1px solid rgba(244,118,41,.25)
}

/* sticky sidebar */
.ti-sticky{position:sticky;top:1.25rem}

/* CTA band */
.ti-cta{background:#f7f8fc;border:1px solid rgba(0,0,0,.06);border-radius:12px}

/* mobile offcanvas width */
.ti-offcanvas{width:320px}



:root{
  --primary:#f47629;
  --secondary:#353b5b;
  --white:#ffffff;
  --text:#1a1d2b;
}

/* Section wrapper with subtle dotted pattern + soft diagonal accent */
.about-hero{
  position:relative;
  background:
    radial-gradient(circle at 16px 16px, rgba(53,59,91,.08) 2px, transparent 2px) 0 0/22px 22px,
    linear-gradient(135deg, rgba(53,59,91,.03), rgba(244,118,41,.03));
  border-radius: 20px;
}

/* Small brand pill */
.about-badge{
  color: var(--secondary);
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-left: 4px solid var(--primary);
  padding: 7px 12px;
  border-radius: 12px;
}
.about-badge i{ color: var(--primary); }

/* Accent helper */
.text-accent{ color: var(--primary)!important; }

/* Navy button using your secondary color */
.btn-navy{
  background: var(--secondary);
  color:#fff;
  border:1px solid var(--secondary);
}
.btn-navy:hover{ background:#2c3351; border-color:#2c3351; color:#fff; }

/* Right media: light blob mask + play button */
.about-media{ max-width: 620px; margin-left:auto; margin-right:auto; }

/* “Blob” feel with clip-path (keeps it modern) */
.media-blob{
  clip-path: ellipse(78% 65% at 60% 50%);
}

/* Play button with gentle pulse */
.about-play{
  position:absolute;
  left:50%;
  bottom:8%;
  transform: translateX(-50%);
  width:86px; height:86px; border-radius:50%;
  border:0; background:transparent; padding:0;
}
.about-play__inner{
  width:100%; height:100%; border-radius:50%;
  display:grid; place-items:center;
  background: #fff;
  color: var(--primary);
  box-shadow: 0 18px 36px rgba(0,0,0,.18);
  position:relative;
}
.about-play__inner::after{
  content:"";
  position:absolute; inset:-12px;
  border-radius:50%;
  border:2px dashed rgba(53,59,91,.25);
  animation: spin 9s linear infinite;
}
.about-play i{ font-size:36px; line-height:1; }

@keyframes spin{
  to{ transform:rotate(360deg); }
}

/* Tighten on small screens */
@media (max-width: 575.98px){
  .about-play{ width:72px; height:72px; bottom:4%; }
}


/* small top badge */
.about-welcome .aw-badge{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-left:4px solid var(--primary);
  border-radius:12px;
  padding:.45rem .75rem;
  color:var(--secondary);
}
.about-welcome .aw-badge i{ color:var(--primary); }

/* navy button = brand secondary */
.about-welcome .btn-navy{
  background:var(--secondary);
  border-color:var(--secondary);
  color:#fff;
}
.about-welcome .btn-navy:hover{
  background:#2c3351; border-color:#2c3351; color:#fff;
}

/* check bullets */
.about-welcome .aw-check{
  width:26px; height:26px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(244,118,41,.12);
  color:var(--primary);
  border:1px solid rgba(244,118,41,.3);
  flex:0 0 auto;
  margin-top:.15rem;
}

/* call badge */
.about-welcome .aw-call-badge{
  width:48px; height:48px; border-radius:50%;
  background:var(--primary); color:#fff; font-size:1.2rem;
  box-shadow:0 10px 20px rgba(244,118,41,.25);
}

/* vertical steps */
.about-welcome .aw-steps{
  padding-left:.25rem;
}
.about-welcome .aw-step{
  position:relative;
}
.about-welcome .aw-step:not(:last-child)::after{
  content:"";
  position:absolute; left:20px; top:52px; bottom:-8px;
  border-left:2px dotted rgba(0,0,0,.25);
}
.about-welcome .aw-num{
  width:70px; height:40px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fde4d1;              /* light brand */
  color:#8a3f10;                   /* dark orange text */
  font-weight:800;
  border:4px solid var(--white);
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}

/* tweak on small screens */
@media (max-width:575.98px){
  .about-welcome .aw-num{ width:52px; height:52px; }
}



/* helper */
.object-fit-cover{ object-fit: cover; }

/* badge */
.choose-sec .wc-badge{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-left:4px solid var(--primary);
  border-radius:12px;
  padding:.45rem .75rem;
  color:var(--secondary);
}
.choose-sec .wc-badge i{ color:var(--primary); }

/* feature cards */
.choose-sec .wc-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:1.1rem 1rem;
  box-shadow:0 8px 22px rgba(0,0,0,.05);
}
.choose-sec .wc-ico{
  width:40px; height:40px;
  border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(244,118,41,.12);
  color:var(--primary);
  border:1px solid rgba(244,118,41,.25);
  margin-bottom:.75rem;
  font-size:1.05rem;
}

/* CTA button – brand */
.choose-sec .btn-brand{
  background:var(--secondary);
  border-color:var(--secondary);
  color:#fff;
  height:48px;
  border-radius:12px;
  font-weight:700;
}
.choose-sec .btn-brand:hover{
  background:#2c3351; border-color:#2c3351; color:#fff;
}

/* Small spacing on mobile */
@media (max-width:575.98px){
  .choose-sec .wc-card{ padding:1rem; }
}



.object-fit-cover{ object-fit:cover; }

/* chips */
.shop-archive .btn-chip{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  color:var(--secondary);
  border-radius:999px;
  padding:.4rem .9rem;
  font-weight:600;
  white-space:nowrap;
}
.shop-archive .btn-chip.active,
.shop-archive .btn-chip:hover{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}

/* sidebar card */
.filter-card{ border:1px solid rgba(0,0,0,.08); border-radius:12px; }

/* product card */
.product-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  transition:transform .15s ease, box-shadow .2s ease;
}
.product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
}
.product-card .pc-media{ padding:.6rem .6rem 0 .6rem; }
.product-card .pc-body{ padding: .8rem .9rem 1rem .9rem; }

/* sale badge & wish */
.badge-sale{
  position:absolute; left:.8rem; top:.8rem;
  background:var(--primary); color:#fff;
  padding:.25rem .5rem; border-radius:8px; font-weight:700; font-size:.75rem;
}
.pc-wish{
  position:absolute; right:.6rem; top:.6rem;
  width:36px; height:36px; border-radius:50%;
  background:#fff; color:var(--secondary);
  border:1px solid rgba(0,0,0,.08);
}
.pc-wish:hover{ background:var(--primary); color:#fff; }

/* title & price */
.pc-title{ margin-bottom:.35rem; }
.pc-title a{ color:var(--secondary); text-decoration:none; font-weight:700; }
.pc-title a:hover{ color:var(--primary); }

.pc-rating .bi{ color:#ffb400; }
.pc-price .price-new{ color:var(--secondary); font-weight:800; }
.pc-price .price-old{ color:#9aa3b2; margin-left:.35rem; }

/* afterpay pill */
.afterpay-pill{
  background:#ecfdf5;
  color:#1f3b2e;
  border:1px solid #c6f6e3;
  border-radius:999px;
  padding:.2rem .55rem;
  display:inline-block;
  font-size:.78rem;
  font-weight:600;
}

/* brand button overrides */
.shop-archive .btn-primary{
  --bs-btn-bg:var(--primary);
  --bs-btn-border-color:var(--primary);
  --bs-btn-hover-bg:#e06921;
  --bs-btn-hover-border-color:#e06921;
  --bs-btn-active-bg:#cf611f;
  --bs-btn-active-border-color:#cf611f;
}

/* pagination polish */
.shop-archive .page-item.active .page-link{
  background:var(--primary); border-color:var(--primary);
}
.shop-archive .page-link{ color:var(--secondary); }
.shop-archive .page-link:hover{ color:var(--primary); }



/* Badges */
.badge-ghost{
  background:rgba(244,118,41,.12);
  color:var(--primary);
  border:1px solid rgba(244,118,41,.28);
  border-radius:.6rem; padding:.35rem .6rem; font-weight:700; letter-spacing:.2px;
}
.price-badge{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  color:var(--secondary); font-weight:700;
  border-radius:.65rem; padding:.35rem .6rem;
}
/* Thumbs */
.thumb{display:block;border-radius:.5rem;background:#fff;}
.thumb:focus{outline:0;box-shadow:0 0 0 .2rem rgba(244,118,41,.25);}
.thumb:hover{filter:brightness(.97);}
/* Related slider */
.rel-slider{position:relative; overflow:hidden;}
.rel-track{
  display:flex; flex-wrap:nowrap; gap:1rem;
  -webkit-overflow-scrolling:touch; overflow-x:auto;
  scroll-snap-type:x mandatory; padding-bottom:.25rem;
}
.rel-item{flex:0 0 80%; scroll-snap-align:start;}
@media (min-width:576px){ .rel-item{flex-basis:50%;} }
@media (min-width:992px){ .rel-item{flex-basis:25%;} }
.rel-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  background:#fff; color:var(--secondary); border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 20px rgba(0,0,0,.12); z-index:5;
}
.rel-btn:hover{background:var(--primary); color:#fff;}
.rel-btn.prev{left:6px;} .rel-btn.next{right:6px;}



/***** Cart page tweaks (uses your --primary / --secondary) *****/
.cart-page .progress-bar{ background: var(--primary); }
.cart-page .card .list-group-item{ border:0; border-bottom:1px solid rgba(0,0,0,.05); }
.cart-page .list-group-item:last-child{ border-bottom:0; }
.cart-page .price-badge{
  background: rgba(244,118,41,.12);
  color: var(--primary);
  border: 1px solid rgba(244,118,41,.28);
}
.cart-page .remove-item .bi{ vertical-align: -2px; }
@media (max-width: 767.98px){
  .cart-page .sticky-top{ top: 70px !important; }
}



.form-check-input:checked{
  background-color:var(--primary);
  border-color:var(--primary);
}
.progress-bar{ background-color:var(--primary); }
.badge-ghost{
  background:rgba(244,118,41,.12);
  color:var(--primary);
  border:1px solid rgba(244,118,41,.28);
  border-radius:.65rem;
  font-weight:700;
}

/* ====== Auzzie palette (already in your site) ====== */
:root{
  --primary:#f47629;        /* orange */
  --secondary:#353b5b;      /* navy */
  --white:#ffffff;
  --text:#1a1d2b;
}

/* Map Bootstrap tokens to your colors */
.btn-primary{
  --bs-btn-bg:var(--primary);
  --bs-btn-border-color:var(--primary);
  --bs-btn-hover-bg:#e06921;
  --bs-btn-hover-border-color:#e06921;
  --bs-btn-active-bg:#cf611f;
  --bs-btn-active-border-color:#cf611f;
}
.btn-outline-secondary{
  --bs-btn-color:var(--secondary);
  --bs-btn-border-color:var(--secondary);
  --bs-btn-hover-bg:var(--secondary);
  --bs-btn-hover-border-color:var(--secondary);
  --bs-btn-hover-color:#fff;
}
.form-check-input:checked{
  background-color:var(--primary);
  border-color:var(--primary);
}
.progress-bar{ background-color:var(--primary); }
.badge-ghost{
  background:rgba(244,118,41,.12);
  color:var(--primary);
  border:1px solid rgba(244,118,41,.28);
  border-radius:.65rem;
  font-weight:700;
}

/* ====== Checkout polish ====== */
.checkout-page{ background:#f7f8fc; }
.checkout-steps .step{
  display:flex;align-items:center;gap:.5rem;
  padding:.5rem .75rem;border-radius:.65rem;
  background:#fff;border:1px solid rgba(0,0,0,.06);
  color:var(--secondary);font-weight:600;
}
.checkout-steps .step .idx{
  width:28px;height:28px;border-radius:50%;
  display:inline-grid;place-items:center;
  background:rgba(244,118,41,.12);
  border:1px solid rgba(244,118,41,.35);
  color:var(--primary);font-weight:800;font-size:.875rem;
}
.checkout-steps .active{ border-color:var(--primary); box-shadow:0 6px 16px rgba(244,118,41,.12); }

.summary-sticky.sticky-top{ top:88px; }
@media (max-width:991.98px){ .summary-sticky.sticky-top{ top:64px; } }

.afterpay-pill{
  background:#c8ffe8;color:#1d3b2f;border-radius:.6rem;
  padding:.4rem .6rem;display:inline-flex;align-items:center;gap:.35rem;
  font-weight:600;font-size:.875rem;
}

/* small niceties */
.card{ border-radius:1rem; }
.card .card-header{ background:#fff; border-bottom:0; }
.object-fit-cover{ object-fit:cover; }


/* -------------------- 29) FOOTER -------------------- */
.footer{font-family:'Poppins',sans-serif;color:#e8ecff;background:var(--secondary);overflow-x:hidden;}
.footer a{text-decoration:none}
.footer .footer-top{background:#273055;}
.footer .form-control{height:48px;border:0;border-radius:9.6px}
.footer .btn-sub{height:48px;border:0;border-radius:9.6px;background:var(--primary);color:#fff;font-weight:700}
.footer .btn-sub:hover{opacity:.9}
.footer .input-group>.form-control{min-width:0}
.footer h5{font-weight:700;margin-bottom:16px;color:#fff}
.footer .list-unstyled li{margin:7.2px 0}
.footer .list-unstyled i{color:var(--primary);margin-right:8px;position:relative;top:2px}
.footer .text-break{word-break:break-word}
.footer .since{font-size:28px;letter-spacing:.06em;opacity:.7;color:#c7d1ff}
@media (max-width:767.98px){ .footer .since{font-size:20px;text-align:left;margin-top:4px} }
.footer .social a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);color:#fff;margin-right:8px}
.footer .social a:hover{background:rgba(255,255,255,.15)}
@media (min-width:992px){ .footer .sep-lg{border-left:1px solid rgba(255,255,255,.15)} }
.footer .bottom{border-top:1px solid rgba(255,255,255,.08);color:#c8d0ff}
.footer .mini-dot{display:inline-block;width:6px;height:6px;background:#ff5a5a;border-radius:50%}
.footer .afterpay-badge{background:#ecf5f2;color:#1d3b2f;border-radius:8px;padding:5.6px 12.8px;display:inline-flex;align-items:center;gap:6.4px;font-weight:600}
.footer img{max-width:100%;height:auto}
.footer i{color:#fff}


ul.list-unstyled.mb-0 {
    margin: 0px !important;
}


.service-hero p {
    color: white;
}


/* ===== Executive Types ===== */
:root{
  --ti-primary: #2563eb;
  --ti-secondary: #10b981;
  --ti-ink: #0f172a;
  --ti-muted: #6b7280;
  --ti-border: rgba(15,23,42,.12);
  --ti-card: rgba(255,255,255,.72);
  --ti-glass: blur(10px);
}

.ti-types-pro__head{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;
}
.ti-types-pro__title{
  margin:0; font-weight:800; letter-spacing:.2px; color:var(--ti-ink);
}
.ti-types-pro__eyebrow{
  font-size:.8rem; font-weight:600; color:var(--ti-muted);
  background: linear-gradient(90deg, rgba(37,99,235,.08), rgba(16,185,129,.08));
  padding:.35rem .6rem; border-radius:999px; border:1px solid var(--ti-border);
}

/* Card */
.ti-typex{
  position:relative; overflow:hidden; border-radius:18px;
  background: var(--ti-card);
  border:1px solid var(--ti-border);
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
  padding:18px 18px 14px 18px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ti-typex:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(2,6,23,.12);
  border-color: rgba(37,99,235,.25);
}

/* Top row */
.ti-typex__top{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.ti-typex__chip{
  height:56px; width:56px; border-radius:14px; display:grid; place-items:center; flex:0 0 56px;
  background:
    radial-gradient(90% 100% at 100% 0%, rgba(37,99,235,.18), rgba(16,185,129,.14)),
    #fff;
  border:1px solid rgba(37,99,235,.22);
  position:relative;
}
.ti-typex__chip i{ font-size:22px; color:var(--ti-primary); line-height:1; }
.ti-typex__chip img{ max-width:70%; max-height:70%; object-fit:contain; border-radius:8px; }

.ti-typex__title{
  margin:0; font-weight:800; letter-spacing:.2px; color:var(--ti-ink);
}

/* Body */
.ti-typex__desc{
  margin:6px 0 14px 0; color:var(--ti-muted);
  font-size:.95rem; line-height:1.5;
}

/* Footer */
.ti-typex__footer{ display:flex; align-items:center; gap:10px; }
.ti-typex__tag{
  font-size:.75rem; font-weight:700; color:#065f46;
  background: rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.28);
  padding:.25rem .55rem; border-radius:999px;
}
.ti-typex__dot{
  width:6px; height:6px; border-radius:50%;
  background: radial-gradient(circle, var(--ti-secondary), var(--ti-primary));
  opacity:.85;
}
.ti-typex__link{
  font-size:.88rem; font-weight:700; text-decoration:none;
  color:var(--ti-primary); position:relative;
}
.ti-typex__link::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background: linear-gradient(90deg, var(--ti-primary), var(--ti-secondary));
  transform: scaleX(.0); transform-origin:left; transition: transform .2s ease;
}
.ti-typex:hover .ti-typex__link::after{ transform: scaleX(1); }

/* Decorative layers */
.ti-typex__glow{
  position:absolute; inset:auto -30% -40% -30%; height:120px; filter: blur(40px);
  background: radial-gradient(60% 60% at 50% 50%, rgba(37,99,235,.25), rgba(16,185,129,.15), transparent 70%);
  pointer-events:none;
}
.ti-typex__grid{
  position:absolute; inset:0; pointer-events:none; opacity:.06;
  background-image: radial-gradient(circle at 1px 1px, #1f2937 1px, transparent 0);
  background-size: 14px 14px;
}

/* Responsive */
@media (max-width: 575.98px){
  .ti-typex{ padding:16px; }
  .ti-typex__chip{ height:52px; width:52px; }
}


img.img-fluid.wp-post-image {
    width: 100% !important;
}

.loc-img {
        height: 570px;
    }


    /* CONTACT SECTION — uses your :root color variables */

#contact {
  background: radial-gradient(1200px 600px at 10% -10%, rgba(244,118,41,0.08), transparent),
              radial-gradient(900px 500px at 100% 10%, rgba(53,59,91,0.08), transparent);
}

#contact .card {
  border-radius: 1rem;
}

#contact .form-control,
#contact .form-select {
  border-color: #e5e7eb;
  border-radius: .75rem;
}

#contact .form-control:focus,
#contact .form-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 .25rem rgba(244,118,41,.15);
}

#contact .submit-btn {
  background: var(--primary);
  color: var(--white);
  border: none;
  border-radius: .75rem;
}
#contact .submit-btn:hover { filter: brightness(.95); }
#contact .submit-btn:active { transform: translateY(1px); }

#contact .info-card {
  background: #fff;
  border: 1px solid #eef0f4;
  transition: transform .2s ease, box-shadow .2s ease;
}
#contact .info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

#contact .icon-wrap {
  width: 48px;
  height: 48px;
  background: rgba(244,118,41,.1);
  color: var(--primary);
}

/* Badge + headings */
#contact .badge { letter-spacing: .3px; }
#contact h2 { line-height: 1.15; }

/* Map rounding (ratio wrapper already clips) */
#contact iframe { border: 0; }




/* BLOG ARCHIVE — uses :root colors */
.blog-archive {
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(244,118,41,.06), transparent),
    radial-gradient(800px 400px at 110% 0%, rgba(53,59,91,.06), transparent);
}

.blog-archive .form-control {
  border-color: #e5e7eb;
  border-radius: .75rem;
}
.blog-archive .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 .25rem rgba(244,118,41,.15);
}

.post-card {
  border-radius: 1rem;
  transition: transform .25s ease, box-shadow .25s ease;
  background: var(--white);
}
.post-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

.post-card .post-thumb {
  object-fit: cover;
  transition: transform .6s ease;
}
.post-card:hover .post-thumb {
  transform: scale(1.05);
}

.post-card .card-body {
  padding: 1.25rem 1.25rem 1.5rem;
}

.post-title {
  color: var(--text);
  text-decoration: none;
}
.post-title:hover {
  color: var(--primary);
}

.link-muted {
  color: var(--muted);
  text-decoration: none;
}
.link-muted:hover { color: var(--primary); }

/* Pagination */
.pagination .page-link {
  border-radius: .75rem;
  border-color: #e5e7eb;
  color: var(--text);
  padding: .5rem .85rem;
}
.pagination .page-item.active .page-link {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.pagination .page-link:hover {
  background: rgba(244,118,41,.08);
  border-color: var(--primary);
}
.pagination .page-item.disabled .page-link {
  color: var(--muted);
  background: #f8fafc;
  border-color: #e5e7eb;
}

/* Small helpers */
.text-secondary { color: var(--muted) !important; }


/* SEARCH — uses your :root colors */
.search-hero {
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(244,118,41,.06), transparent),
    radial-gradient(800px 400px at 110% 0%, rgba(53,59,91,.06), transparent);
}

.search-hero .form-control {
  border-color: #e5e7eb;
  border-radius: .75rem;
}
.search-hero .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 .25rem rgba(244,118,41,.15);
}

.sr-card { border-radius: 1rem; transition: transform .25s, box-shadow .25s; background: var(--white); }
.sr-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.08); }

.sr-card .card-img-top {
  width: 100%;
  height: auto; /* exact design you prefer */
  display: block;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.text-secondary { color: var(--muted) !important; }

/* Pagination styling */
.pagination .page-link {
  border-radius: .75rem;
  border-color: #e5e7eb;
  color: var(--text);
  padding: .5rem .85rem;
}
.pagination .active .page-link {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.pagination .page-link:hover {
  background: rgba(244,118,41,.08);
  border-color: var(--primary);
}
.pagination .disabled .page-link {
  color: var(--muted);
  background: #f8fafc;
  border-color: #e5e7eb;
}

/* Empty state card */
.sr-empty-card {
  max-width: 640px;
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 8px 20px rgba(0,0,0,.04);
}



.drawer-header {
    display: none !important;
}

button.single_add_to_cart_button.button.alt {
    width: 87% !important;
    height: 45px !important;
    background: #f47629 !important;
}

.d-grid.d-sm-flex.gap-2.mt-3
 {
    display: none !important;
}

header img.custom-logo.brand-logo
 {
    width: 80%;
}
img.custom-logo.brand-logo img
 {
    width: 65% !important;
}

span.custom-logo-link.brand img
 {
    width: 65% !important;
}
.footer img {
    max-width: 40%;
    height: auto;

/* TERMS — uses your :root colors */
.terms-hero {
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(244,118,41,.06), transparent),
    radial-gradient(800px 400px at 110% 0%, rgba(53,59,91,.06), transparent);
}

.terms-contact.card { border-radius: 1rem; }
.terms-contact .card-body { padding: 1rem 1.25rem; }

.terms-toc .list-group-item {
  border: 1px solid #eef0f4;
  color: var(--text);
  border-radius: .75rem;
  margin-bottom: .5rem;
}
.terms-toc .list-group-item:hover {
  background: rgba(244,118,41,.08);
  border-color: var(--primary);
}
.terms-toc .list-group-item.active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

.terms-body article {
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 1rem;
  padding: 1.25rem 1.25rem;
}
.terms-body article + article { margin-top: 1rem; }

.terms-body h3 { line-height: 1.2; }
.terms-body p, .terms-body li { color: var(--text); }
.terms-body ul, .terms-body ol { padding-left: 1.25rem; }


/* PRIVACY — uses :root colors */
.privacy-hero {
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(244,118,41,.06), transparent),
    radial-gradient(800px 400px at 110% 0%, rgba(53,59,91,.06), transparent);
}

.privacy-contact.card { border-radius: 1rem; }
.privacy-contact .card-body { padding: 1rem 1.25rem; }

/* Sticky ToC */
.privacy-toc .list-group-item {
  border: 1px solid #eef0f4;
  color: var(--text);
  border-radius: .75rem;
  margin-bottom: .5rem;
}
.privacy-toc .list-group-item:hover {
  background: rgba(244,118,41,.08);
  border-color: var(--primary);
}
.privacy-toc .list-group-item.active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

/* Body articles */
.privacy-body article {
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 1rem;
  padding: 1.25rem 1.25rem;
}
.privacy-body article + article { margin-top: 1rem; }

.privacy-body h3 { line-height: 1.2; }
.privacy-body p, .privacy-body li, .privacy-body address { color: var(--text); }
.privacy-body ul, .privacy-body ol { padding-left: 1.25rem; }

/* Optional smooth anchor scroll */
html { scroll-behavior: smooth; }



/* COOKIES — uses :root colors */
.cookies-hero {
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(244,118,41,.06), transparent),
    radial-gradient(800px 400px at 110% 0%, rgba(53,59,91,.06), transparent);
}

.cookies-contact.card { border-radius: 1rem; }
.cookies-contact .card-body { padding: 1rem 1.25rem; }

/* Sticky ToC */
.cookies-toc .list-group-item {
  border: 1px solid #eef0f4;
  color: var(--text);
  border-radius: .75rem;
  margin-bottom: .5rem;
}
.cookies-toc .list-group-item:hover {
  background: rgba(244,118,41,.08);
  border-color: var(--primary);
}
.cookies-toc .list-group-item.active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

/* Body articles */
.cookies-body article {
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 1rem;
  padding: 1.25rem 1.25rem;
}
.cookies-body article + article { margin-top: 1rem; }

.cookies-body h3 { line-height: 1.2; }
.cookies-body p, .cookies-body li, .cookies-body address { color: var(--text); }
.cookies-body ul, .cookies-body ol { padding-left: 1.25rem; }

/* Optional smooth anchor scroll */
html { scroll-behavior: smooth; }

ul#projectFilters {
    margin: 0px !important;
    padding-bottom: 20px;
}
h4.display-5.fw-bold.mb-3
 {
    font-size: 40px !important;
    line-height: 45px;
}

.text-muted.mb-0 p
 {
    font-size: 15px !important;
}
button#navToggle {
    background: var(--primary) !important;
}