/*
╔══════════════════════════════════════════════════════════════════╗
║          IACS — SHARED DESIGN SYSTEM                            ║
║          iacs-common.css                                        ║
║          Include this on EVERY page AFTER bootstrap.min.css     ║
║          and BEFORE any page-specific styles                    ║
╚══════════════════════════════════════════════════════════════════╝
*/

/* ================================================================
   1. CSS CUSTOM PROPERTIES (DESIGN TOKENS)
   ================================================================ */
:root {
  /* Gold palette */
  --gold:        #A18146;
  --gold-light:  #A18146;
  --gold-deep:   #A8892A;
  --gold-dim:    rgba(161, 129, 70, 0.45);
  --gold-glow:   0 0 8px rgba(161, 129, 70, 0.6), 0 0 18px rgba(161, 129, 70, 0.25);

  /* Alert */
  --alert-red:   #8B0000;

  /* Theme compatibility */
  --theme-color1: #A18146;

  /* Layered black backgrounds */
  --bg-primary:  #050505;   /* body / page base          */
  --bg-header:   #050505;   /* header / sticky bar       */
  --bg-section:  #070707;   /* main content sections     */
  --bg-card:     #0e0e0e;   /* cards, blocks, panels     */
  --bg-footer:   #060606;   /* footer & dark overlays    */

  /* Typography stacks */
  --title-font:  'Cinzel', serif;
  --body-font:   'Inter', sans-serif;

  /* Text colours */
  --text-primary:   #F5F5F5;   /* cream white */
  --text-muted:     rgba(255, 255, 255, 0.55);
  --text-dim:       rgba(255, 255, 255, 0.25);

  /* Transitions */
  --transition-fast:   all 0.12s cubic-bezier(0.1, 0.7, 0.1, 1);
  --transition-smooth: all 0.3s ease;
}


/* ================================================================
   2. GLOBAL RESET & BASE
   ================================================================ */
* {
  transition: var(--transition-fast) !important;
  box-sizing: border-box;
}

html,
body,
.page-wrapper {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}


/* ================================================================
   3. TYPOGRAPHY
   ================================================================ */

/* Body / paragraph text */
body,
p,
.text,
.role-text,
.subtitle,
.card-text,
.caption-box p,
.header-top-inner {
  font-family: var(--body-font) !important;
  color: var(--text-primary) !important;
}

/* Headlines */
h1, h2, h3, h4, h5, h6,
.title,
.cell-title,
.card-title,
.main-title,
.section-badge span {
  font-family: var(--title-font) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-weight: 600 !important;
}

/* Section sub-title badge */
.sec-title .sub-title,
h6.sub-title {
  background-color: #000 !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.4);
  letter-spacing: 0.05em;
}


/* ================================================================
   4. PRELOADER
   ================================================================ */
.preloader {
  background-color: #050505 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.preloader::after {
  background-image: url('../images/logo.svg') !important;
  background-size: contain !important;
  width: 220px !important;
  height: 100px !important;
  margin: 0 !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  animation: logoPulse 2s infinite ease-in-out !important;
  opacity: 0.9;
}
.preloader::before {
  content: "INTELLIGENCE LOADING" !important;
  color: var(--gold) !important;
  font-family: var(--title-font) !important;
  font-size: 11px !important;
  letter-spacing: 4px !important;
  margin-top: 140px !important;
  opacity: 0.6 !important;
  text-transform: uppercase !important;
}
@keyframes logoPulse {
  0%   { transform: translate(-50%, -50%) scale(0.98); opacity: 0.7; }
  50%  { transform: translate(-50%, -50%) scale(1.02); opacity: 1;   }
  100% { transform: translate(-50%, -50%) scale(0.98); opacity: 0.7; }
}


/* ================================================================
   5. HEADER — TOP ANNOUNCEMENT BAR
   ================================================================ */
