/* Argentina-3 — Midnight / copper — layout + contrast fixed */
.rtl-ltr-switcher-btn { display: none !important; }

:root {
  --font-primary: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-secondary: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-4: "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --brand: #C2410C;
  --brand-dark: #9A3412;
  --brand-light: #FDBA74;
  --brand-soft: #FFF7ED;
  --ink: #0B1220;
  --ink-2: #1E293B;
  --muted: #4B5563;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --border: #E5E7EB;
  --on-brand: #FFFFFF;
  --footer-bg: #0B1220;
  --footer-text: #F8FAFC;
  --footer-muted: #94A3B8;
  --dark-panel: #111827;

  --color-blue: var(--brand);
  --color-sky: var(--brand-light);
  --color-primary: var(--dark-panel);
  --color-secondary: var(--ink-2);
  --color-body: var(--muted);
  --color-heading-1: var(--ink);
  --color-title: var(--ink);
  --color-heading-dark: var(--ink);
  --color-border: var(--border);
  --bg-dark-1: var(--footer-bg);
}

html, body {
  background: var(--surface-2) !important;
  color: var(--muted) !important;
  font-family: var(--font-primary) !important;
}

a { color: var(--brand); }
a:hover { color: var(--brand-dark); }

/* ========== BUTTONS ========== */
.rts-btn.btn-primary:not(.btn-white):not(.btn-border) {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}
.rts-btn.btn-primary:not(.btn-white):not(.btn-border):hover {
  background: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: #fff !important;
}
.rts-btn.btn-primary.btn-white {
  background: #fff !important;
  color: var(--ink) !important;
}
.rts-btn.btn-primary.btn-border {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid var(--ink) !important;
}

/* ========== HEADER: always solid dark — never blends ========== */
header.header-one,
header.header-one.top-transparent-header,
header.header-one.style-four,
header.header-one.header--sticky,
header.header-one.header--sticky.sticky {
  background: var(--ink) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  position: relative;
  z-index: 1000;
}
header.header-one.header--sticky.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}

