/* ------------------------------------------------------------------
   Custom responsive fix
   The template's full nav (8 links + search/cart icons + "Talk to
   MetaNex" button) needs a lot of horizontal room. On typical laptop
   widths (roughly 1200px-1650px) it doesn't fit at full size and
   wraps onto a second line. Rather than hiding the whole menu behind
   a hamburger on every laptop, this shrinks the nav (smaller type,
   tighter spacing, smaller logo/button) so the full text menu keeps
   showing on laptops, and only switches to the hamburger on genuinely
   narrow screens (tablets/phones, under 1200px).
   ------------------------------------------------------------------ */

@media (min-width: 1200px) and (max-width: 1699px) {

  .main-menu-two__wrapper-inner {
    padding: 0 20px;
  }

  .main-menu-two__logo {
    padding: 22px 0;
  }

  .main-menu-two__logo img {
    max-width: 170px;
  }

  .main-menu .main-menu__list > li,
  .stricky-header .main-menu__list > li {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-menu .main-menu__list > li + li,
  .stricky-header .main-menu__list > li + li {
    margin-left: 4px;
  }

  .main-menu .main-menu__list > li > a,
  .stricky-header .main-menu__list > li > a {
    font-size: 15px;
    padding: 8px 9px;
  }

  .main-menu-two__right {
    gap: 12px;
  }

  .main-menu-two__btn {
    padding: 13px 18px !important;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  .main-menu-two__search-cart-box {
    gap: 10px;
  }

  .main-menu-two__call {
    display: none !important;
  }
}

/* Between 1200px and ~1370px things are at their tightest — drop the
   dropdown caret spacing a touch further and shrink the topbar so it
   never forces horizontal scroll. */
@media (min-width: 1200px) and (max-width: 1370px) {
  .main-menu .main-menu__list > li.dropdown > a {
    padding-right: 16px;
  }

  .main-menu-two__top-welcome-text {
    display: none;
  }
}

/* --------------------------------------------------------------
   Match the "Services" dropdown submenu font size to the main
   menu links (the template ships the submenu noticeably larger
   than the top-level items, which looks inconsistent).
   -------------------------------------------------------------- */
@media (min-width: 1200px) {
  .main-menu .main-menu__list > li > a,
  .stricky-header .main-menu__list > li > a {
    font-size: 15px;
  }

  .main-menu .main-menu__list > li > ul > li > a,
  .main-menu .main-menu__list > li > ul > li > ul > li > a,
  .stricky-header .main-menu__list > li > ul > li > a,
  .stricky-header .main-menu__list > li > ul > li > ul > li > a {
    font-size: 15px;
  }
}

/* --------------------------------------------------------------
   MetaNex logo (white artwork, transparent background) — sits
   directly on the dark navy header/footer, no backing plate needed.
   -------------------------------------------------------------- */
img[src*="logo/logo.png"] {
  width: auto;
  height: 56px;
  max-width: none;
}

@media (max-width: 480px) {
  img[src*="logo/logo.png"] {
    height: 48px;
  }
}

/* --------------------------------------------------------------
   Below 1200px: the hamburger menu (already built into the
   template) takes over, same as the rest of the site's tablet and
   mobile behaviour.
   -------------------------------------------------------------- */

/* Extra small phones (under ~380px) — tighten the topbar and hero
   so nothing overflows horizontally. */
@media (max-width: 380px) {
  .main-menu-two__wrapper-inner {
    padding: 0 12px;
  }

  .page-header__inner h1,
.page-header__inner h2 {
    font-size: 32px;
  }
}

/* Prevent any wide element (tables, long headings, embed frames) from
   forcing horizontal scroll on narrow viewports. */
@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }

  /* The "Work Process" steps alternate icon-first / content-first in
     the HTML to create a zigzag layout at true 4-column desktop width
     (≥1200px). The grid itself is 2-per-row from 768px up to 1199px,
     so the zigzag needs forcing off through that whole range too, not
     just below 991px. */
}