.header-style-two .header-top {
  background-color: var(--gold) !important;
  padding: 8px 0 !important;
  display: block !important;
}
.header-top::after {
  display: none !important;
}
.header-top-inner,
.header-top-inner span,
.header-top-inner a {
  color: #000 !important;
  font-weight: 600;
}
.header-top-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
  font-size: 13.5px;
  font-family: var(--body-font) !important;
  letter-spacing: 0.2px;
}
.header-top-inner a {
  text-decoration: underline !important;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}


/* ================================================================
   6. HEADER — MAIN NAV BAR
   ================================================================ */
.header-style-two,
.header-style-two .main-box,
.sticky-header,
.header-style-two .sticky-header.fixed-header,
.main-header,
.mobile-menu .menu-box,
.search-popup .search-inner {
  background-color: var(--bg-header) !important;
}
.header-style-two {
  border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
}

/* Main box layout */
.main-header.header-style-two .main-box {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 30px !important;
  max-width: 100% !important;
}

/* Logo */
.main-header .logo-box {
  flex-shrink: 0 !important;
  padding: 10px 0 !important;
}
.logo-box .logo img,
.logo-box .logo a img,
.nav-logo img,
.nav-logo a img,
.sticky-header .logo img,
.sticky-header .logo a img {
  transition: var(--transition-fast) !important;
}
.logo-box .logo a:hover img,
.nav-logo a:hover img,
.sticky-header .logo a:hover img {
  filter: brightness(1.1) !important;
}

/* Nav outer centring */
.main-header .nav-outer {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}

/* Navigation list */
.main-menu .navigation {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}
.main-menu .navigation > li {
  margin: 0 12px !important;
  padding: 0 !important;
}
.main-menu .navigation > li > a {
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
  padding: 30px 0 !important;
  white-space: nowrap !important;
  display: block !important;
  color: var(--text-primary) !important;
}
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a {
  color: var(--gold) !important;
}

/* Outer box (right side of header) */
.main-header .outer-box,
.sticky-header .outer-box {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

/* Mobile toggler */
.main-header .mobile-nav-toggler,
.sticky-header .mobile-nav-toggler {
  color: var(--text-primary) !important;
}

/* Sticky header */
.sticky-header .inner-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.sticky-header .main-menu .navigation > li > a {
  padding: 20px 0 !important;
}

/* Mobile responsive header */
@media (max-width: 768px) {
  .main-header.header-style-two .main-box {
    padding: 0 20px !important;
  }
  .header-top {
    padding: 6px 0 !important;
  }
  .header-top-inner {
    flex-direction: column !important;
    gap: 4px !important;
    padding: 0 10px !important;
  }
  .header-top-inner span {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }
  .header-top-inner a {
    font-size: 10px !important;
    padding: 2px 0 !important;
  }
}


/* ================================================================
   7. BUTTONS — UNIFIED GOLD SYSTEM
   All buttons follow: black bg + #A18146 border + gold text
   On hover: gold bg + black text
   ================================================================ */

/* Primary CTA button */
.btn-one-rounded,
a.btn-one-rounded,
button.btn-one-rounded {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.55), 0 0 18px rgba(161,129,70,0.25) !important;
  text-shadow: none !important;
}
.btn-one-rounded:hover,
a.btn-one-rounded:hover,
button.btn-one-rounded:hover {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85), 0 0 28px rgba(161,129,70,0.4) !important;
  color: #000 !important;
}
.btn-one-rounded i { color: inherit !important; }

/* Secondary rounded button */
.btn-two-rounded,
a.btn-two-rounded,
button.btn-two-rounded {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45), 0 0 18px rgba(161,129,70,0.2) !important;
}
.btn-two-rounded:hover,
a.btn-two-rounded:hover,
button.btn-two-rounded:hover {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85), 0 0 28px rgba(161,129,70,0.4) !important;
}

/* Member Login / light button (used in header) */
.btn-one-light,
a.btn-one-light {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.5), 0 0 18px rgba(161,129,70,0.2) !important;
}
.btn-one-light:hover,
a.btn-one-light:hover {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.8), 0 0 28px rgba(161,129,70,0.35) !important;
}

