ul.social_list li a svg {
   width: 18px;
   height: 18px;
   display: block
}

.backto_top::after {
   content: none !important
}

.backto_top {
   display: flex !important;
   align-items: center;
   justify-content: center
}

.backto_top svg {
   width: 20px;
   height: 20px;
   display: block
}

footer#mainfooter .footertop>.container {
   max-width: 1180px !important;
   width: 100% !important;
   margin-left: auto !important;
   margin-right: auto !important
}

footer#mainfooter .footertop>.container>.row {
   display: flex !important;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px
}

footer#mainfooter .footertop .row>[class*="col-md"] {
   padding-right: 15px;
   padding-left: 15px
}

footer#mainfooter .footertop .col-md-4 {
   flex: 0 0 33.3333% !important;
   max-width: 33.3333% !important
}

footer#mainfooter .footertop .col-md-5 {
   flex: 0 0 41.6667% !important;
   max-width: 41.6667% !important
}

footer#mainfooter .footertop .col-md-3 {
   flex: 0 0 25% !important;
   max-width: 25% !important
}

footer#mainfooter .footertop .col-md-6 {
   flex: 0 0 50% !important;
   max-width: 50% !important
}

@media(max-width:768px) {
   footer#mainfooter .footertop [class*="col-md"] {
      flex: 0 0 100% !important;
      max-width: 100% !important
   }
}


/* =====================================================================
   SHARED HERO STYLING (deduped from per-page templates)
   Common declarations lifted from about/industry/casestudy/contact/
   ai-visibility-audit/audit-thankyou/archive-industry heroes.
   Per-page drift (sizes, layout, glow position) stays in each page CSS.
   ===================================================================== */

.abt-h1,
.hv-h1,
.cs-h1,
.drc-h1,
.aivaud-h1,
.aty-h1 {
   font-weight: 800;
   color: #fff;
   letter-spacing: -.5px;
}

.abt-h1 span,
.hv-h1 span,
.drc-h1 span,
.aivaud-h1 span,
.aty-h1 span {
   color: var(--o);
}

.abt-heleft,
.hv-heleft {
   max-width: 600px;
}

.abt-hero,
.hv-hero,
.cs-hero,
.drc-hero,
.aty-hero,
.ind-hero {
   position: relative;
   overflow: hidden;
   background: var(--dark);
}

.abt-hero .anim,
.hv-hero .anim,
.cs-hero .anim,
.drc-hero .anim {
   opacity: 0;
}

.abt-hero .container,
.hv-hero .container,
.cs-hero .container,
.drc-hero .container,
.aty-hero .container,
.ind-hero .container {
   position: relative;
   z-index: 2;
}

.abt-hero-eyebrow,
.hv-hero-eyebrow,
.cs-hero-eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1.6px;
   text-transform: uppercase;
   color: var(--o2);
   background: rgba(255, 122, 69, .1);
   border: 1px solid rgba(255, 122, 69, .32);
   padding: 8px 16px;
   border-radius: 30px;
}

.abt-hero-eyebrow svg,
.hv-hero-eyebrow svg,
.cs-hero-eyebrow svg {
   width: 15px;
   height: 15px;
   stroke: var(--o2);
}

.abt-hero:after,
.hv-hero:after,
.cs-hero:after,
.drc-hero:after,
.aty-hero:after {
   content: "";
   position: absolute;
   inset: 0;
   background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
   background-size: 46px 46px;
   pointer-events: none;
}

.abt-hero:before,
.hv-hero:before,
.cs-hero:before,
.drc-hero:before,
.aty-hero:before,
.ind-hero:before {
   content: "";
   position: absolute;
   pointer-events: none;
}

.abt-sub,
.hv-sub {
   line-height: 1.7;
   color: #b9bcc6;
   max-width: 540px;
   margin: 0;
}

.hv-trust,
.aivaud-trust {
   display: flex;
   flex-wrap: wrap;
}

@media(max-width:992px) {

   .abt-hero .container,
   .hv-hero .container {
      grid-template-columns: 1fr;
   }
}

@media(prefers-reduced-motion:reduce) {

   .abt-hero .anim,
   .hv-hero .anim,
   .cs-hero .anim,
   .drc-hero .anim {
      opacity: 1;
      transform: none;
      animation: none;
   }
}