/*
Theme Name: NVRP
Theme URI: https://yourwebsite.com
Author: Your Name
Author URI: https://yourwebsite.com
Description: Lightweight, SEO-friendly, secure WordPress theme.
Version: 1.0
License: GPL v2 or later
Text Domain: nvrp
*/
:root {
  --gold: #c9a96e;
  --gold-light: #e8d5b0;
  --gold-dark: #8b6914;
  --black: #0a0a0a;
  --charcoal: #1a1a1a;
  --warm-dark: #111010;
  --warm-gray: #2c2824;
  --stone: #4a453f;
  --cream: #f5f0e8;
  --cream-light: #fdfaf5;
  --white: #ffffff;
  --text-muted: #8a8278;
}

/* ── MARQUEE ── */
.marquee-section {
  background: var(--gold);
  padding: 1rem 0;
  overflow: hidden;
  border-top: 1px solid var(--gold-dark);
  border-bottom: 1px solid var(--gold-dark);
}
.marquee-track {
  display: flex;
  animation: marqueeScroll 28s linear infinite;
  white-space: nowrap;
}
.marquee-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0 2rem;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--black);
  flex-shrink: 0;
}
.marquee-dot {
  width: 4px;
  height: 4px;
  background: var(--black);
  border-radius: 50%;
}
@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.cta-section-3 {
  position: relative;
}

.cta-video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -2;
}

.cta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* adjust darkness */
  z-index: -1;
}

.feature-item-imgs {
  max-height: 550px;
  width: auto;
  border-radius: 25px;
  overflow: hidden;
}

.feature-item-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.clients-carousel .swiper-slide-inner img {
  height: 110px;
  width: auto;
}

.header-right-wrap .header-btn:hover {
  color: #0a0a0a;
  opacity: 1;
}
.tl-primary-btn .header-btn:hover {
  color: #0a0a0a;
}

/* Tablet View */
@media (max-width: 991px) {
    :root {
        --tl-fs-h3: 36px;
    }
    .page-header .page-header-content .title {
        font-size: 36px;
    }
}

/* Mobile View */
@media (max-width: 767px) {
     :root {
        --tl-fs-h3: 28px;
    }
    .page-header .page-header-content .title {
        font-size: 28px;
    }
}