@media (max-width: 1199px) {
  .process-three__single--two {
    display: flex;
    flex-direction: column;
  }

  .process-three__single--two .process-three__icon-box {
    order: 1;
  }

  .process-three__single--two .process-three__content {
    order: 2;
    margin-top: 32px;
    margin-bottom: 0;
  }
}

/* --------------------------------------------------------------
   Compact topbar — original was too tall with oversized text for
   a thin utility strip. Cut padding and font sizes roughly in half.
   -------------------------------------------------------------- */
.main-menu-two__top-inner {
  padding: 5px 55px 4px !important;
}

.main-menu-two__contact-list li .text p,
.main-menu-two__top-welcome-text,
.main-menu-two__top-text {
  font-size: 11px !important;
  line-height: 14px !important;
}

.main-menu-two__contact-list li .icon i {
  font-size: 11px !important;
}

.main-menu-two__contact-list li+li {
  margin-left: 28px !important;
}

.main-menu-two__social a {
  width: 26px !important;
  height: 26px !important;
  font-size: 11px !important;
}

@media (max-width: 1199px) {
  .main-menu-two__top { display: none; }
}

/* --------------------------------------------------------------
   Main nav height reduction — the nav's height is driven almost
   entirely by the logo's vertical padding. Cut it to roughly
   half the original to give a tighter, more compact header.
   -------------------------------------------------------------- */
.main-menu-two__logo {
  padding: 14px 0 !important;
}
   icon from "Font Awesome 5 Pro", a paid font whose files didn't
   come through cleanly in the mirrored template (several of its
   format files were saved as broken .html placeholders instead of
   real font data). Depending on the browser/OS, that can render as
   a stray box or an unrelated character instead of an arrow. This
   replaces it with a plain CSS triangle that needs no external font
   at all, so it always renders correctly everywhere.
   -------------------------------------------------------------- */
.main-menu .main-menu__list > li.dropdown > a::after,
.stricky-header .main-menu__list > li.dropdown > a::after {
  font-family: initial !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid rgba(255, 255, 255, 0.85) !important;
  background: none !important;
}

.main-menu .main-menu__list > li.current > a::after,
.main-menu .main-menu__list > li:hover > a::after,
.stricky-header .main-menu__list > li.current > a::after,
.stricky-header .main-menu__list > li:hover > a::after {
  border-top-color: var(--finris-primary) !important;
}

.main-menu .main-menu__list > li > ul > li.dropdown > a::before,
.main-menu .main-menu__list > li > ul > li > ul > li.dropdown > a::before,
.stricky-header .main-menu__list > li > ul > li.dropdown > a::before,
.stricky-header .main-menu__list > li > ul > li > ul > li.dropdown > a::before {
  font-family: initial !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left: 6px solid rgba(255, 255, 255, 0.85) !important;
  background: none !important;
}

/* --------------------------------------------------------------
   The Industries/Global Alliances icon grids use narrow columns
   (col-6 on mobile, col-xl-2 on laptop/desktop — roughly 1/6 of the
   row). Longer labels like "Cybersecurity Ecosystem" don't fit at
   the default 24px uppercase size at ANY of those widths and get
   clipped by the card's overflow:hidden. Shrink and allow proper
   wrapping everywhere, not just on mobile.
   -------------------------------------------------------------- */
.serving-one__title {
  font-size: 18px;
  line-height: 24px;
  padding: 0 4px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 767px) {
  .serving-one__title {
    font-size: 15px;
    line-height: 20px;
  }

  .serving-one__single {
    padding: 40px 0 32px;
  }
}

/* --------------------------------------------------------------
   Topbar CTA button ("Talk to MetaNex" in the thin top bar) needs
   to be compact — the main nav's .thm-btn-two is sized for a much
   taller row.
   -------------------------------------------------------------- */
.main-menu-two__top-cta {
  margin-left: 24px;
}

.main-menu-two__top-cta .thm-btn {
  padding: 8px 20px;
  font-size: 13px;
  line-height: 13px;
  border-radius: 20px;
}

@media (max-width: 1199px) {
  .main-menu-two__top-cta {
    display: none;
  }
}