/* Generic btn-two */
.btn-two,
a.btn-two,
button.btn-two {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45), 0 0 18px rgba(161,129,70,0.2) !important;
}
.btn-two:hover,
a.btn-two:hover,
button.btn-two:hover {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85), 0 0 28px rgba(161,129,70,0.4) !important;
}

/* Arrow/icon buttons */
.arry-btn,
a.arry-btn {
  background-color: #000 !important;
  border: 1.5px solid var(--gold) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.4) !important;
}
.arry-btn:hover,
a.arry-btn:hover {
  background-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85) !important;
}

/* Gallery click buttons */
.click-btn,
a.click-btn {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45) !important;
}
.click-btn:hover,
a.click-btn:hover {
  background-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85) !important;
}

/* Video play buttons */
.video-btn,
a.video-btn {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45) !important;
}
.video-btn:hover,
a.video-btn:hover {
  background-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85) !important;
}

/* CTA footer buttons */
.cta-btn,
a.cta-btn {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45) !important;
}
.cta-btn:hover,
a.cta-btn:hover {
  background-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85) !important;
}

/* Pre-footer CTA section decision buttons */
.cta-decision-btn {
  display: inline-block;
  padding: 16px 45px;
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
  font-family: var(--title-font);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45);
  width: 320px;
  border-radius: 4px;
}
.cta-decision-btn:hover {
  background-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 25px rgba(161, 129, 70, 0.6) !important;
  transform: translateY(-3px);
}

/* Accordion buttons */
.accordion-button,
button.accordion-button {
  border: 1.5px solid rgba(161,129,70,0.5) !important;
  box-shadow: none !important;
}
.accordion-button:not(.collapsed),
button.accordion-button:not(.collapsed),
.accordion-button:hover,
button.accordion-button:hover {
  border-color: var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.5) !important;
}

/* Slider / testimonial nav buttons */
.testimonial-prev-two,
.testimonial-next-two,
button.testimonial-prev-two,
button.testimonial-next-two {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45) !important;
}
.testimonial-prev-two:hover,
.testimonial-next-two:hover {
  background-color: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85) !important;
}

/* Search close button */
.close-search,
button.close-search {
  background-color: #000 !important;
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.45) !important;
}

/* Generic button fallback */
button:not(.accordion-button):not(.testimonial-prev-two):not(.testimonial-next-two):not(.close-search):not(.goTop-btn) {
  border: 2px solid var(--gold) !important;
  box-shadow: 0 0 8px rgba(161,129,70,0.4) !important;
}
button:not(.accordion-button):not(.testimonial-prev-two):not(.testimonial-next-two):not(.close-search):not(.goTop-btn):hover {
  border-color: var(--gold) !important;
  box-shadow: 0 0 14px rgba(161,129,70,0.85), 0 0 28px rgba(161,129,70,0.3) !important;
}


/* ================================================================
   8. BACKGROUND ZONES
   ================================================================ */

/* Main sections */
.banner-section-two,
.banner-section-four,
.feature-section.have-padding,
.steps-section,
.contact-section,
.service-section-three,
.faq-section-two .content-column .inner-column,
.team-section-two,
.about-section-two,
.brand-section,
.gellery-section,
.strategy-section-two,
.faq-section-two,
.blog-section-two {
  background-color: var(--bg-section) !important;
}

/* Cards, panels */
.feature-block .inner-box,
.contact-block,
.service-list-three,
.funfact-block-two .inner-box,
.growth-block,
.team-block-two .inner-box,
.blog-block-two .inner-box,
.testimonial-block-two,
.faq-two-accordion .accordion .accordion-item,
.accordion-area .accordion .accordion-item,
.steps-block,
.strategy-block-two .item {
  background-color: var(--bg-card) !important;
}

/* Footer & dark overlays */
.footer-style-two,
.main-footer,
.funfact-section-two.have-after::after,
.funfact-section-two,
.growth-section-two,
.testimonial-section-two {
  background-color: var(--bg-footer) !important;
}