.header-top-area-wrapper,
.top-transparent-header .header-top-area-wrapper,
header.header-one .header-top-area-wrapper {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
/* Kill template dark-on-transparent text */
.top-transparent-header .header-top-area-wrapper *,
.top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .right p,
.top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .right p a,
.top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .left a,
header.header-one .header-top-one-wrapper .left a,
header.header-one .header-top-one-wrapper .right p,
header.header-one .header-top-one-wrapper .right a,
header.header-one .main-nav > a,
header.header-one .brand-wordmark {
  color: #F8FAFC !important;
  text-shadow: none !important;
}
header.header-one .header-top-one-wrapper .right a {
  color: var(--brand-light) !important;
}
header.header-one .main-nav > a:hover {
  color: var(--brand-light) !important;
}

.brand-wordmark {
  font-weight: 800 !important;
  font-size: clamp(1.1rem, 1.35vw, 1.5rem) !important;
  letter-spacing: -0.03em;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-main-one-wrapper {
  gap: 12px;
}
.header-one .main-nav > a {
  font-size: 13px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  white-space: nowrap;
}
.header-one .button-area .rts-btn.header-one-btn {
  margin-left: 6px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  white-space: nowrap;
}
.header-one .menu-btn img,
.header-one .menu-btn .menu-light {
  filter: brightness(0) invert(1);
}

.side-bar .brand-wordmark,
.logo-1.brand-wordmark {
  color: var(--ink) !important;
  max-width: none;
  font-size: 1.7rem !important;
}

/* ========== HERO ========== */
.rts-banner-area-eight,
.banner-bg_eight {
  position: relative !important;
  isolation: isolate;
  min-height: 720px;
  height: auto !important;
  padding: 160px 0 220px !important;
  display: flex !important;
  align-items: center;
  background-size: cover !important;
  background-position: center !important;
}
/* Strong dark veil — banner photo is light, text must stay white */
.rts-banner-area-eight::before,
.banner-bg_eight::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    105deg,
    rgba(11, 18, 32, 0.92) 0%,
    rgba(11, 18, 32, 0.82) 45%,
    rgba(11, 18, 32, 0.72) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.rts-banner-area-eight > .container,
.rts-banner-area-eight .rts-counter-up-area-eight,
.rts-banner-area-eight .banner-shape-area {
  position: relative;
  z-index: 2;
}
.banner-shape-area { display: none !important; }

.banner-inner-content-eight {
  padding-bottom: 40px !important;
  max-width: 820px;
}
.banner-inner-content-eight .title {
  font-size: clamp(2.2rem, 5vw, 3.6rem) !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  text-transform: none !important;
}
.banner-inner-content-eight .title span {
  color: var(--brand-light) !important;
  font-weight: 700 !important;
}
.banner-inner-content-eight .disc,
.banner-inner-content-eight p {
  color: #E5E7EB !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  max-width: 560px;
}
.banner-inner-content-eight .pre-title-area {
  border-color: rgba(253, 186, 116, 0.55) !important;
  background: rgba(11, 18, 32, 0.35);
}
.banner-inner-content-eight .pre-title-area p {
  color: var(--brand-light) !important;
  margin: 0;
}

/* ========== COUNTER: stop overlapping services ========== */
.rts-counter-up-area-eight {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin-top: 48px !important;
  width: 100% !important;
  z-index: 3;
}
.counter-up-area-eight-banner-bottom {
  position: relative !important;
  width: 100% !important;
  max-width: 1100px;
  height: auto !important;
  min-height: 180px;
  padding: 36px 40px !important;
  gap: 40px !important;
  background: var(--dark-panel) !important;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  overflow: hidden;
}
.counter-up-area-eight-banner-bottom .title,
.counter-up-area-eight-banner-bottom .counter,
.counter-up-area-eight-banner-bottom .business,
.counter-up-area-eight-banner-bottom span,
.counter-up-area-eight-banner-bottom i {
  color: #ffffff !important;
}
.counter-up-area-eight-banner-bottom .absolute-image {
  position: absolute !important;
  right: 24px !important;
  bottom: 0 !important;
  max-width: 160px !important;
  opacity: 0.9;
  pointer-events: none;
}
.counter-up-area-eight-banner-bottom .absolute-image img {
  width: 160px !important;
  height: 190px !important;
  object-fit: cover !important;
  border-radius: 14px 14px 0 0;
  position: static !important;
}

/* Services must not sit under counter */
.rts-service-area-start .padding-extend-300,
.container.padding-extend-300 {
  padding-top: 80px !important;
}
.rts-service-area-start {
  position: relative;
  z-index: 1;
  background: var(--surface) !important;
  padding-top: 40px;
  padding-bottom: 60px;
}

/* ========== LIGHT SECTIONS ========== */
.rts-service-area-start .title,
.our-experties-area .title,
.rts-business-case-area .title,
.rts-why-choose-area .title,
.rts-faq-area .title,
.rts-team-area-start-four .title,
.rts-pricing-area-one .title,
.rts-testimonials-area .title,
.rts-blog-area .title,
.title-style-one .title {
  color: var(--ink) !important;
}
.title-style-one .pre,
.rts-why-choose-area .pre,
.our-experties-area .pre,
.rts-faq-area .pre {
  color: var(--brand) !important;
}
.title-style-one .title > span,
.rts-why-choose-area .title > span,
.rts-business-case-area .title > span {
  color: var(--brand) !important;
}

.rts-service-area-start,
.rts-faq-area,
.rts-faq-area.faq-bg-one,
.rts-faq-area.bg_image,
.rts-pricing-area-one,
.rts-blog-area {
  background: var(--surface) !important;
  background-image: none !important;
}
.our-experties-area,
.rts-business-case-area,
.rts-why-choose-area,
.rts-team-area-start-four,
.rts-testimonials-area {
  background: var(--brand-soft) !important;
  background-image: none !important;
}

section.main-wrapper-sticky .sticky-statement {
  background: #fff !important;
  border: 1px solid var(--border) !important;
}
section.main-wrapper-sticky .sticky-statement .title {
  color: var(--ink) !important;
}

.pricing-wrapper-one,
.single-team-area-one-start,
.single-blog-area-start,
.accordion-item {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 28px rgba(11,18,32,.06);
}
.accordion-button { color: var(--ink) !important; background: #fff !important; }
.accordion-body { color: var(--muted) !important; background: var(--brand-soft) !important; }

/* ========== DARK PANELS ========== */
.rts-about-us-area-8,
.rts-about-us-area-8.bg_primary {
  background: var(--dark-panel) !important;
  height: auto !important;
  min-height: 420px;
  overflow: hidden;
}
.rts-about-us-area-8 span.pre { color: var(--brand-light) !important; }
.rts-about-us-area-8 .title,
.rts-about-us-area-8 .title span,
.rts-about-us-area-8 .counter,
.rts-about-us-area-8 .number,
.rts-about-us-area-8 h1,
.rts-about-us-area-8 h2,
.rts-about-us-area-8 h3,
.rts-about-us-area-8 h4,
.rts-about-us-area-8 h5 {
  color: #ffffff !important;
}
.rts-about-us-area-8 p.disc,
.rts-about-us-area-8 .bottom,
.rts-about-us-area-8 .number-area-start > span {
  color: #CBD5E1 !important;
}
.rts-about-us-area-8 img.large-image,
.rts-about-us-area-8 .large-image {
  width: 100%;
  max-width: 420px;
  height: 520px;
  object-fit: cover;
  border-radius: 16px;
}

.service-bottom-cta {
  background: var(--dark-panel) !important;
}
.service-bottom-cta,
.service-bottom-cta * { color: #F8FAFC !important; }
.service-bottom-cta img {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 50%;
}

/* ========== EQUAL MEDIA ========== */
.single-case-studies-four {
  aspect-ratio: 810 / 852;
  overflow: hidden;
  border-radius: 12px;
}
.single-case-studies-four img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.single-team-area-one-start img {
  width: 100% !important;
  aspect-ratio: 615 / 675;
  object-fit: cover !important;
  border-radius: 10px;
}
.rts-blog-area img,
.blog-swiper-style-one img {
  width: 100% !important;
  aspect-ratio: 410 / 303;
  object-fit: cover !important;
  border-radius: 10px;
}
.thumbnail-why-choose-8 img {
  width: 100% !important;
  max-width: 520px;
  aspect-ratio: 1 / 1;
  object-fit: cover !important;
  border-radius: 18px;
}
.rts-testimonials-area img[src*="testimonials/07"] {
  width: 260px !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: 16px;
}
.rts-testimonials-area img[src*="avatar"] {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 50%;
}
.rts-faq-area img[src*="faq/"] {
  width: 100% !important;
  max-width: 480px;
  aspect-ratio: 786 / 909;
  object-fit: cover !important;
  border-radius: 16px;
}

/* ========== FOOTER ========== */
.footer-8-area-bg,
.footer-8-area-bg.bg_image {
  background: var(--footer-bg) !important;
  background-image: none !important;
}
.footer-8-area-bg *,
.footer-8-area-bg .title,
.footer-8-area-bg a,
.footer-8-area-bg p,
.copyright-8-wrapper,
.copyright-8-wrapper p,
.copyright-8-wrapper a,
.signle-footer-contact-8 .title,
.signle-footer-contact-8 a {
  color: var(--footer-text) !important;
}
.footer-8-area-bg a:hover,
.copyright-8-wrapper a:hover { color: var(--brand-light) !important; }
.footer-logo-area-left-8 p.disc,
.footer-8-area-bg .disc { color: var(--footer-muted) !important; }
.copyright-area-main-wrapper,
.copyright-8-wrapper {
  border-top: 1px solid rgba(148,163,184,.28) !important;
}
.logo_footer.brand-wordmark {
  color: #fff !important;
  font-size: clamp(1.6rem, 2vw, 2.2rem) !important;
  max-width: none;
  margin-bottom: 1rem;
}

input, textarea, select {
  color: var(--ink) !important;
  background: #fff !important;
  border-color: var(--border) !important;
}
label { color: var(--ink-2) !important; }

.progress-bar { background-color: var(--brand) !important; }
.progress-wrap svg path { stroke: var(--brand) !important; }

@media only screen and (max-width: 991px) {
  .rts-banner-area-eight,
  .banner-bg_eight {
    padding: 130px 0 80px !important;
    min-height: 0;
  }
  .counter-up-area-eight-banner-bottom .absolute-image { display: none !important; }
  .container.padding-extend-300 { padding-top: 40px !important; }
}
@media only screen and (max-width: 575px) {
  .brand-wordmark { font-size: 1.25rem !important; max-width: 140px; }
  .banner-inner-content-eight .title { font-size: 2rem !important; }
}

/* === LAYOUT FIX PASS === */

/* Menu button: readable on dark header, not a blank white square */
header.header-one #menu-btn,
header.header-one .menu.menu-btn {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 12px !important;
  display: none !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}
header.header-one #menu-btn i,
header.header-one .menu.menu-btn i {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
header.header-one #menu-btn img,
header.header-one .menu.menu-btn img {
  display: none !important;
}
@media only screen and (max-width: 1199px) {
  header.header-one #menu-btn,
  header.header-one .menu.menu-btn {
    display: inline-flex !important;
  }
}

/* Service CTA row: no giant floating gap */
.rts-service-area-start .row.service-cta-row,
.rts-service-area-start .row.rts-section-gap {
  padding: 24px 0 10px !important;
  margin: 0 !important;
}
.service-bottom-cta {
  position: relative !important;
  overflow: visible !important;
  min-height: 92px;
  padding: 22px 48px !important;
  gap: 24px;
  background: var(--dark-panel) !important;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 40px rgba(11,18,32,.18);
}
.service-bottom-cta .title,
.service-bottom-cta p,
.service-bottom-cta a {
  color: #fff !important;
  position: relative;
  z-index: 2;
}
.service-bottom-cta .mid-image {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  z-index: 1;
  background: #fff;
}
.service-bottom-cta .mid-image img,
.service-bottom-cta img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}
@media (max-width: 991px) {
  .service-bottom-cta .mid-image { display: none !important; }
}

/* Hero: content not glued to edges — editorial inset */
.rts-banner-area-eight > .container {
  padding-left: clamp(20px, 6vw, 80px) !important;
  padding-right: clamp(20px, 6vw, 80px) !important;
}
.banner-inner-content-eight {
  max-width: 720px !important;
  margin-right: auto !important;
  padding: 28px 32px 32px !important;
  border-radius: 20px;
  background: rgba(11, 18, 32, 0.55);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}
.banner-inner-content-eight .title {
  font-size: clamp(2rem, 4.2vw, 3.25rem) !important;
  margin-bottom: 16px !important;
}
.banner-inner-content-eight .disc {
  margin-bottom: 22px !important;
}
.rts-banner-area-eight,
.banner-bg_eight {
  padding: 140px 0 100px !important;
}

/* Sticky service list: sane height so CTA doesn't float in void */
section.main-wrapper-sticky {
  height: auto !important;
  max-height: none !important;
}
section.main-wrapper-sticky .sticky-statement {
  position: relative !important;
  top: auto !important;
  margin-bottom: 16px !important;
  padding: 22px 24px !important;
}
.rts-service-area-start .title-style-one.position-sticky {
  position: relative !important;
  top: auto !important;
}
.service-arrow-bottom-main { display: none !important; }