/* --------------------------------------------------------------
   Hero CTA buttons — give the primary button a subtle glow so it
   pops against the dark hero background, and make the ghost/
   secondary button clearly visible without competing with it.
   -------------------------------------------------------------- */
.banner-two__btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 8px;
}

.banner-two__btn-box .thm-btn.thm-btn-two {
  box-shadow: 0 10px 30px rgba(42, 92, 255, 0.35);
  transition: all 350ms ease;
}

.banner-two__btn-box .thm-btn.thm-btn-two:hover {
  box-shadow: 0 14px 36px rgba(42, 92, 255, 0.5);
  transform: translateY(-2px);
}

.thm-btn-ghost {
  background-color: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  margin-left: 0;
  font-weight: 600;
  transition: all 350ms ease;
}

.thm-btn-ghost:hover {
  border-color: var(--finris-white);
  background-color: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-2px);
}

@media (max-width: 480px) {
  .banner-two__btn-box {
    flex-direction: column;
  }

  .thm-btn-ghost {
    margin-top: 0;
  }
}

/* --------------------------------------------------------------
   The new hero headline ("We Manage Your Technology. You Focus on
   Growing Your Business.") is much longer than the original short
   typed-effect headline this column was designed for. Scale it
   down so it doesn't push the CTA buttons and stats out of view.
   -------------------------------------------------------------- */
.banner-two__title {
  font-size: 34px !important;
  line-height: 1.25em !important;
}

.banner-two__satisfied-client-box {
  margin-top: 28px !important;
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .banner-two__title {
    font-size: 28px !important;
  }
}

/* --------------------------------------------------------------
   Homepage "Four Powerful Solutions" pillar cards.
   -------------------------------------------------------------- */
.pillar-card {
  position: relative;
  display: block;
  background-color: var(--finris-black);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 36px 40px 32px 90px;
  min-height: 190px;
  transition: all 400ms ease;
}

.pillar-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 255, 255, 0.2);
}

.pillar-card__num {
  position: absolute;
  top: 32px;
  left: 30px;
  font-size: 22px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
}

.pillar-card__icon {
  position: absolute;
  top: 30px;
  left: 32px;
  width: 44px;
  height: 44px;
  opacity: 0;
}

.pillar-card__title {
  font-family: var(--finris-font);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--finris-white);
  text-transform: none;
}

.pillar-card__subtitle {
  font-family: var(--finris-font);
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 14px;
}

.pillar-card__text {
  font-size: 15px;
  line-height: 24px;
  color: var(--finris-gray);
  margin-bottom: 0;
}

.pillar-card__arrow {
  position: absolute;
  bottom: 28px;
  right: 28px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--finris-white);
  transition: all 400ms ease;
}

.pillar-card:hover .pillar-card__arrow {
  background-color: var(--finris-white);
}