/* Service / FAQ base */
.service-section,
.faq-section,
.service-section-three {
  background-color: var(--bg-primary) !important;
}


/* ================================================================
   9. GOLD ACCENT OVERRIDES (icons, counters, stars, etc.)
   ================================================================ */

/* Nav active/hover */
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a {
  color: var(--gold) !important;
}

/* Funfact counts */
.funfact-block-two .inner-box .content-box .title .count,
.funfact-block-two .inner-box .content-box .title {
  color: var(--gold) !important;
}

/* Testimonial stars */
.testimonial-block-two .stars i,
.stars i.fa-star {
  color: var(--gold) !important;
}

/* Pagination bullets */
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--gold) !important;
}

/* Icon accents */
.service-list-three ul li a:hover,
.about-section-two .content-column .inner-column .list li i,
.feature-block .inner-box:hover .arry-btn,
.feature-block .inner-box:hover .title,
.steps-block:hover .icon .number,
.gellery-block .click-btn,
.service-block-three .content .list li i {
  color: var(--gold) !important;
}

/* SVG fills */
.service-list-three ul li a svg path,
.feature-block .inner-box .icon-box svg path,
.about-block .inner-box .icon svg path,
.contact-section .content-column .info .icon svg path {
  fill: var(--gold) !important;
}

/* Contact icon background */
.contact-section .content-column .info .icon {
  background-color: var(--gold) !important;
}
.contact-section .content-column .info .icon svg path {
  fill: #0a0a0a !important;
}

/* Pie graph */
.growth-block .pie-graph .inner-text {
  background-color: var(--gold) !important;
  color: #0a0a0a !important;
}

/* FAQ image column accent */
.faq-section-two .image-column .inner-column::after {
  background-color: var(--gold) !important;
}

/* Social hover */
.team-block-two .inner-box .image-box .socials ul li a {
  background-color: var(--gold) !important;
  color: #0a0a0a !important;
}

/* Steps blocks — icon visibility */
.steps-block:hover .icon .number,
.steps-block.active .icon .number {
  background-color: var(--gold) !important;
  color: #0a0a0a !important;
}


/* ================================================================
   10. ALERT / RISK CALLOUT
   ================================================================ */
.alert-risk {
  background-color: var(--alert-red) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--gold) !important;
  padding: 15px;
  font-weight: 600;
}


/* ================================================================
   11. GO-TOP BUTTON
   ================================================================ */
.goTop-btn,
button.goTop-btn {
  position: fixed !important;
  right: 30px !important;
  bottom: 30px !important;
  z-index: 999;
  background: var(--gold) !important;
  border: 2px solid var(--gold) !important;
  color: #000 !important;
  width: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;
}
.goTop-btn:hover,
button.goTop-btn:hover {
  box-shadow: 0 0 14px rgba(161,129,70,0.85) !important;
}


/* ================================================================
   12. UTILITY — PREMIUM GOLD DIVIDER
   ================================================================ */
.premium-gold-divider {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);
  margin: 25px auto;
  opacity: 0.8;
}
.premium-gold-divider::after {
  content: '';
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid var(--gold);
  filter: drop-shadow(0 0 5px rgba(161, 129, 70, 0.6));
}


/* ================================================================
   13. FOOTER — MAIN CONTENT AREA
   ================================================================ */