.pillar-card--blue .pillar-card__num { color: #4E7FFF; }
.pillar-card--blue:hover .pillar-card__arrow { background-color: #4E7FFF; border-color: #4E7FFF; }

.pillar-card--purple .pillar-card__num { color: #A24EFF; }
.pillar-card--purple:hover .pillar-card__arrow { background-color: #A24EFF; border-color: #A24EFF; }

.pillar-card--teal .pillar-card__num { color: #2BD9C9; }
.pillar-card--teal:hover .pillar-card__arrow { background-color: #2BD9C9; border-color: #2BD9C9; }

.pillar-card--gold .pillar-card__num { color: #F2B33D; }
.pillar-card--gold:hover .pillar-card__arrow { background-color: #F2B33D; border-color: #F2B33D; }

@media (max-width: 767px) {
  .pillar-card {
    padding: 30px 28px 28px 60px;
    min-height: auto;
  }

  .pillar-card__num {
    top: 26px;
    left: 22px;
    font-size: 18px;
  }

  .pillar-card__arrow {
    position: static;
    margin-top: 16px;
  }
}

/* --------------------------------------------------------------
   Division page "story" section — image on one side, text on the
   other. Used on AI Studio, Talent and Cyber Safety Awareness
   pages to add visual richness beyond plain text blocks.
   -------------------------------------------------------------- */
.division-story {
  padding: 70px 0;
}

.division-story__img {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.division-story__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform 600ms ease;
}

.division-story__img:hover img {
  transform: scale(1.04);
}

.division-story__content {
  padding: 20px 0;
}

.division-story__content h2 {
  font-family: var(--finris-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--finris-black);
  margin-bottom: 18px;
  text-transform: none;
}

.division-story__content p {
  font-size: 16px;
  line-height: 1.9;
  color: var(--finris-gray);
  margin-bottom: 16px;
}

.division-story__content p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .division-story__img {
    margin-bottom: 30px;
    min-height: 280px;
  }
}

/* --------------------------------------------------------------
   Sitewide heading readability fix. The theme's default heading
   font (--finris-font-two, a bold condensed display face) looks
   fine at very large hero sizes but becomes hard to read at normal
   section-heading and card-heading sizes across the site. Switch
   all headings to the regular, clearly readable font.
   -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--finris-font);
  font-weight: 700;
}

/* --------------------------------------------------------------
   The rotating circular text badge ("...Modern Technology & AI...")
   is a fixed 180px circle with JS-generated curved text and a large
   fixed left margin. It doesn't adapt to narrow screens and looks
   broken/overflowing on mobile. Hide it below tablet width — it's
   purely decorative, not content.
   -------------------------------------------------------------- */
@media (max-width: 767px) {
  .why-choose-one__round-text-box {
    display: none;
  }
}

/* --------------------------------------------------------------
   Inner-page hero (breadcrumb banner) currently sits on a flat
   solid dark colour. Add a subtle, blurred photographic layer
   behind the existing dark overlay/pattern for visual depth,
   without competing with the white heading text.
   -------------------------------------------------------------- */
.page-header {
  position: relative;
  background-color: transparent;
}

/* Legacy blurred background layer removed — it was stacking behind
   the real per-page photo (.page-header__bg) and compounding with
   its scrim, washing the visible image out to near-invisibility. */

.page-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(11, 26, 58, 0.88) 0%, rgba(11, 26, 58, 0.94) 100%);
  z-index: -1;
}

/* ================================================================
   REDESIGN 2.0 — Qubiq-inspired energy, MetaNex brand colors.
   New component styles for the redesigned homepage: pain-point
   cards, animated service cards, process connectors, stats strip,
   case-study cards, FAQ accordion.
   ================================================================ */

/* ---- Pain point cards ("Where IT Problems Cost You") ---- */
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .pain-grid { grid-template-columns: 1fr; }
}
.pain-card {
  background: #fff;
  border: 1px solid #ececf4;
  border-radius: 16px;
  padding: 32px 28px;
  transition: all 300ms ease;
  position: relative;
  overflow: hidden;
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #e2ab47, #eecf96);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 400ms ease;
}
.pain-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(42,92,255,0.12);
}
.pain-card:hover::before { transform: scaleX(1); }
.pain-card__icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(42,92,255,0.12), rgba(124,58,237,0.12));
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 20px;
  font-size: 22px;
  color: #2A5CFF;
}
.pain-card h3 {
  font-size: 19px;
  margin-bottom: 10px;
  color: var(--finris-black);
}
.pain-card p {
  font-size: 14.5px;
  color: var(--finris-gray);
  line-height: 1.7;
  margin: 0;
}

/* ---- Animated dynamic service/division cards ---- */
.dyn-card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #0B1A3A;
  padding: 34px 30px;
  transition: transform 350ms ease, box-shadow 350ms ease;
  isolation: isolate;
}
.dyn-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(42,92,255,0.25), transparent 60%);
  opacity: 0;
  transition: opacity 400ms ease;
  z-index: -1;
}
.dyn-card:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 24px 48px rgba(11,26,58,0.35);
}
.dyn-card:hover::after { opacity: 1; }
.dyn-card__icon-ring {
  width: 60px; height: 60px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.15);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 22px;
  position: relative;
}
.dyn-card__icon-ring::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1.5px solid rgba(42,92,255,0.35);
  animation: pulseRing 2.4s ease-out infinite;
}
@keyframes pulseRing {
  0% { transform: scale(0.9); opacity: 0.8; }
  70% { transform: scale(1.25); opacity: 0; }
  100% { opacity: 0; }
}
.dyn-card__icon-ring span { font-size: 24px; color: #fff; }
.dyn-card h3 { color: #fff; font-size: 21px; margin-bottom: 8px; }
.dyn-card p { color: rgba(255,255,255,0.65); font-size: 14.5px; line-height: 1.7; }
.dyn-card__link {
  display: inline-flex; align-items: center; gap: 8px;
  color: #4E7FFF; font-weight: 600; font-size: 14px;
  margin-top: 18px;
}
.dyn-card__link .icon-right { transition: transform 300ms ease; }
.dyn-card:hover .dyn-card__link .icon-right { transform: translateX(5px); }

/* ---- Stats strip ---- */
.stats-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .stats-strip { grid-template-columns: repeat(2, 1fr); }
}
.stat-item { text-align: center; }
.stat-item__num {
  font-size: 40px;
  font-weight: 700;
  background: linear-gradient(135deg, #2A5CFF, #7C3AED);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.1;
}
.stat-item__label {
  font-size: 13.5px;
  color: var(--finris-gray);
  margin-top: 6px;
}

/* ---- Animated process connector ---- */
.process-flow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 991px) {
  .process-flow { flex-direction: column; gap: 40px; }
}
.process-flow__line {
  position: absolute;
  top: 34px;
  left: 60px;
  right: 60px;
  height: 2px;
  background: repeating-linear-gradient(90deg, #d8dcec 0, #d8dcec 6px, transparent 6px, transparent 12px);
}
@media (max-width: 991px) { .process-flow__line { display: none; } }
.process-step {
  flex: 1;
  text-align: center;
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.process-step__num {
  width: 68px; height: 68px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #2A5CFF;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
  font-size: 22px; font-weight: 700; color: #2A5CFF;
  transition: all 300ms ease;
}
.process-step:hover .process-step__num {
  background: linear-gradient(135deg, #2A5CFF, #7C3AED);
  color: #fff;
  transform: scale(1.08);
}
.process-step h4 { font-size: 17px; margin-bottom: 8px; }
.process-step p { font-size: 13.5px; color: var(--finris-gray); }

/* ---- FAQ accordion ---- */
.faq-item {
  border-bottom: 1px solid #ececf4;
  padding: 22px 0;
  cursor: pointer;
}
.faq-item__q {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 16.5px; font-weight: 600; color: var(--finris-black);
}
.faq-item__icon { transition: transform 300ms ease; color: #2A5CFF; font-size: 20px; }
.faq-item.is-open .faq-item__icon { transform: rotate(45deg); }
.faq-item__a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 350ms ease;
  font-size: 14.5px; color: var(--finris-gray); line-height: 1.7;
}
.faq-item.is-open .faq-item__a { max-height: 300px; padding-top: 14px; }

/* ---- Case study cards ---- */
.case-card {
  background: #f8f9fd;
  border-radius: 16px;
  padding: 30px;
  border: 1px solid #ececf4;
}
.case-card__tag {
  display: inline-block;
  font-size: 12px; font-weight: 700; letter-spacing: 0.04em;
  color: #2A5CFF; text-transform: uppercase;
  margin-bottom: 12px;
}
.case-card h4 { font-size: 18px; margin-bottom: 10px; }
.case-card p { font-size: 14px; color: var(--finris-gray); line-height: 1.7; }

/* ---- Logo strip (trusted by) ---- */
.logo-strip {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 40px;
  opacity: 0.75;
}
.logo-strip img { height: 32px; width: auto; filter: grayscale(1); transition: filter 300ms ease, opacity 300ms ease; opacity: 0.7; }
.logo-strip img:hover { filter: grayscale(0); opacity: 1; }

/* Capability grid variant - 4 columns on desktop, responsive down */
.capability-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 991px) {
  .capability-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .capability-grid-4 { grid-template-columns: 1fr; }
}

/* ================================================================
   Font system update — Manrope (headings) + Inter (body),
   replacing the original DM Sans + Koulen pairing site-wide.
   ================================================================ */
:root {
  --finris-font: "Inter", sans-serif;
  --finris-font-two: "Manrope", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--finris-font-two);
  font-weight: 700;
}

body, p, a, span, li, input, textarea, button {
  font-family: var(--finris-font);
}

/* --------------------------------------------------------------
   Footer size reduction — original footer had very large vertical
   padding throughout (114px/120px main content, 31.5px copyright
   bar with 18px text), making it feel oversized compared to a
   clean, minimal international MSP site. Trim it down.
   -------------------------------------------------------------- */
.site-footer-two__main-content {
  padding: 56px 0 50px !important;
}

.site-footer-two__bottom {
  padding: 14px 0 !important;
}

.site-footer-two__copyright-text {
  font-size: 13px !important;
}

.footer-widget-two__title {
  margin-bottom: 14px !important;
}

.footer-widget-two__quick-links-list li+li {
  margin-top: 8px !important;
}

.footer-widget-two__about-logo {
  margin-bottom: 16px !important;
}

.footer-widget-two__get-in-touch-list li+li {
  margin-top: 12px !important;
}

/* --------------------------------------------------------------
   Nav accent colors — replace purple "current page" indicator
   with the site's actual gold brand color, and give dropdown
   submenu items a light-gold hover instead of plain white.
   -------------------------------------------------------------- */
.main-menu-two .main-menu__list > li.current > a,
.main-menu-two .main-menu__list > li:hover > a,
.stricky-header.main-menu-two .main-menu__list > li.current > a,
.stricky-header.main-menu-two .main-menu__list > li:hover > a {
  color: #e2ab47 !important;
}

.main-menu-two .main-menu__list > li.current > a::before,
.main-menu-two .main-menu__list > li:hover > a::before,
.stricky-header.main-menu-two .main-menu__list > li.current > a::before,
.stricky-header.main-menu-two .main-menu__list > li:hover > a::before {
  border-color: #e2ab47 !important;
}

.main-menu .main-menu__list > li > ul > li:hover > a,
.main-menu .main-menu__list > li > ul > li > ul > li:hover > a,
.stricky-header .main-menu__list > li > ul > li:hover > a,
.stricky-header .main-menu__list > li > ul > li > ul > li:hover > a {
  color: #eecf96 !important;
}

.main-menu .main-menu__list > li > ul,
.main-menu .main-menu__list > li > ul > li > ul,
.stricky-header .main-menu__list > li > ul,
.stricky-header .main-menu__list > li > ul > li > ul {
  background-color: #1c2740 !important;
}

/* --------------------------------------------------------------
   Topbar: keep email in normal lowercase (not forced uppercase
   like phone/location), and fix link hover color to gold instead
   of the leftover purple brand variable.
   -------------------------------------------------------------- */
.main-menu-two__contact-list li:nth-child(2) .text p {
  text-transform: none;
}
.main-menu-two__contact-list li .text p a:hover {
  color: #e2ab47 !important;
}

/* --------------------------------------------------------------
   Footer background — replace the leftover indigo-blue tint with
   the site's actual navy, matching the rest of the Navy & Gold design.
   -------------------------------------------------------------- */
.site-footer-two {
  background-color: #141c2e !important;
}

/* --------------------------------------------------------------
   Footer heading underline + dot — replace leftover purple with
   the site's actual gold brand color.
   -------------------------------------------------------------- */
.footer-widget-two__title:before,
.footer-widget-two__title:after {
  background-color: #e2ab47 !important;
}

/* --------------------------------------------------------------
   Hide the "Talk to Us / phone number" nav widget — it only
   appears at very wide viewports (e.g. zoomed-out browsers) and
   duplicates the phone number already always visible in the
   topbar, causing an inconsistent, overlapping appearance.
   -------------------------------------------------------------- */
.main-menu-two__call {
  display: none !important;
}