/* Logo box in footer top */
.footer-top .logo-box {
  display: inline-block;
  background-color: #000 !important;
  padding: 2px;
  border: 1px solid rgba(161, 129, 70, 0.4);
  box-shadow: 0 5px 25px rgba(0,0,0,0.9);
  position: relative;
  z-index: 2;
}
.footer-style-two .footer-top .logo {
  background-color: transparent !important;
  padding: 30px 60px !important;
  width: auto !important;
  display: block !important;
}
.footer-top .logo img {
  max-width: 220px !important;
  height: auto !important;
}
/* Watermark behind footer logo */
.footer-top::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 800px; height: 350px;
  background: url('../images/logo.svg') no-repeat center;
  background-size: contain;
  opacity: 0.04;
  filter: sepia(1) saturate(1.5) brightness(0.3);
  pointer-events: none;
  z-index: 0;
}
/* Footer logo hover */
.main-footer .logo img,
.main-footer .logo a img,
.footer-top .logo img,
.footer-top .logo a img {
  transition: var(--transition-fast) !important;
}
.main-footer .logo a:hover img,
.footer-top .logo a:hover img {
  filter: brightness(1.1) !important;
}

/* Widget text style fix */
.footer-widget .text {
  font-style: normal !important;
}

/* Footer motto + copyright */
.footer-motto-wrap {
  width: 100%;
  text-align: center;
  padding: 80px 0 40px;
  clear: both;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.footer-motto {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-family: var(--body-font) !important;
  letter-spacing: 1.5px !important;
  color: var(--gold);
  width: 100%;
  text-align: center;
  display: block;
  margin: 0 auto 12px;
  opacity: 0.95 !important;
}
.footer-copyright-main {
  font-family: var(--body-font) !important;
  font-size: 0.85rem !important;
  color: rgba(255,255,255,0.45) !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  display: block !important;
  font-weight: 400 !important;
  text-transform: none !important;
}


/* ================================================================
   14. FOOTER — GOLD BOTTOM BAR (.premium-footer-bar)
   ================================================================ */
.premium-footer-bar {
  background-color: var(--gold);
  padding: 15px 0;
  width: 100%;
  position: relative;
  color: #000 !important;
  font-family: var(--body-font) !important;
  font-size: 13px;
  letter-spacing: 0.2px;
  border-top: 3px solid rgba(0,0,0,0.1);
  display: block;
  clear: both;
}
.premium-footer-bar .footer-inner {
  display: flex;
  justify-content: center !important;
  align-items: center;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 40px;
}
.premium-footer-bar .footer-links {
  display: flex;
  gap: 25px;
  align-items: center;
}
.premium-footer-bar .footer-links a {
  color: #000 !important;
  text-decoration: none !important;
  font-weight: 700;
}
.premium-footer-bar .footer-links a:hover {
  opacity: 0.7;
}
.premium-footer-bar .footer-links span {
  opacity: 0.3;
  font-weight: 300;
}
.premium-footer-bar .copyright {
  display: none !important;
}


/* ================================================================
   15. PRE-FOOTER CTA SECTION
   ================================================================ */
.cta-decision-section {
  background-color: var(--bg-primary);
  padding: 120px 0;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.05);
  position: relative;
  z-index: 5;
}
.cta-heading {
  font-family: var(--body-font) !important;
  font-size: 2.3rem !important;
  color: #fff;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  max-width: 1000px;
  margin: 0 auto;
}
.cta-button-group {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 50px;
  flex-wrap: wrap;
}


/* ================================================================
   16. RESPONSIVE — MOBILE OVERRIDES
   ================================================================ */
@media (max-width: 768px) {
  /* Footer motto */
  .footer-motto-wrap {
    padding: 60px 20px 30px !important;
  }
  .footer-motto {
    font-size: 1.15rem !important;
    letter-spacing: 1px !important;
  }
  .footer-copyright-main {
    font-size: 0.75rem !important;
  }

  /* Gold footer bar */
  .premium-footer-bar .footer-inner {
    padding: 20px 15px !important;
  }
  .premium-footer-bar .footer-links {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center;
  }
  .premium-footer-bar .footer-links span {
    display: none !important;
  }

  /* CTA section */
  .cta-button-group {
    flex-direction: column;
    align-items: center;
  }
  .cta-decision-btn {
    width: 100%;
    max-width: 320px;
  }
  .cta-heading {
    font-size: 1.6rem !important;
  }

  /* goTop button */
  .goTop-btn {
    right: 15px !important;
    bottom: 15px !important;
  }
}
