/********** Template CSS **********/
body {
   font-family: 'Poppins', sans-serif !important;
 
	width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden !important;
    position: relative;
}

:root {

  /* --primary: #d5af33; */
  --primary: #00d2ff;
  --secondary: #fbfbfb !important;
  --light: #f8f8f8;
  --dark: #252525;
	 --deep-navy: #050a18 !important;
    --glass-bg: rgba(5, 10, 24, 0.85) !important; 
}

.text-secondary {
  color: var(--secondary) !important;
}

.bg-secondary {
  background: var(--secondary) !important;
}

.bg-second {
  background-color: #fafafa !important;
}

h1,
.h1 {


font-weight: 700;
font-family: 'Poppins', sans-serif !important;
}

@media (max-width: 768px) {

}

h2,
.h2 {
color: #414040;
font-weight: 700;
font-family: 'Poppins', sans-serif !important;
}

@media (max-width: 768px) {
 
}

h3,
h4,
.h3,
.h4,
.fw-medium {
   font-family: 'Poppins', sans-serif !important;
}

h5,
h6,
.h5,
.h6,
.fw-normal {
   font-family: 'Poppins', sans-serif !important;
}

p,
.p {
color: #5A5959;
font-family: 'Poppins', sans-serif !important;
}

ul,
li {
   font-family: 'Poppins', sans-serif !important;
}



figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

html,
body{
	width: 100%;
	overflow-x: clip;
}


/* Images Animation */

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.what-we-image-1 figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.what-we-image-1 figure img{
	aspect-ratio: 1 / 0.73;
}

.back-to-top {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}

/*** Spinner ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
  z-index: 99999;
}

#spinner.show {
  transition: opacity 0.5s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

/*** Button ***/
.btn {
  font-weight: 500;
  transition: 0.5s;
}

.btn.btn-primary {
  color: #000;
  background-color: var(--primary);
  border-radius: 10px;
  font-weight: 600 !important;
}

.btn-secondary {
  color: #000;
  padding: 12px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #fff;
  font-weight: 600 !important;
  border-color: #fff;
}

.btn-secondary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #000;
}

.btn-square {
  width: 38px;
  height: 38px;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.btn-sm-square {
  width: 32px;
  height: 32px;
}

.btn-lg-square {
  width: 48px;
  height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

.btn-outline-body {
  color: var(--primary);
  border-color: #777777;
}

.btn-outline-body:hover {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.shop-btn {
  padding: 10px 25px 10px 25px !important;
}



/* Title with underline */
.section-title-2 {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}

.section-title-2::after {
  content: "";
  display: block;
  width: 200px;
  height: 5px;
  background-color: var(--primary);
  margin-top: 20px;
}

.section-title-3 {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  text-align: center;
}

.section-title-3::after {
  content: "";
  display: block;
  width: 200px;
  height: 5px;
  background-color: var(--primary);
  margin: 20px auto 0 auto;
  /* ✅ This centers the line */
}



/* **************************************** */
/* Responsive Screens */
/* **************************************** */


@media (max-width: 768px) {

  /* ************************ */
  /* Globally Fonts */
  /* ************************ */

    h1,
  .h1 {
    font-size: 24px;

  }

 h2,
  .h2 {
    font-size: 24px !important;

  }

  p,
  .p {

    font-size: 15px;
  }


  .section-title-2::after {
    width: 100px;
    margin-top: 10px !important;
  }

  .section-title-3::after {
    width: 100px;
    margin-top: 10px !important;
  }
}
/* *************************************************navbar********* */
/* styles for the navbar  */
/* *********************************************************************** */
/* *********** */
:root {
    --primary: #00d2ff;
    --deep-navy: #050a18;
    --glass-bg: rgba(5, 10, 24, 0.85);
}

/* Fix for overall visibility */
.bg-dark-base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--deep-navy);
    z-index: -2;
}

/* --- Navbar Container --- */
.custom-navbar {
    background: rgba(5, 10, 24, 0.8);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 18px 0;
    transition: all 0.4s ease;
}

/* Update the existing .logo class */
.logo {
    display: flex;
    align-items: center;
    padding: 0;
    text-decoration: none; /* Removes underline if any */
}

/* Add this to control your image size and alignment */
.logo-img {
    height: 35px;      
    width: auto;      
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* Clean hover effect for the logo image */
.logo:hover .logo-img {
    transform: scale(1.05);
}


.nav-link-custom {
    color: rgba(255, 255, 255, 0.75) !important;
    font-weight: 500;
    font-size: 0.95rem;
    margin: 0 10px;
    transition: 0.3s ease;
}

.nav-link-custom:hover {
    color: var(--primary) !important;
}

/* --- Dropdown Styling --- */
.dropdown-toggle::after {
    display: none !important; 
}

.dropdown-chevron {
    transition: transform 0.3s ease;
    opacity: 0.6;
}

.show > .dropdown-toggle .dropdown-chevron {
    transform: rotate(180deg);
    color: var(--primary);
    opacity: 1;
}

.custom-dropdown {
    background: rgba(10, 15, 30, 0.95) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    padding: 10px !important;
    margin-top: 15px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

.custom-dropdown .dropdown-item {
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    font-size: 0.9rem;
    transition: 0.2s ease;
}

.custom-dropdown .dropdown-item:hover {
    background: rgba(0, 210, 255, 0.1) !important;
    color: var(--primary) !important;
    transform: translateX(5px);
}
/* --- Nested Submenu Logic --- */
@media (min-width: 992px) {
    
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu .submenu {
        top: 0;
        left: 100%;
        margin-top: -10px !important;
        margin-left: 10px !important;
        display: none;
    }

    /* Show submenu on hover */
    .dropdown-submenu:hover > .submenu {
        display: block;
        animation: dropFadeIn 0.3s ease forwards;
    }

    /* Keep the parent item highlighted when hovering the submenu */
    .dropdown-submenu:hover > .dropdown-item {
        background: rgba(0, 210, 255, 0.1) !important;
        color: var(--primary) !important;
    }
}

/* --- Mobile Adjustments --- */
/* --- Updated Mobile Submenu Adjustments --- */
@media (max-width: 991px) {
    /* Hide submenus by default on mobile */
    .dropdown-submenu .submenu {
        display: none; 
        position: static;
        background: rgba(255, 255, 255, 0.03) !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 15px !important;
        margin: 5px 0 !important;
        list-style: none;
    }

    /* When parent has .show-mobile class, show the submenu */
    .dropdown-submenu.show-mobile > .submenu {
        display: block !important;
    }

    /* Rotate the arrow when the submenu is open */
    .dropdown-submenu.show-mobile > a svg {
        transform: rotate(90deg);
        color: var(--primary);
    }

    /* Smooth transition for the arrow */
    .dropdown-submenu > a svg {
        transition: transform 0.3s ease;
    }
}


/* Desktop Hover Trigger */
@media (max-width: 991px) {
    .dropdown-submenu .submenu {
        position: static;
        display: none; /* Hide by default on mobile */
        background: rgba(255, 255, 255, 0.05) !important;
        border: none !important;
        padding-left: 20px !important;
    }
    
    /* Toggle this class via JS or use a simple CSS toggle if preferred */
    .dropdown-submenu.show-mobile > .submenu {
        display: block;
    }
}
@media (min-width: 992px) {
    .dropdown-submenu .submenu {
        top: 0;
        left: 100%;
        /* Remove margin-left: 10px; it creates a gap that kills the hover */
        margin-top: -10px !important;
        padding-left: 10px !important; /* Use padding instead so the mouse is always 'over' the element */
        display: none;
        background: transparent !important; /* Make the container transparent */
        border: none !important;
        box-shadow: none !important;
    }

    /* Ensure the actual list inside has the styling */
    .dropdown-submenu .submenu li {
        background: rgba(10, 15, 30, 0.95);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
    }
}
@media (min-width: 992px) {
    /* Prevent the parent link from being 'stuck' if clicked */
    .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* Smooth alignment */
    }
    
    /* This 'bridge' ensures the menu doesn't close when moving from Nav to Dropdown */
    .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 20px;
    }
}



/* ***************************************************************** */
/* home page */
/* ********************************************************************** */


/* Hero Styles Updated for Video */
.hero-section {
    padding: 180px 0 100px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative; /* Required for absolute positioning of video */
    overflow: hidden;   /* Prevents video from spilling out */
    background: #050a18; /* Backup solid color */
}

/* The Video Element */
.hero-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures video fills the area without stretching */
    z-index: 1;        /* Lowest layer */
}

/* The Gradient Overlay (Moved from background to pseudo-element) */
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4));
    z-index: 2; /* Sits above the video but below the text */
}

/* Ensure the container sits on top of everything */
.hero-section .container {
    position: relative;
    z-index: 3; /* Highest layer */
}

/* Keep all your other styles (.hero-title, .btn-talk-premium, etc.) exactly the same */
/* Hero Styles */
/* .hero-section {
    padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Hero-bg.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
} */

.hero-title {
    font-size: 60px;
    font-weight: 800;
    color: white;
    line-height: 1.1;
}
@media(max-width: 767px){
	.hero-title {
		font-size: 32px !important; 
	}
	
	.hero-title br{
		display: none !important;
	}
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}

/* Stats Bar */
.stats-bar {
    background: rgba(255, 255, 255, 0.03);
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.stat-number {
    color: var(--primary);
    font-weight: 800;
    margin-bottom: 0;
}

.stat-label {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* Service Cards */
.service-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px;
    border-radius: 20px;
    transition: all 0.4s ease;
    height: 100%;
}

.service-card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--primary);
}

.service-card.featured {
    border-color: var(--primary);
    background: linear-gradient(145deg, rgba(0, 210, 255, 0.05), rgba(5, 10, 24, 0.5));
}

.service-card h3 {
    color: white;
    margin: 20px 0;
}

.service-card p {
    color: rgba(255, 255, 255, 0.6);
}

.link-more {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
}
/* Container to keep them from spanning 100% */
/* Container to keep them together */
.hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Aligns buttons to the left */
    align-items: center;
}

.btn-outline-custom {
    display: inline-flex; /* Crucial: stops the full-width stretching */
    width: auto;         /* Forces the button to fit the text */
    padding: 14px 32px;
    border-radius: 50px; /* Modern pill shape */
    white-space: nowrap; /* Prevents text from wrapping */
    text-align: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Primary Button Fixes */
.btn-talk-premium {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    padding: 14px 32px; 
    width: auto; 
    min-width: 200px;
    background: linear-gradient(45deg, #00d2ff, #3a7bd5);
    color: #ffffff !important;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 15px rgba(0, 210, 255, 0.2);
    border: none;
    white-space: nowrap; 
}

/* Secondary Button Fixes */
.btn-outline-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    width: auto;
    min-width: 200px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* Hover Effects */
.btn-talk-premium:hover {
    transform: translateY(-3px);
    box-shadow: white;
	
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
    color: #00d2ff !important;
}
/* Custom Tabs Styling */
.custom-tabs {
    gap: 10px;
}

.custom-tabs .nav-link {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.custom-tabs .nav-link.active {
    background: var(--primary) !important;
    color: white !important;
    box-shadow: 0 5px 15px rgba(0, 210, 255, 0.3);
    border-color: var(--primary);
}

/* Horizontal Scrolling Wrapper */
.scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 20px;
    padding: 10px 5px;
    /* Custom Scrollbar for Chrome/Safari */
    scrollbar-width: thin;
    scrollbar-color: var(--primary) transparent;
}

.scrolling-wrapper::-webkit-scrollbar {
    height: 6px;
}

.scrolling-wrapper::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}

/* Scrollable Cards */
.service-card-scroll {
    flex: 0 0 320px; /* Fixed width for the cards */
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 35px;
    border-radius: 20px;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-card-scroll:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--primary);
    transform: translateY(-5px);
}

.service-card-scroll h5 {
    color: white;
    font-weight: 700;
    margin-bottom: 15px;
}

.service-card-scroll p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    line-height: 1.6;
}

.btn-link {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
}
.btn-link:hover {
    color: #ffffff !important; /* Forces text to white on hover */
    text-decoration: none;     /* Ensures no underline appears */
}


/* **************************** */
/* Industry Section Styles */
/* **************************** */
.industry-card-premium {
    position: relative;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 40px;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.industry-card-premium:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--primary);
    transform: translateY(-10px);
}

/* Background Glow Effect on Hover */
.industry-card-premium::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at top right, rgba(0, 210, 255, 0.1), transparent 60%);
    opacity: 0;
    transition: 0.5s opacity;
}

.industry-card-premium:hover::before {
    opacity: 1;
}

.industry-badge {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(0, 210, 255, 0.1);
    color: var(--primary);
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.industry-content h3 {
    color: white;
    font-weight: 700;
    margin-bottom: 15px;
}

.industry-content p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
    font-size: 0.95rem;
    margin-bottom: 25px;
}

.btn-industry-link {
    color: var(--primary) !important; /* Forces the initial color */
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.9rem;
    display: inline-flex !important; /* Changed to inline-flex for better hit area */
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    
    /* THE CRITICAL FIXES */
    position: relative; 
    z-index: 999 !important;      /* Bring to absolute front */
    pointer-events: auto !important; /* Force it to accept mouse input */
    cursor: pointer !important;    /* Force the hand cursor */
}

/* Hover Effect */
.btn-industry-link:hover {
    color: #ffffff !important; /* Forces white on hover */
}

.btn-industry-link:hover .arrow {
    transform: translateX(5px);
    color: #ffffff !important;
}

/* Click (Active) Effect */
.btn-industry-link:active {
    transform: scale(0.95);
    opacity: 0.8;
}

/* Arrow transition */
.btn-industry-link .arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}
/* ****************************** */
/* Talent Section Styles */
/* ************************ */
.talent-visual-box {
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.talent-main-img {
    width: 320px;
    height: 240px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    z-index: 2; /* Middle Layer */
    position: relative;
}

.talent-main-img img{
	border-radius: 20px !important;
}

.avatar-circle img{
	height: 35px;
	width: 35px;
	border-radius: 50%;
}
.t-card {
    position: absolute;
    z-index: 3; /* Top Layer - ensures they sit ON the glass, not under */
    width: 180px;
    padding: 15px;
    background: #0d152b;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.card-1 { top: 10%; right: 5%; transform: rotate(5deg); }
.card-2 { bottom: -5%; left: 5%; transform: rotate(-5deg); }


.status-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--primary);
    color: white;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
}
.avatar-circle {
    width: 35px;
    height: 35px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.feat-icon {
    width: 24px;
    height: 24px;
    background: var(--primary);
    color: #050a18;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.8rem;
    flex-shrink: 0;
    margin-top: 3px;
}
.value-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 24px;
    height: 100%;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.value-card:hover {
    background: rgba(0, 210, 255, 0.05);
    border-color: var(--primary);
    transform: translateY(-5px);
}

.value-icon {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.value-card h3 {
    margin-bottom: 15px;
    font-weight: 700;
}
/* Section 7: Staff Augmentation Styles */
.aug-feature-item {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 30px;
    transition: 0.3s;
}

/* This adds that glowing blue border from your screenshot */
.aug-feature-item:hover {
    border-color: #00d2ff;
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.1);
    background: rgba(0, 210, 255, 0.02);
}

.aug-feature-item-large {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
}
.aug-feature-item-large:hover {
    border-color: var(--primary);
}

.aug-icon-wrap {
    width: 50px;
    height: 50px;
    background: rgba(0, 210, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.bg-glass-alt {
    background: linear-gradient(145deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.04) 100%);
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* --- Section 8: The Novura Difference --- */
.diff-card {
    display: flex;
    gap: 30px;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.diff-card:hover {
   background: linear-gradient(145deg, rgba(0, 210, 255, 0.1), rgba(5, 10, 24, 0.2));
    border-color: var(--primary);
   
    transform: translateX(10px);
}

.diff-count {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--primary);
    opacity: 0.6;
    font-family: 'Inter', sans-serif;
}

.diff-content h4 {
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

/* Featured Card Styling (The Last One) */


.letter-spacing-2 {
    letter-spacing: 2px;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .diff-card {
        padding: 25px;
        gap: 15px;
    }
    .diff-card:hover {
        transform: translateY(-5px); /* Slide up instead of right on mobile */
    }
}
/* --- KYC Form Styling --- */
.form-glass-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 50px;
    border-radius: 32px;
    backdrop-filter: blur(10px);
}

.form-label-custom {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 8px;
    display: block;
}

.form-control-custom, .form-select-custom {
    background: #050a18 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    padding: 12px 20px;
    border-radius: 12px;
    width: 100%;
    transition: all 0.3s ease;
}

.form-control-custom:focus, .form-select-custom:focus {
    background: #050a18 !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.1);
    outline: none;
}

/* Customizing Select Arrow */
.form-select-custom {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
}
/* Fix: Explicitly style the dropdown list items */
.form-select-custom option {
    background-color: #050a18; /* Use a solid dark color that matches your theme */
    color: white;
    padding: 10px;
}

/* Fix for Chrome/Safari: Ensure the text remains visible when selected */
.form-select-custom:focus {
    color: white !important;
}

/* Stats Styling */
.kyc-stat-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.stat-icon-small {
    width: 32px;
    height: 32px;
    background: rgba(0, 210, 255, 0.1);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.8rem;
}

@media (max-width: 768px) {
    .form-glass-card {
        padding: 30px 20px;
    }
}
.footer-section {
    font-family: 'Inter', sans-serif;
}

.footer-title {
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #00d2ff;
}

.footer-socials a {
    color: white;
    font-size: 1.1rem;
    margin-right: 20px;
    opacity: 0.6;
    transition: opacity 0.3s ease, color 0.3s ease;
}

.footer-socials a:hover {
    opacity: 1;
    color: #00d2ff;
}

.legal-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
}

.legal-links a:hover {
    color: #00d2ff;
}

.text-primary-blue {
    color: #00d2ff !important;
}

/* The Big Box Wrapper */
.nv-stack-main-container {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 3.5rem;
    backdrop-filter: blur(10px);
}

/* Horizontal Grid Fix */
.nv-stack-grid {
    display: grid;
    /* This ensures icons stay side-by-side and wrap only when necessary */
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); 
    gap: 20px;
    width: 100%;
}

.nv-stack-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 25px 10px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: default;
}

.nv-stack-item i {
    font-size: 1.85rem;
    margin-bottom: 12px;
    color: #ffffff;
    opacity: 0.5; /* Subtle when not hovered */
    transition: all 0.3s ease;
}

.nv-stack-item span {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

/* Unified Blue Glow Hover Effect for ALL Items */
.nv-stack-item:hover {
    background: rgba(58, 134, 255, 0.12); /* Subtle blue tint */
    border-color: #3a86ff; /* Brand Blue Border */
    transform: translateY(-8px);
    /* Outer Blue Glow */
    box-shadow: 0 10px 30px rgba(58, 134, 255, 0.25);
}

.nv-stack-item:hover i {
    opacity: 1;
    color: #3a86ff; /* Brand Blue Icon */
    /* Inner Blue Glow */
    text-shadow: 0 0 20px rgba(58, 134, 255, 0.8);
}

.nv-stack-item:hover span {
    color: #ffffff;
    opacity: 1;
}

/* Responsive Fix for Mobile */
@media (max-width: 576px) {
    .nv-stack-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on small phones */
    }
}

/* **********************************************our story page styles ********************* */
/* styles for our story  */
.nv-premium-story {
    background: #020611;
    color: #fff;
    overflow: hidden;
}

/* Image Stack & Floating Effects */
.nv-image-stack {
    position: relative;
    padding: 40px;
	
}

.nv-main-rect {
    width: 85%;
    height: 450px;
    background: radial-gradient(circle at top right, rgba(0, 210, 255, 0.15), transparent);
    border-radius: 40px;
    border: 1px solid rgba(0, 210, 255, 0.2);
    position: relative;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(0,0,0,0.5);
}

.nv-rect-overlay {
    position: absolute;
    inset: 0;
	 background: radial-gradient(circle at top right, rgba(0, 210, 255, 0.15), transparent);
 	background:url('/wp-content/uploads/2026/01/3-M.png');
	 background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

/* Floating Cards Styling */
.nv-float-card {
    position: absolute;
    background: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 10;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.card-top { top: 10%; right: 0; }
.card-bottom { bottom: 10%; left: 0; }

.nv-icon-circle {
    width: 45px;
    height: 45px;
    background: var(--primary);
    color: #000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

/* Typography & Content */
.nv-dash-title {
    display: flex;
    align-items: center;
    gap: 15px;
    letter-spacing: 4px;
    color: var(--primary);
    font-weight: 700;
    font-size: 0.8rem;
}

.nv-dash-title .line {
    width: 40px;
    height: 2px;
    background: var(--primary);
}

.nv-h2-story {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
	color: white !important;
}

.text-glow {
    color: var(--primary);
/*     text-shadow: 0 0 20px rgba(0, 210, 255, 0.5); */
}

.nv-p-lead {
    font-size: 1.25rem;
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

/* Feature & Quote */
.nv-f-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-weight: 500;
}

.nv-f-item i { color: var(--primary); }

.nv-modern-quote {
    border-left: 4px solid var(--primary);
    padding-left: 25px;
    font-style: italic;
    font-size: 1.2rem;
    color: rgba(255,255,255,0.9);
}
/* --- Purpose Section Styles --- */
.nv-purpose-section {
    background-color: #050a18;
    position: relative;
	overflow: hidden;
}

/* Dynamic Background Glows */
.nv-glow-circle {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(120px);
    z-index: 0;
    opacity: 0.15;
}
.nv-glow-circle.left { top: -100px; left: -200px; background: var(--primary); }
.nv-glow-circle.right { bottom: -100px; right: -200px; background: #3a86ff; }

/* Badge Pill Styling */
.nv-badge-pill {
    display: inline-block;
    padding: 8px 24px;
    background: rgba(0, 210, 255, 0.1);
    border: 1px solid rgba(0, 210, 255, 0.2);
    color: var(--primary);
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
}

/* The Modern Card */
.nv-mission-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    backdrop-filter: blur(10px);
}

.nv-mission-card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(0, 210, 255, 0.4);
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
}

.nv-card-inner {
    padding: 50px;
    z-index: 2;
    position: relative;
}

/* Icon Wrap */
.nv-icon-wrap {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary), #3a86ff);
    color: #000;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(0, 210, 255, 0.2);
}

.nv-icon-wrap.variant-blue {
    background: linear-gradient(135deg, #3a86ff, #5038ff);
    color: #fff;
}

/* Typography */
.nv-label {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 0.85rem;
    margin-bottom: 15px;
    display: block;
}

.nv-h3 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
}

.nv-p {
    font-size: 1.1rem;
    line-height: 1.7;
}

/* Bottom Progress Accent */
.nv-card-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: var(--primary);
    transition: width 0.6s ease;
}

.nv-mission-card:hover .nv-card-progress {
    width: 100%;
}

.nv-card-progress.variant-blue {
    background: #3a86ff;
}
/* Unique Branding Styles */
.novura-values-wrap {
    background-color: #050a18;
    color: #ffffff;
}

.novura-tag {
    display: inline-block;
    padding: 5px 15px;
    background: rgba(0, 210, 255, 0.1);
    border: 1px solid rgba(0, 210, 255, 0.3);
    color: #00d2ff;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.novura-decorative-line {
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00d2ff);
}

/* Card Architecture */
.novura-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px;
    border-radius: 20px;
    height: 100%;
    transition: all 0.4s ease;
    position: relative;
}

.novura-card:hover {
    border-color: #00d2ff;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.05);
}

.novura-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.novura-id {
    font-size: 0.9rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.2);
    font-family: 'Space Grotesk', sans-serif;
}

.novura-card:hover .novura-id {
    color: #00d2ff;
}

.novura-icon-shield {
    width: 40px;
    height: 40px;
    color: rgba(0, 210, 255, 0.6);
}

.novura-card-h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
	color: white !important;
}

.novura-card-p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    line-height: 1.6;
}
/* --- Execution Section: The Path Logic --- */
.novura-exec-section {
    background: #030712; /* Deeper black for higher contrast */
    padding: 100px 0;
	overflow: hidden;
}

.novura-sticky-top {
    position: sticky;
    top: 120px;
}

.novura-mini-label {
    color: #00d2ff;
    font-weight: 800;
    font-size: 0.75rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.novura-main-h2 {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
}

.novura-highlight {
    background: linear-gradient(90deg, #00d2ff, #3a86ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Stat Grid */
.novura-stat-grid {
    display: flex;
    gap: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 40px;
}

.novura-stat-num {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
}

.novura-stat-label {
    color: #00d2ff;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* Path Visuals (Right Side) */
.novura-path-container {
    padding-left: 60px;
    position: relative;
}

.novura-path-step {
    position: relative;
    padding-bottom: 60px;
}

.novura-path-line {
    position: absolute;
    left: -31px;
    top: 40px;
    bottom: 0;
    width: 2px;
    background: rgba(0, 210, 255, 0.15);
}

.novura-path-circle {
    position: absolute;
    left: -50px;
    top: 0;
    width: 40px;
    height: 40px;
    background: #030712;
    border: 2px solid rgba(0, 210, 255, 0.3);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.8rem;
    z-index: 2;
    transition: 0.4s;
}

.novura-path-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 35px;
    border-radius: 24px;
    color: rgba(255, 255, 255, 0.6);
    transition: 0.4s;
}

/* Interaction Effects */
.novura-path-step:hover .novura-path-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(0, 210, 255, 0.4);
    transform: translateX(10px);
    color: rgba(255, 255, 255, 0.9);
}

.novura-path-step:hover .novura-path-circle {
    background: #00d2ff;
    color: #030712;
    border-color: #00d2ff;
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
}
.novura-elite-serve {
    background-color: #050a18;
    color: #ffffff;
    overflow-x: hidden !important;
}
.novura-elite-serve .row {
    margin-left: 0;
    margin-right: 0;
}


.nv-top-tag {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(0, 210, 255, 0.1);
    color: #00d2ff;
    border: 1px solid rgba(0, 210, 255, 0.3);
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.nv-heading { font-size: 3rem; font-weight: 800; line-height: 1.1; }
.nv-gradient-text {
    background: linear-gradient(90deg, #00d2ff, #3a86ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Visibility Pointers */
.nv-pointer-list { display: flex; flex-direction: column; gap: 15px; }
.nv-pointer { display: flex; align-items: center; gap: 12px; font-weight: 500; color: rgba(255,255,255,0.8); }
.nv-check { width: 22px; height: 22px; filter: drop-shadow(0 0 5px rgba(0, 210, 255, 0.5)); }

/* Mosaic Grid Architecture */
.nv-mosaic-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 150px;
    gap: 20px;
}

.nv-tile {
    background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Tile Sizing */
.nv-tile-lg { grid-row: span 2; grid-column: span 1; }
.nv-tile-wide { grid-column: span 2; }

/* Interactive Hover */
.nv-tile:hover {
    transform: translateY(-8px);
    border-color: #00d2ff;
    background: rgba(0, 210, 255, 0.05);
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}

.nv-tile-icon {
    width: 40px;
    height: 40px;
    color: #00d2ff;
    transition: 0.3s;
    /* This ensures the icon is always bright */
    filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.3));
}

.nv-tile:hover .nv-tile-icon {
    transform: scale(1.1) rotate(5deg);
    color: #fff;
}

.nv-tile-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: #fff;
	transition: color 0.3s ease;
}
.nv-tile-link {
    display: block;
    text-decoration: none !important; 
}
.nv-tile-link:hover .nv-tile-title {
    color: #3a86ff;
	transition: all 0.3s ease;
}

/* Background Mosaic Pattern for Depth */
.nv-mosaic-container::before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    background-image: radial-gradient(rgba(0, 210, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    z-index: -1;
    top: -25%;
    left: -25%;
}

@media (max-width: 768px) {
    .nv-mosaic-container { grid-template-columns: 1fr; grid-auto-rows: auto; }
    .nv-tile-lg, .nv-tile-wide { grid-row: span 1; grid-column: span 1; }
}
















/* ******************************************** hire talent ************************************** */
/* ****** styles of hire talent page starts here  */


/* Eyebrow with Pulse */
.nv-eyebrow-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nv-pulse-dot {
    width: 8px;
    height: 8px;
    background: #00d2ff;
    border-radius: 50%;
    box-shadow: 0 0 12px #00d2ff;
    animation: nv-pulse 2s infinite;
}

.nv-eyebrow-text {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.5);
}

/* Feature Cards Styling */
.nv-feature-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.nv-feature-card span {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

.nv-card-icon {
    color: #00d2ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nv-feature-card:hover {
    background: rgba(0, 210, 255, 0.05);
    border-color: rgba(0, 210, 255, 0.4);
    transform: translateY(-3px);
}

/* Pulse Animation */
@keyframes nv-pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 210, 255, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(0, 210, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 210, 255, 0); }
}

/* Console Wrapper & Glow */
.nv-console-glow-wrapper {
    position: relative;
    padding: 10px;
}

/* The soft glow behind the terminal */
.nv-console-glow-wrapper::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; height: 80%;
    background: rgba(0, 210, 255, 0.15);
    filter: blur(80px);
    z-index: 0;
}

.nv-console-card {
    position: relative;
    z-index: 1;
    background: rgba(10, 15, 30, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
}

/* Terminal Styling */
.nv-console-header {
    background: rgba(255, 255, 255, 0.05);
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nv-dots span { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 6px; }
.d-red { background: #ff5f56; }
.d-amb { background: #ffbd2e; }
.d-grn { background: #27c93f; }

.nv-terminal-path { color: rgba(255, 255, 255, 0.4); font-family: monospace; font-size: 0.8rem; }

.nv-console-body {
    padding: 40px;
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
}

/* Syntax Highlighting */
.c-keyword { color: #c678dd; }
.c-var { color: #e06c75; }
.c-func { color: #61afef; }
.c-str { color: #98c379; }
.c-comment { color: rgba(255, 255, 255, 0.3); font-style: italic; }

/* Status Footer */
.nv-console-footer {
    padding: 15px 25px;
    background: rgba(0, 210, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
    color: var(--primary);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Cyan Pulse Animation */
.nv-pulse-cyan {
    width: 8px; height: 8px; background: var(--primary); border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 10px var(--primary);
    animation: pulse-c 2s infinite;
}
/* Isolated Styles for Novura Standard Section */

.nvs-talent-section {
    z-index: 1;
}

.nvs-bg-soft-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.07) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

/* Namespaced Typography */
.nvs-display-heading {
    line-height: 1.05 !important;
    letter-spacing: -2px !important;
}

.nvs-text-gradient {
    background: linear-gradient(90deg, #00d2ff, #3a7bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.nvs-cyan-accent {
    color: #00d2ff !important;
    font-weight: 600;
}

/* Namespaced Eyebrow */
.nvs-eyebrow-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}
/* Ensure the parent row allows the sticky child to move */
.row.align-items-start {
    display: flex;
    align-items: flex-start;
}

/* Force sticky behavior if Bootstrap's class is being overridden */
.nvs-sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    height: fit-content;
}

/* Check for overflow issues in the parent chain */
#nvs-advantage-suite {
    overflow: clip !important; /* 'clip' is safer than 'hidden' for sticky */
}


.nvs-eyebrow-text {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.5);
}

/* Namespaced Premium Cards */
.nvs-premium-card {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 20px;
    padding: 40px 30px;
    height: 100%;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    backdrop-filter: blur(10px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.nvs-premium-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(0, 210, 255, 0.3) !important;
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

.nvs-card-top-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #00d2ff, #3a7bd5);
    transition: width 0.4s ease;
}

.nvs-premium-card:hover .nvs-card-top-glow {
    width: 100%;
}

.nvs-icon-box {
    width: 54px;
    height: 54px;
    background: rgba(0, 210, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00d2ff;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.nvs-premium-card:hover .nvs-icon-box {
    background: #00d2ff;
    color: #050a18;
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
}

.nvs-card-metadata {
    margin-top: auto;
    font-size: 0.7rem;
    color: rgba(0, 210, 255, 0.5);
    letter-spacing: 1px;
    font-weight: 700;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 15px;
}

@keyframes nvs-pulse-key {
    0% { box-shadow: 0 0 0 0 rgba(0, 210, 255, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(0, 210, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 210, 255, 0); }
}
/* Container & Background */
.nvs-workflow-py { z-index: 1; }
.nvs-bg-soft-glow {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 70%; height: 70%;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.05) 0%, transparent 70%);
    z-index: -1;
}

/* The Connection Line */
.nvs-desktop-line {
    position: absolute;
    top: 42px; /* Centers with the numbers */
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(90deg, 
        rgba(0, 210, 255, 0) 0%, 
        rgba(0, 210, 255, 0.3) 20%, 
        rgba(0, 210, 255, 0.3) 80%, 
        rgba(0, 210, 255, 0) 100%);
    z-index: 0;
}

/* Individual Nodes */
.nvs-step-node {
    padding: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
}

.nvs-node-header {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.nvs-node-num {
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'Courier New', monospace;
    font-weight: 700;
    background: #050a18; /* Matches your background to "cut" the line */
    transition: all 0.4s ease;
}

/* Hover Interactivity */
.nvs-step-node:hover .nvs-node-num {
    border-color: #00d2ff;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.4);
    transform: translateY(-5px);
}

.nvs-dim-text {
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 1.6;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .nvs-step-node {
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding-bottom: 30px;
    }
}
/* Section Container */
.nvs-why-section {
    z-index: 1;
}

.nvs-ambient-mesh {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at 80% 20%, rgba(0, 210, 255, 0.05), transparent 40%);
    z-index: -1;
}

/* Reason Box Styling */
.nvs-reason-box {
    position: relative;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    padding: 35px;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    backdrop-filter: blur(10px);
}

.nvs-reason-box:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(0, 210, 255, 0.3);
    transform: translateX(15px);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.3);
}

/* Background Number Watermark */
.nvs-box-bg-num {
    position: absolute;
    right: 20px;
    bottom: -10px;
    font-size: 6rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.03);
    line-height: 1;
    pointer-events: none;
    transition: 0.4s ease;
}

.nvs-reason-box:hover .nvs-box-bg-num {
    color: rgba(0, 210, 255, 0.05);
    transform: scale(1.1);
}

/* Icon Styling */
.nvs-reason-icon-v3 {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: rgba(0, 210, 255, 0.1);
    color: #00d2ff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.nvs-reason-box:hover .nvs-reason-icon-v3 {
    background: #00d2ff;
    color: #050a18;
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
}

/* Typography */
.nvs-module-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* Tech Button Style */
.nvs-btn-tech {
    display: inline-flex;
    align-items: center;
    padding: 14px 35px;
    background: transparent;
    border: 1px solid #00d2ff;
    color: #00d2ff;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.3s;
}

.nvs-btn-tech:hover {
    background: #00d2ff;
    color: #050a18;
    box-shadow: 0 0 25px rgba(0, 210, 255, 0.5);
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .nvs-reason-box {
        padding: 25px;
        flex-direction: column;
        gap: 15px;
    }
    .nvs-box-bg-num { display: none; }
}
/* Hiring Models Styling */
.nvs-model-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    padding: 35px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
}

.nvs-model-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(0, 210, 255, 0.3);
    transform: translateY(-10px);
}

/* Featured (Center) Card Highlight */
.nvs-featured-model {
    background: rgba(0, 210, 255, 0.03) !important;
    border: 1px solid rgba(0, 210, 255, 0.25) !important;
}

.nvs-card-glow {
    position: absolute;
    top: 0; left: 50%; transform: translateX(-50%);
    width: 80%; height: 1px;
    background: linear-gradient(90deg, transparent, #00d2ff, transparent);
    box-shadow: 0 0 15px #00d2ff;
}

/* Header Elements */
.nvs-model-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.nvs-model-type {
   
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.4);
}

.nvs-model-icon {
    width: 40px; height: 40px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    color: #00d2ff;
}

.nvs-bg-cyan { background: #00d2ff !important; color: #050a18 !important; }

/* Specs List */
.nvs-model-specs {
    list-style: none;
    padding: 0; margin: 20px 0 30px 0;
}

.nvs-model-specs li {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}

.nvs-model-specs i {
    color: #00d2ff;
    margin-right: 10px;
    font-size: 0.75rem;
}

/* Footer Metadata */
.nvs-model-footer {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
}

.nvs-meta {
   
    font-size: 0.6rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3);
}

.nvs-model-desc {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}
/* Section Base */
.nvs-vetting-section { overflow: hidden; }
.nvs-grid-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0, 210, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    z-index: 0;
}

/* Vetting Node Card */
.nvs-vetting-node {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px 30px;
    height: 100%;
    position: relative;
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
}

.nvs-node-corner.top-left {
    position: absolute;
    top: -1px; left: -1px;
    width: 20px; height: 20px;
    border-top: 2px solid #00d2ff;
    border-left: 2px solid #00d2ff;
    opacity: 0;
    transition: 0.3s;
}

.nvs-vetting-node:hover {
    background: rgba(0, 210, 255, 0.03);
    border-color: rgba(0, 210, 255, 0.2);
    transform: translateY(-10px);
}

.nvs-vetting-node:hover .nvs-node-corner { opacity: 1; }

/* Hexagonal Icon */
.nvs-node-icon-hex {
    width: 50px; height: 55px;
    background: rgba(255, 255, 255, 0.05);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    display: flex; align-items: center; justify-content: center;
    color: #00d2ff;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.nvs-hex-glow {
    background: rgba(0, 210, 255, 0.15);
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.2);
}

/* Step Label */
.nvs-node-step {
   
    font-size: 0.7rem;
    letter-spacing: 2px;
    color: white;
    display: block;
    margin-bottom: 10px;
}

/* Technical Specs List */
.nvs-vetting-specs {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.nvs-vetting-specs span {
    font-size: 0.75rem;
    font-family: monospace;
    opacity: 0.7;
    color: white;
}

.nvs-vetting-specs i {
    margin-right: 5px;
    color: #00d2ff;
}

/* Featured Node Highlight */
.nvs-active-node {
    border-color: rgba(0, 210, 255, 0.3);
    background: rgba(0, 210, 255, 0.05);
}

.nvs-dim-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    line-height: 1.6;
}
/* Guarantee Section Base */
.nvs-guarantee-py { z-index: 1; }

.nvs-security-aura {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 60%; height: 60%;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.08) 0%, transparent 70%);
    z-index: -1;
}

/* The Vault Container */
.nvs-guarantee-vault {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px; /* Industrial Sharpness */
    position: relative;
    backdrop-filter: blur(20px);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5);
}

/* Corner Brackets */
.nvs-vault-bracket {
    position: absolute;
    width: 30px; height: 30px;
    border-color: #00d2ff;
    border-style: solid;
    transition: 0.5s ease;
}
.top-left { top: -2px; left: -2px; border-width: 2px 0 0 2px; }
.top-right { top: -2px; right: -2px; border-width: 2px 2px 0 0; }
.bottom-left { bottom: -2px; left: -2px; border-width: 0 0 2px 2px; }
.bottom-right { bottom: -2px; right: -2px; border-width: 0 2px 2px 0; }

.nvs-guarantee-vault:hover .nvs-vault-bracket {
    width: 100%; height: 100%;
    opacity: 0.3;
}

/* The Guarantee Seal */
.nvs-guarantee-seal {
    padding: 40px;
}

.nvs-guarantee-seal i {
    font-size: 5rem;
    color: #00d2ff;
    filter: drop-shadow(0 0 15px rgba(0, 210, 255, 0.5));
    animation: nvs-float 3s infinite ease-in-out;
}

.nvs-seal-text {
   
    font-weight: 500;
    color: white;
    font-size: 1.5rem;
    margin-top: 15px;
    letter-spacing: 5px;
}

@keyframes nvs-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Layout Utilities */
@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }
}

/* Tech Button (matching your other sections) */
.nvs-btn-tech {
    display: inline-flex;
    align-items: center;
    background: #00d2ff;
    color: #050a18;
    border: none;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 4px;
}

.nvs-btn-tech:hover {
    transform: scale(1.05);
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 210, 255, 0.4);
}















/* ****************************************************footer ********************* */
/* footer styles  */
.footer-section {
    font-family: 'Inter', sans-serif;
}

.footer-title {
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #00d2ff;
}

.footer-socials a {
    color: white;
    font-size: 1.1rem;
    margin-right: 20px;
    opacity: 0.6;
    transition: opacity 0.3s ease, color 0.3s ease;
}

.footer-socials a:hover {
    opacity: 1;
    color: #00d2ff;
}

.legal-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
}

.legal-links a:hover {
    color: #00d2ff;
}

.text-primary-blue {
    color: #00d2ff !important;
}
/* *********************************************************** */
/* styles for solution pages  */
/* ***************************************************************** */
/* Container for Web Development Services */
.wd-service-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px 30px;
    border-radius: 24px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.wd-service-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: #00d2ff;
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Glowing Icon Circle */
.wd-icon-wrapper {
    width: 60px;
    height: 60px;
    background: rgba(0, 210, 255, 0.1);
    color: #00d2ff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 25px;
    transition: 0.3s ease;
}

.wd-service-card:hover .wd-icon-wrapper {
    background: #00d2ff;
    color: #050a18;
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.5);
}

/* Feature Checkbox List */
.wd-feature-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.wd-feature-list li {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.wd-feature-list li i {
    color: #00d2ff;
    font-size: 0.8rem;
    margin-right: 10px;
}

/* Background Accent Decoration */
.wd-service-card::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.05) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
}
/* Process Timeline Container */
.nv-process-timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

/* Central Vertical Line */
.nv-process-timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background: linear-gradient(to bottom, transparent, #00d2ff, #3a7bd5, transparent);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

/* Individual Timeline Item */
.nv-process-item {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* Numbered Dots */
.nv-process-dot {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -20px;
    background-color: #050a18;
    border: 2px solid #00d2ff;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
    color: #00d2ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.4);
}

/* Alternating Sides Logic */
.nv-process-item:nth-child(odd) { left: 0; text-align: right; }
.nv-process-item:nth-child(even) { left: 50%; text-align: left; }

.nv-process-item:nth-child(even) .nv-process-dot { left: -20px; }

/* Content Card Styling */
.nv-process-content {
    padding: 20px 30px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    border-radius: 20px;
    transition: 0.3s ease;
}

.nv-process-item:hover .nv-process-content {
    background: rgba(0, 210, 255, 0.05);
    border-color: #00d2ff;
}

/* Responsive Fixes */
@media screen and (max-width: 768px) {
    .nv-process-timeline::after { left: 31px; }
    .nv-process-item {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
        text-align: left !important;
    }
    .nv-process-item:nth-child(even) { left: 0%; }
    .nv-process-dot { left: 11px !important; }
}
/* Unique Section Classes for Why Novura */
.why-nv-box {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    transition: all 0.3s ease;
    border-left: 3px solid rgba(0, 210, 255, 0.2);
}

.why-nv-box:hover {
    background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #00d2ff;
    transform: translateX(10px);
}

.why-nv-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(0, 210, 255, 0.2), rgba(58, 123, 213, 0.2));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00d2ff;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.why-nv-banner {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(0, 210, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 35px;
    border-radius: 24px;
    margin-top: 20px;
}

.why-nv-banner .why-nv-icon {
    margin-bottom: 0;
    min-width: 50px;
}

/* Subtle gradient text utility if not already global */
.text-gradient {
    background: linear-gradient(90deg, #00d2ff, #3a7bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* FAQ Section Unique Styling */
.nv-faq-accordion {
    border: none;
    background: transparent;
}

.nv-faq-item {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.nv-faq-item:hover {
    border-color: rgba(0, 210, 255, 0.3) !important;
}

/* Question Button */
.nv-faq-btn {
    background: transparent !important;
    color: white !important;
    font-weight: 600;
    padding: 25px;
    box-shadow: none !important;
    border: none !important;
}

.nv-faq-btn:not(.collapsed) {
    color: #00d2ff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Custom Arrow Color */
.nv-faq-btn::after {
    filter: invert(1) brightness(2); /* Makes the arrow white */
}

.nv-faq-btn:not(.collapsed)::after {
    filter: invert(72%) sepia(95%) saturate(1828%) hue-rotate(166deg) brightness(102%) contrast(106%); /* Makes the arrow Novura Blue */
}

/* Answer Body */
.nv-faq-body {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.8;
    padding: 25px;
    font-size: 0.95rem;
}

/* styles for 4th section of technical page  */
    .nv-results-section {
        border-top: 1px solid rgba(255,255,255,0.05);
    }
    .nv-results-subtitle {
        color: #3a86ff;
        font-weight: 800;
        letter-spacing: 4px;
        font-size: 0.85rem;
    }
    .nv-results-card {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
        padding: 2.5rem 1.5rem;
        border-radius: 20px;
        text-align: center;
        transition: all 0.4s ease;
        height: 100%;
    }
    .nv-results-card:hover {
        background: rgba(255, 255, 255, 0.06);
        transform: translateY(-10px);
        border-color: #3a86ff;
    }
    .nv-results-card-featured {
        background: linear-gradient(145deg, rgba(58, 134, 255, 0.1), rgba(255, 255, 255, 0.03));
        border-color: rgba(58, 134, 255, 0.3);
    }
    .nv-results-metric {
        font-size: 3rem;
        font-weight: 800;
        margin-bottom: 1rem;
        background: linear-gradient(to bottom, #ffffff, #3a86ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .nv-results-glow {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(58, 134, 255, 0.1) 0%, transparent 70%);
        pointer-events: none;
    }
/* Unique Performance Section Styles */
.nv-perf-section { border-bottom: 1px solid rgba(58, 134, 255, 0.1); }

.nv-perf-blur-glow {
    position: absolute;
    top: 20%;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.15) 0%, transparent 70%);
    filter: blur(50px);
    z-index: 0;
}

.nv-perf-visual-card {
    background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 24px;
    padding: 3rem;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

.nv-perf-bar {
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    box-shadow: 0 0 15px rgba(58, 134, 255, 0.5);
}

.nv-perf-cta-btn {
    display: inline-block;
    padding: 1.2rem 2.5rem;
    background: #3a86ff;
    color: white;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(58, 134, 255, 0.2);
}

.nv-perf-cta-btn:hover {
    background: #2a75ef;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(58, 134, 255, 0.4);
    color: white;
}
/* Unique Styles for Partnership Section */
.nv-partner-section {
    position: relative;
    overflow: hidden;
}

.nv-partner-image-wrapper {
    position: relative;
    padding: 40px;
}

.nv-partner-glow-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
}

.nv-partner-main-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2.5rem;
    border-radius: 30px;
    position: relative;
    z-index: 2;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}

.nv-partner-status-badge {
    position: absolute;
    top: 0;
    right: 10%;
    background: #050a18;
    border: 1px solid #3a86ff;
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
    font-size: 0.85rem;
    z-index: 3;
    box-shadow: 0 10px 20px rgba(58, 134, 255, 0.2);
}

.nv-partner-timeline-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 0;
    opacity: 0.6;
}

.nv-partner-timeline-item.active {
    opacity: 1;
}

.nv-partner-dot {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
}

.nv-partner-timeline-item.active .nv-partner-dot {
    background: #3a86ff;
    box-shadow: 0 0 10px #3a86ff;
}

.nv-partner-mini-feat {
    padding: 20px;
    background: rgba(58, 134, 255, 0.05);
    border-radius: 15px;
    border: 1px solid rgba(58, 134, 255, 0.1);
}

.text-primary-blue {
    color: #3a86ff !important;
}

.text-gradient-blue {
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Refactored App Outcomes Styling */
.nv-outcome-section {
    background-color: var(--deep-navy);
    position: relative;
    overflow: hidden;
}

.nv-outcome-bg-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.08) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
}

.nv-outcome-pretitle {
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.nv-outcome-card {
    background: var(--glass-bg);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 45px 35px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
}

.nv-outcome-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--primary);
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.nv-outcome-card.featured {
    background: linear-gradient(145deg, rgba(0, 210, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-color: rgba(0, 210, 255, 0.25);
}

.nv-outcome-icon-wrap {
    width: 65px;
    height: 65px;
    background: rgba(0, 210, 255, 0.12);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    color: var(--primary);
    font-size: 1.6rem;
}

.nv-outcome-title {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
}

.nv-outcome-text {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    line-height: 1.6;
}

.nv-outcome-stat {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    gap: 10px;
}

.nv-stat-value {
    color: var(--primary);
    font-weight: 800;
    font-size: 1.1rem;
}

.nv-stat-label {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.8rem;
    text-transform: uppercase;
}

.nv-outcome-cta-btn {
    display: inline-block;
    padding: 20px 50px;
    background: var(--primary);
    color: var(--deep-navy); /* Dark text for better contrast on light primary blue */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 210, 255, 0.3);
}

.nv-outcome-cta-btn:hover {
    background: #ffffff;
    color: var(--deep-navy);
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(0, 210, 255, 0.5);
}

/* Unique Tomorrow Section Styling */
.nv-tomorrow-wrapper {
    background-color: var(--deep-navy);
    padding: 100px 0;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.nv-tomorrow-label {
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 0.9rem;
}

.nv-tomorrow-gradient {
    background: linear-gradient(90deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nv-tomorrow-link-btn {
    display: inline-block;
    padding: 18px 45px;
    background: transparent;
    border: 2px solid var(--primary);
    color: #ffffff;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.nv-tomorrow-link-btn:hover {
    background: var(--primary);
    color: var(--deep-navy);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 210, 255, 0.3);
}

.nv-tomorrow-status-badge {
    background: var(--glass-bg);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.nv-tomorrow-status-badge:hover {
    border-color: var(--primary);
    background: rgba(255, 255, 255, 0.05);
    transform: scale(1.02);
}

.nv-tomorrow-badge-icon {
    color: var(--primary);
    font-size: 1.2rem;
}

/* Software Solutions Unique Styling */
.nv-software-wrapper {
    background-color: var(--deep-navy);
    position: relative;
    overflow: hidden;
}

.nv-software-label {
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.85rem;
}

/* List Item Styling */
.nv-software-li {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.25rem;
    font-size: 1.1rem;
}

.nv-software-li i {
    color: var(--primary);
    font-size: 1.2rem;
    width: 25px;
    text-align: center;
}

/* Button Styling */
.nv-software-btn {
    display: inline-block;
    padding: 16px 40px;
    background: var(--primary);
    color: var(--deep-navy);
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 210, 255, 0.2);
}

.nv-software-btn:hover {
    background: #ffffff;
    color: var(--deep-navy);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 210, 255, 0.4);
}

/* Visual Card & Progress Bar */
.nv-software-visual-container {
    position: relative;
    padding: 20px;
}

.nv-software-glass-card {
    background: var(--glass-bg);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}

.nv-software-progress-track {
    width: 100%;
    height: 12px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.nv-software-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary), #ffffff);
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px var(--primary);
}

/* Shimmer Effect for Progress */
.nv-software-progress-fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    animation: nv-shimmer 2s infinite;
}

@keyframes nv-shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Responsive Tweaks */
@media (max-width: 991px) {
    .nv-software-visual-container {
        margin-top: 50px;
    }
}
/* Growth-Ready Stores Styling */
.nv-growth-section {
    background-color: var(--deep-navy);
    position: relative;
    overflow: hidden;
}

.nv-growth-bg-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.05) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
}

.nv-growth-pretitle {
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.9rem;
}

.nv-growth-btn {
    display: inline-block;
    padding: 18px 45px;
    background: var(--primary);
    color: var(--deep-navy);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 30px rgba(0, 210, 255, 0.2);
}

.nv-growth-btn:hover {
    background: #ffffff;
    color: var(--deep-navy);
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 210, 255, 0.4);
}

.nv-growth-feature-pill {
    background: var(--glass-bg);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px 15px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
}

.nv-growth-feature-pill i {
    color: var(--primary);
    font-size: 1.8rem;
    display: block;
    margin-bottom: 15px;
}

.nv-growth-feature-pill span {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nv-growth-feature-pill:hover {
    border-color: var(--primary);
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-5px);
}

/* **************************************************** */
/* staff augmented page  */
/* ********************************************** */
/* --- Staff Augmentation Hero Section --- */
.aug-hero-section {
    padding: 100px 0;
    background: var(--deep-navy);
    position: relative;
    overflow: hidden;
}

.aug-mini-label {
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 0.8rem;
    border-left: 3px solid var(--primary);
    padding-left: 12px;
}

.aug-main-title {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.2;
    margin: 20px 0;
}

.aug-description {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
    max-width: 540px;
    margin-bottom: 35px;
}

.aug-subtext {
    display: block;
    margin-top: 15px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.4);
    font-style: italic;
}

/* --- The Glass Firepower Card --- */
.aug-feature-glass {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    border-radius: 40px;
    padding: 25px;
    position: relative;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);
	margin-top:30px;
}

.aug-list-item {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 20px;
    transition: 0.3s ease;
}
.aug-list-item:hover{
	
   
    box-shadow: 0 0 15px var(--primary);
    transform: scale(1.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.aug-list-item strong {
    color: white;
    display: block;
    font-size: 1.1rem;
}

.aug-list-item p {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.5);
}

.aug-icon-check {
    width: 28px;
    height: 28px;
    background: rgba(0, 210, 255, 0.1);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: bold;
	transition: all 0.3s ease;
}
.aug-icon-check:hover {
    background: var(--primary);
    color: #fff;
    box-shadow: 0 0 15px var(--primary);
    transform: scale(1.1);
}


/* Re-using your featured border logic for consistency */
.featured-border {
/*     border: 1px solid var(--primary);
    background: rgba(0, 210, 255, 0.05); */
}
/* --- Momentum Section Styles --- */
.momentum-section {
    padding: 120px 0;
    background: var(--deep-navy); /* cite: 2 */
}

.mom-heading {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 1.5rem;
}

.mom-lead {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.6); /* cite: 1 */
    line-height: 1.6;
}

/* --- Card Styles --- */
.mom-card {
    background: rgba(255, 255, 255, 0.02); /* cite: 1 */
    border: 1px solid rgba(255, 255, 255, 0.08); /* cite: 1 */
    backdrop-filter: blur(12px); /* cite: 1 */
    padding: 45px 35px;
    border-radius: 28px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mom-card:hover {
    transform: translateY(-10px); /* cite: 1 */
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--primary); /* cite: 2 */
}

.mom-card-featured {
   
    background: rgba(0, 210, 255, 0.03);
}

/* --- Icon & Content --- */
.mom-icon-wrapper {
    width: 60px;
    height: 60px;
    background: rgba(0, 210, 255, 0.1); /* cite: 3 */
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--primary);
    margin-bottom: 25px;
}

/* .mom-icon-wrapper.highlight {
    background: var(--primary);
    color: var(--deep-navy);
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
} */
.mom-icon-wrapper:hover {
    background: var(--primary);
    color: var(--deep-navy);
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
   
    transition: all 0.3s ease; /* Makes the glow/color change smooth */
}

.mom-card-title {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.mom-card-text {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
    margin-bottom: 0;
}
/* --- Workflow Integration Section --- */
.plug-workflow-section {
    padding: 100px 0;
    background: var(--deep-navy);
    overflow: hidden;
}

.plug-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: white;
    margin-bottom: 20px;
}

.plug-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* Feature List */
.plug-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.plug-dot {
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    margin-top: 10px;
    box-shadow: 0 0 10px var(--primary);
}

.plug-item p {
    color: white;
    margin: 0;
}

.plug-item strong {
    color: var(--primary);
    display: block;
}

/* --- Integration Visual --- */
.plug-visual-container {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plug-hub {
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.03);
    border: 2px dashed rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.hub-label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.5);
}

.talent-node {
    position: absolute;
    background: rgba(0, 210, 255, 0.1);
    border: 1px solid var(--primary);
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
    font-size: 0.9rem;
    font-weight: 600;
    animation: nodePulse 3s infinite ease-in-out;
}

/* Node Positioning */
.node-1 { top: 10%; right: 10%; animation-delay: 0s; }
.node-2 { bottom: 20%; right: 5%; animation-delay: 1s; }
.node-3 { top: 40%; left: 0%; animation-delay: 2s; }

/* Connection Lines */
.plug-line {
    position: absolute;
    background: linear-gradient(90deg, transparent, var(--primary), transparent);
    height: 1px;
    opacity: 0.3;
    z-index: 1;
}

.line-1 { width: 150px; transform: rotate(-30deg); top: 30%; right: 25%; }
.line-2 { width: 120px; transform: rotate(15deg); bottom: 35%; right: 25%; }
.line-3 { width: 180px; transform: rotate(0deg); top: 50%; left: 15%; }

@keyframes nodePulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0px var(--primary); }
    50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(0, 210, 255, 0.3); }
}

@media (max-width: 991px) {
    .plug-visual-container { margin-top: 50px; height: 300px; }
}
/* --- Capabilities Grid Section --- */
.cap-section {
    padding: 100px 0;
    background: var(--deep-navy);
}

.cap-main-title {
    font-size: 3rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

.cap-lead {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem;
}

/* --- The Bento Card --- */
.cap-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 40px;
    border-radius: 24px;
    height: 100%;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.cap-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--primary);
    transform: translateY(-5px);
}

/* Featured variation for AI and Digital Transformation */
.cap-card-featured {
   
    background: linear-gradient(145deg, rgba(0, 210, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
}

.cap-icon {
    font-family: 'Courier New', Courier, monospace; /* Technical feel */
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 20px;
    opacity: 0.8;
}

.cap-card h3 {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.cap-card p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Decorative Glow on Featured Cards */
.cap-card-featured:hover {
    box-shadow: 0 10px 30px rgba(0, 210, 255, 0.15);
}
/* --- Trust & Partnership Section --- */
.trust-section {
    padding: 120px 0;
    background: var(--deep-navy);
}

.trust-sticky-header {
    position: sticky;
    top: 120px;
}

.trust-main-title {
    font-size: 3.2rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
    margin: 20px 0;
}

.trust-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.6);
    max-width: 400px;
}

/* --- The Vertical Logic --- */
.trust-timeline {
    position: relative;
    padding-left: 20px;
}

.trust-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, 
        var(--primary) 0%, 
        rgba(0, 210, 255, 0.2) 50%, 
        transparent 100%);
}

.trust-card {
    position: relative;
    padding: 0 0 50px 40px;
    transition: 0.3s ease;
}

.trust-number {
    position: absolute;
    left: -10px;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--deep-navy);
    border: 2px solid var(--primary);
    border-radius: 50%;
    z-index: 2;
    font-size: 0; /* Hide number, use as a styled dot */
}

.trust-body h4 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.trust-body p {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.7;
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Highlight effect on hover */
.trust-card:hover .trust-body h4 {
    color: var(--primary);
}

.trust-card:hover .trust-number {
    box-shadow: 0 0 15px var(--primary);
    background: var(--primary);
}

@media (max-width: 991px) {
    .trust-sticky-header { position: static; }
    .trust-main-title { font-size: 2.5rem; }
}
/* Unique Styles for Lifecycle Section */
.nv-lifecycle-section { 
    position: relative; 
    background-color: #050a18; 
    overflow: hidden;
}

.nv-lifecycle-pre {
    color: #3a86ff; 
    letter-spacing: 4px; 
    font-weight: 800;
}

.nv-lifecycle-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 2.5rem;
    border-radius: 24px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nv-lifecycle-box.highlighted {
    background: rgba(58, 134, 255, 0.05);
    border-color: rgba(58, 134, 255, 0.3);
}

.nv-lifecycle-box:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.05);
    border-color: #3a86ff;
}

.nv-lifecycle-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.nv-lifecycle-num {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.2);
}

.nv-lifecycle-header i {
    font-size: 2rem;
    color: #3a86ff;
}

.nv-lifecycle-cta {
    display: inline-block;
    padding: 1rem 2rem;
    background: #3a86ff;
    color: white;
    font-weight: 700;
    text-decoration: none;
    border-radius: 12px;
    transition: 0.3s;
}

.nv-lifecycle-cta:hover {
    background: #00d2ff;
    color: white;
    box-shadow: 0 10px 20px rgba(58, 134, 255, 0.3);
}

.nv-lifecycle-blur {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.1) 0%, transparent 70%);
    pointer-events: none;
}
/* Unique Styles for ROI Section */
.nv-roi-section {
    background-color: #050a18;
    position: relative;
    overflow: hidden;
}

.nv-roi-grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(58, 134, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
}

.nv-roi-pre {
    color: #3a86ff;
    letter-spacing: 3px;
    font-weight: 700;
}

.nv-roi-list li {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 12px;
    font-weight: 500;
}

.nv-roi-list i {
    color: #3a86ff;
}

/* Visual Card Styles */
.nv-roi-visual-card {
    background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    padding: 2.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.nv-roi-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.bg-primary-soft {
    background: rgba(58, 134, 255, 0.1);
    color: #3a86ff;
    border: 1px solid rgba(58, 134, 255, 0.2);
}

.nv-roi-dots span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    margin-left: 4px;
}

.nv-roi-stat-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 1.5rem;
}

.nv-roi-stat h3 {
    font-weight: 800;
    margin-top: 5px;
}

/* Button Styling */
.nv-roi-cta {
    display: inline-block;
    padding: 1.1rem 2.2rem;
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    color: white;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.nv-roi-cta:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(58, 134, 255, 0.4);
    color: white;
}
/* Unique Styles for Industry Section */
.nv-industry-section {
    background-color: #050a18;
    position: relative;
}

.nv-industry-pre {
    color: #3a86ff;
    letter-spacing: 5px;
    font-weight: 800;
}

.nv-industry-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    height: 100%;
    transition: all 0.3s ease;
    text-align: left;
}

.nv-industry-card:hover {
    background: rgba(58, 134, 255, 0.05);
    border-color: #3a86ff;
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.nv-industry-icon {
    width: 60px;
    height: 60px;
    background: rgba(58, 134, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: 0.3s ease;
}

.nv-industry-icon i {
    font-size: 1.5rem;
    color: #3a86ff;
}

.nv-industry-card:hover .nv-industry-icon {
    background: #3a86ff;
}

.nv-industry-card:hover .nv-industry-icon i {
    color: white;
}

.nv-industry-card h4 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.nv-industry-card p {
    line-height: 1.6;
    margin-bottom: 0;
}
/* Unique Styles for Scale Fast Section */
.nv-scale-fast-section {
    background-color: #050a18;
    position: relative;
    overflow: hidden;
}

.nv-scale-fast-pre {
    color: #3a86ff;
    letter-spacing: 4px;
    font-weight: 800;
}

/* Gradient Text Effect */
.text-gradient-blue {
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .nv-scale-fast-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 2.5rem;
    border-radius: 24px;
    height: 100%;
    transition: all 0.3s ease-in-out;
}



.nv-scale-fast-card:hover {
    transform: translateY(-10px);
    border-color: #3a86ff;
    background: rgba(255, 255, 255, 0.05);
}

.nv-scale-fast-icon {
    width: 50px;
    height: 50px;
    background: rgba(58, 134, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.nv-scale-fast-icon i {
    font-size: 1.25rem;
    color: #3a86ff;
} */
.nv-scale-fast-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 2.5rem;
    border-radius: 24px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    position: relative;
    z-index: 1;
}

/* Card Hover: Glow & Border Highlight */
.nv-scale-fast-card:hover {
    transform: translateY(-10px);
    border-color: #3a86ff;
    background: rgba(58, 134, 255, 0.04); 
   
    box-shadow: 0 10px 40px rgba(58, 134, 255, 0.15), 
                0 0 20px rgba(58, 134, 255, 0.1); 
}

.nv-scale-fast-icon {
    width: 50px;
    height: 50px;
    background: rgba(58, 134, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease; 
}

.nv-scale-fast-icon i {
    font-size: 1.25rem;
    color: #3a86ff;
    transition: all 0.3s ease;
}

/* Icon Highlight: Triggered when card is hovered */
.nv-scale-fast-card:hover .nv-scale-fast-icon {
    background: #3a86ff; 
    
    transform: scale(1.1);
}

.nv-scale-fast-card:hover .nv-scale-fast-icon i {
    color: #ffffff; 
}

.nv-scale-fast-cta-card {
    background: linear-gradient(135deg, #3a86ff 0%, #0077ff 100%);
    padding: 2.5rem;
    border-radius: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.nv-scale-fast-btn {
    display: inline-block;
    padding: 1rem 1.5rem;
    background: white;
    color: #3a86ff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 12px;
    transition: 0.3s;
    font-size: 0.95rem;
}

.nv-scale-fast-btn:hover {
    background: #f0f0f0;
    transform: scale(1.05);
    color: #0077ff;
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .nv-scale-fast-card {
        padding: 1.5rem;
    }
}
/* Unique Styles for Novura Process Section */


.nv-stepflow-section {
    background-color: #030712; /* Deeper dark for better contrast */
    position: relative;
    padding: 100px 0;
}

.text-gradient-blue {
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 5-Column Grid */
@media (min-width: 992px) {
    .col-lg-2-4 { flex: 0 0 auto; width: 20%; }
}

/* Connecting Line */
.nv-stepflow-line {
    position: absolute;
    top: 110px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(58, 134, 255, 0.2) 20%, rgba(58, 134, 255, 0.2) 80%, transparent);
    z-index: 0;
}

.nv-stepflow-card {
    position: relative;
    padding: 2rem 1.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    height: 100%;
    transition: all 0.4s ease;
    z-index: 1;
    backdrop-filter: blur(10px);
}

.nv-card-icon-wrap {
    position: relative;
    width: 70px;
    height: 70px;
    background: #0a1128;
    border: 1px solid rgba(58, 134, 255, 0.3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    color: var(--brand-blue);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transition: 0.4s ease;
}

.nv-step-number {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 0.75rem;
    font-weight: 800;
    background: var(--brand-blue);
    color: white;
    padding: 2px 8px;
    border-radius: 20px;
}

/* Hover Effects */
.nv-stepflow-card:hover {
    transform: translateY(-10px);
    border-color: var(--brand-blue);
    background: rgba(58, 134, 255, 0.07);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(58, 134, 255, 0.1);
}

.nv-stepflow-card:hover .nv-card-icon-wrap {
    background: var(--brand-blue);
    color: white;
    transform: rotate(-5deg) scale(1.1);
    box-shadow: 0 0 25px var(--brand-glow);
}

.nv-stepflow-action-btn {
   display: inline-block;
    padding: 1.1rem 2.2rem;
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    color: white;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.nv-stepflow-action-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(58, 134, 255, 0.4);
    color: white;
}

/* ******************************************************* */
/* digital marketing styles  */
/* ********************************************************** */
/* SEO Section Specific Styles */
/* SEO Section Specific Styles */
.nv-seo-section {
    position: relative;
}

.nv-seo-pretitle {
    color: #3a86ff;
    font-weight: 700;
    letter-spacing: 3px;
    font-size: 0.9rem;
}

.nv-seo-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 2rem;
    border-radius: 15px;
    height: 100%;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}

.nv-seo-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: #3a86ff;
    transform: translateY(-5px);
}

.nv-seo-icon-box {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #3a86ff, #00d2ff);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: #fff;
    font-size: 1.2rem;
}

.nv-seo-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 1.5rem 0;
}

.nv-seo-tag {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(58, 134, 255, 0.1);
    color: #3a86ff;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Ensure text gradient works if not defined globally */
.text-gradient {
    background: linear-gradient(to right, #ffffff, #3a86ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* SEO Workflow Unique Styles */
.nv-flow-pretitle {
    color: #3a86ff;
    font-weight: 800;
    letter-spacing: 4px;
    font-size: 0.85rem;
}

.nv-flow-wrapper {
    position: relative;
    padding-top: 20px;
}

.nv-flow-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 3rem 2rem 2rem 2rem;
    border-radius: 20px;
    height: 100%;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.nv-flow-card:hover {
    border-color: #3a86ff;
    background: rgba(58, 134, 255, 0.05);
    transform: translateY(-10px);
}

.nv-flow-number {
    position: absolute;
    top: -20px;
    left: 30px;
    width: 50px;
    height: 50px;
    background: #3a86ff;
    color: white;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.2rem;
    box-shadow: 0 10px 20px rgba(58, 134, 255, 0.3);
}



.text-gradient {
    background: linear-gradient(to right, #ffffff, #3a86ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Market Authority Unique Styles */
.nv-market-pretitle {
    color: #3a86ff;
    font-weight: 800;
    letter-spacing: 4px;
    font-size: 0.85rem;
}

.nv-market-check {
    width: 45px;
    height: 45px;
    background: rgba(58, 134, 255, 0.1);
    border: 1px solid rgba(58, 134, 255, 0.3);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3a86ff;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.nv-market-visual-wrapper {
    position: relative;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nv-market-circle-bg {
    position: absolute;
    width: 80%;
    height: 80%;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    animation: pulse-market 4s infinite ease-in-out;
}

.nv-market-stat-card {
    position: absolute;
    bottom: 10%;
    right: 5%;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.nv-market-pulse {
    width: 12px;
    height: 12px;
    background: #00ff88;
    border-radius: 50%;
    position: relative;
}

.nv-market-pulse::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00ff88;
    border-radius: 50%;
    animation: market-ripple 1.5s infinite;
}

@keyframes pulse-market {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

@keyframes market-ripple {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(2.5); opacity: 0; }
}
/* Why Novura SEO Unique Styles */
.nv-whyseo-pretitle {
    color: #3a86ff;
    font-weight: 800;
    letter-spacing: 4px;
    font-size: 0.85rem;
}

.nv-whyseo-banner {
    background: linear-gradient(135deg, rgba(58, 134, 255, 0.15) 0%, rgba(5, 10, 24, 1) 100%);
    border-left: 4px solid #3a86ff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.nv-whyseo-icon-large {
    width: 60px;
    height: 60px;
    background: #3a86ff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.nv-whyseo-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 2rem;
    border-radius: 15px;
    height: 100%;
    transition: all 0.3s ease;
}

.nv-whyseo-box:hover {
    background: rgba(58, 134, 255, 0.05);
    border-color: #3a86ff;
    transform: translateY(-5px);
}

.text-primary-blue {
    color: #3a86ff !important;
}
/* SEO Growth Section Scoping */
.nv-growth-pretitle {
    color: #3a86ff;
    font-weight: 800;
    letter-spacing: 4px;
    font-size: 0.85rem;
}

.nv-growth-stat-item {
    background: rgba(255, 255, 255, 0.03);
    border-left: 3px solid #3a86ff;
    padding: 15px 20px;
    border-radius: 0 10px 10px 0;
}

.nv-growth-btn {
    display: inline-block;
    padding: 15px 35px;
    background: #3a86ff;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 700;
    transition: all 0.3s ease;
    border: none;
}

.nv-growth-btn:hover {
    background: #2a6edb;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(58, 134, 255, 0.3);
    color: #fff;
}

.nv-growth-visual-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 30px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
}

.nv-growth-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.nv-growth-status {
    background: rgba(0, 255, 136, 0.1);
    color: #00ff88;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.nv-growth-line-wrapper {
    height: 150px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.nv-growth-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 40%, rgba(58, 134, 255, 0.2) 100%);
    clip-path: polygon(0 90%, 20% 85%, 50% 60%, 80% 30%, 100% 0, 100% 100%, 0 100%);
}

.nv-growth-dot {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: #3a86ff;
    border-radius: 50%;
    box-shadow: 0 0 15px #3a86ff;
    animation: nv-float 3s infinite ease-in-out;
}

@keyframes nv-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.text-primary-blue {
    color: #3a86ff !important;
}
/* --- Social Formula Section Styles --- */
.nv-formula-section {
    position: relative;
    z-index: 1;
}

/* Pills for Analysis, Refinement, Amplification */
.nv-formula-pill {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 0.9rem;
    text-align: center;
    transition: all 0.3s ease;
}

.nv-formula-pill i {
    color: #3a86ff; /* Your primary blue */
}

.nv-formula-pill:hover {
    background: rgba(58, 134, 255, 0.1);
    border-color: #3a86ff;
    transform: translateY(-3px);
}

/* Glassmorphism Card */
.nv-formula-visual-box {
    position: relative;
    padding: 20px;
}

.nv-formula-glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 40px;
    position: relative;
    z-index: 2;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

/* Progress Bar Gradient */
.text-gradient-bg {
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
}

/* Decorative Glow Backgrounds */
.nv-formula-glow-1 {
    position: absolute;
    top: -20%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.2) 0%, transparent 70%);
    z-index: 1;
    filter: blur(40px);
}

.nv-formula-glow-2 {
    position: absolute;
    bottom: -10%;
    left: -10%;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(0, 210, 255, 0.15) 0%, transparent 70%);
    z-index: 1;
    filter: blur(40px);
}

/* Custom Button */
.nv-formula-btn {
    display: inline-block;
    padding: 14px 32px;
    background: #3a86ff;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(58, 134, 255, 0.3);
}

.nv-formula-btn:hover {
    background: #2a75e6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 15px 25px rgba(58, 134, 255, 0.4);
}

/* Animation for the result box */
.nv-formula-result {
    transition: transform 0.3s ease;
}

.nv-formula-glass-card:hover .nv-formula-result {
    transform: scale(1.05);
}
/* ******************************************************* */
/* creative studio styles  */
/* *********************************************************** */
/* branding.css */

.nv-brand-section {
    position: relative;
    overflow: hidden;
}

.nv-brand-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 45px 35px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.nv-brand-card:hover {
    transform: translateY(-12px);
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(58, 134, 255, 0.5);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.nv-brand-icon-box {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, rgba(58, 134, 255, 0.15) 0%, rgba(0, 245, 160, 0.05) 100%);
    color: #3a86ff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 28px;
    border: 1px solid rgba(58, 134, 255, 0.2);
}

.nv-brand-card h4 {
    letter-spacing: -0.5px;
}

.nv-brand-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 25px 0;
    margin-top: auto; /* Pushes the tag to the bottom */
}

.nv-brand-tag {
    font-size: 11px;
    text-transform: uppercase;
    color: #3a86ff;
    letter-spacing: 2px;
    font-weight: 800;
}

/* CTA Button Styles */
.nv-brand-cta-btn {
    display: inline-block;
    padding: 16px 42px;
    background: linear-gradient(45deg, #3a86ff, #00f5a0);
    color: #fff !important;
    border-radius: 100px;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 18px;
    transition: 0.3s all ease;
    box-shadow: 0 10px 30px rgba(58, 134, 255, 0.3);
    border: none;
}

.nv-brand-cta-btn:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 15px 40px rgba(58, 134, 255, 0.4);
}
/* brand-process.css */

.nv-proc-section {
    position: relative;
    overflow: hidden;
}

/* Vertical connector line for desktop */
@media (min-width: 992px) {
    .nv-proc-wrapper {
        position: relative;
    }
    .nv-proc-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 100%;
        background: linear-gradient(to bottom, transparent, rgba(58, 134, 255, 0.3), transparent);
    }
}

.nv-proc-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 35px;
    border-radius: 20px;
    position: relative;
    transition: 0.3s ease;
}

.nv-proc-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: #3a86ff;
}

.nv-proc-step {
    width: 45px;
    height: 45px;
    background: #3a86ff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(58, 134, 255, 0.4);
}

.nv-proc-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.nv-proc-text {
    line-height: 1.7;
    margin-bottom: 0;
}
/* brand-hero.css */

.nv-hero-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}

/* Background Creative Aura */
.nv-hero-aura {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.08) 0%, transparent 70%);
    filter: blur(80px);
    z-index: 0;
}

.nv-hero-content {
    position: relative;
    z-index: 1;
}

.nv-hero-pre {
    color: #3a86ff;
    letter-spacing: 4px;
    font-weight: 800;
    font-size: 0.85rem;
}

.nv-hero-display {
    line-height: 1.1;
    letter-spacing: -2px;
}

.nv-hero-description {
    max-width: 600px;
    line-height: 1.8;
}

/* Storytelling Button */
.nv-hero-cta {
    display: inline-flex;
    align-items: center;
    padding: 18px 45px;
    background: transparent;
    color: #fff !important;
    border: 2px solid #3a86ff;
    border-radius: 100px;
    text-decoration: none !important;
    font-weight: 700;
    transition: all 0.4s ease;
    overflow: hidden;
    position: relative;
}

.nv-hero-cta:hover {
    background: #3a86ff;
    box-shadow: 0 0 30px rgba(58, 134, 255, 0.4);
    transform: translateY(-3px);
}

.nv-hero-cta i {
    transition: transform 0.3s ease;
}

.nv-hero-cta:hover i {
    transform: translateX(5px);
}
/* brand-results.css */

.nv-res-section {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.nv-res-card {
    background: rgba(58, 134, 255, 0.03);
    border: 1px solid rgba(58, 134, 255, 0.1);
    padding: 40px 25px;
    border-radius: 24px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
}

.nv-res-card:hover {
    background: rgba(58, 134, 255, 0.06);
    border-color: #3a86ff;
    transform: translateY(-5px);
}

.nv-res-value {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
    display: block;
}

.nv-res-label {
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.75rem;
    font-weight: 700;
}

.nv-res-desc {
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.8;
}

/* Subtle glow effect behind cards */
.nv-res-glow {
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.1) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
/* brand-advantage.css */

.nv-adv-section {
    position: relative;
    padding: 120px 0;
    background-color: #050a18;
    overflow: visible !important;
}

/* Background Depth */
.nv-adv-bg-blur {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(58, 134, 255, 0.05) 0%, transparent 70%);
    top: -10%;
    right: -10%;
    filter: blur(100px);
    z-index: 0;
}

/* Sticky Header Logic */
.nv-adv-sticky {
    position: sticky;
    top: 120px; /* Adjust this to sit below your navbar */
    height: auto;
    padding-right: 20px;
}

.nv-adv-pre {
    color: #3a86ff;
    font-weight: 800;
    letter-spacing: 5px;
    font-size: 0.75rem;
}

.nv-adv-main-title {
    font-size: 3.5rem;
    line-height: 1;
    letter-spacing: -2px;
}

/* Luxury Glass Cards */
.nv-adv-card {
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    padding: 50px;
    border-radius: 40px;
    margin-bottom: 30px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
}

.nv-adv-card:hover {
    border-color: rgba(58, 134, 255, 0.4);
    background: rgba(58, 134, 255, 0.02);
    transform: translateY(-10px);
}

.nv-adv-icon-wrap {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(58, 134, 255, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3a86ff;
    font-size: 1.2rem;
    margin-bottom: 25px;
	transition: all 0.3s ease-in-out;
   
    
}

.nv-adv-index {
    position: absolute;
    top: 40px;
    right: 50px;
    font-family: serif;
    font-style: italic;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.1);
}

.nv-adv-card h4 {
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

.nv-adv-card p {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.8;
    font-size: 1.05rem;
}
/* brand-experience.css */

.nv-exp-section {
    position: relative;
    padding: 120px 0;
    background-color: #050a18;
    overflow: hidden;
    border-top: 1px solid rgba(58, 134, 255, 0.1);
}

.nv-exp-content-box {
    position: relative;
    z-index: 2;
}

/* Central Hub Visual */
.nv-exp-hub {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 60px;
    padding: 40px;
    background: radial-gradient(circle at center, rgba(58, 134, 255, 0.1) 0%, transparent 70%);
}

.nv-exp-node-grid {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.nv-exp-node {
    padding: 12px 25px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(58, 134, 255, 0.2);
    border-radius: 100px;
    color: fff;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
    backdrop-filter: blur(5px);
    transition: 0.3s ease;
}

.nv-exp-node:hover {
    background: rgba(58, 134, 255, 0.15);
    border-color: #3a86ff;
    transform: translateY(-5px);
}

.nv-exp-title {
    font-size: 3rem;
    letter-spacing: -1.5px;
}

.nv-exp-lead {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.9;
    color: rgba(255, 255, 255, 0.7);
}

/* Sophisticated Underline */
.nv-exp-accent {
    width: 60px;
    height: 4px;
    background: #3a86ff;
    margin: 30px auto;
    border-radius: 2px;
}
/* brand-longevity.css */

.nv-long-section {
    position: relative;
    padding: 100px 0;
    background-color: #050a18;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.nv-long-header {
    margin-bottom: 80px;
}

.nv-long-feature {
    padding: 20px;
    transition: all 0.4s ease;
}

.nv-long-icon {
    font-size: 2.5rem;
    margin-bottom: 25px;
    background: #00d2ff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.nv-long-title {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.nv-long-description {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.8;
    font-size: 1rem;
}

/* Decorative line between features for desktop */
@media (min-width: 992px) {
    .nv-long-divider {
        border-right: 1px solid rgba(58, 134, 255, 0.15);
    }
}

/* Unique Styles for Collaboration Section */
.nv-collab-section { position: relative; border-top: 1px solid rgba(58, 134, 255, 0.1); }

.nv-collab-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 2.5rem;
    border-radius: 20px;
    height: 100%;
    position: relative;
    transition: all 0.4s ease;
}

.nv-collab-card:hover {
    background: rgba(58, 134, 255, 0.05);
    border-color: #3a86ff;
    transform: translateY(-10px);
}

.nv-collab-num {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 3rem;
    font-weight: 900;
    color: rgba(58, 134, 255, 0.1);
    line-height: 1;
}

.nv-collab-icon-box {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #3a86ff 0%, #00d2ff 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    margin-bottom: 1.5rem;
}

.nv-collab-indicator {
    width: 0;
    height: 3px;
    background: #3a86ff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.4s ease;
    border-radius: 0 0 20px 20px;
}

.nv-collab-card:hover .nv-collab-indicator { width: 100%; }
/* ******************************************************************* */
/* who we serve sstyles  */
/* retail  */
/* ************************************************************************ */
/* retail-section.css */

.nv-retail-hero {
    background-color: var(--deep-navy) !important;
    overflow: hidden;
    position: relative;
    padding: 80px 0;
}

.nv-text-gradient {
    /* Mixes white and your primary color for a high-end look */
    background: linear-gradient(90deg, #ffffff 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.nv-retail-badge {
    display: inline-block;
    padding: 6px 18px;
    background: rgba(0, 210, 255, 0.1); /* Based on your primary #00d2ff */
    color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.nv-retail-feature {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.nv-retail-feature i {
    color: var(--primary);
    font-size: 1.1rem;
}

.nv-retail-btn {
    display: inline-block;
    padding: 1.1rem 2.2rem;
    background: linear-gradient(90deg, #3a86ff, #00d2ff);
    color: white;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.nv-retail-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(0, 210, 255, 0.4);
    filter: brightness(1.1);
}

/* Glassmorphism Card Logic */
.nv-retail-visual-box {
    position: relative;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nv-retail-glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
    width: 100%;
    max-width: 400px;
    position: relative;
    z-index: 2;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
}

.nv-retail-card-top {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.nv-dot { width: 10px; height: 10px; border-radius: 50%; }
.red { background: #ff5f56; }
.yellow { background: #ffbd2e; }
.green { background: #27c93f; }

.nv-progress-bar {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.nv-progress-fill {
    width: 85%;
    height: 100%;
    background: var(--primary);
    border-radius: 10px;
    box-shadow: 0 0 15px var(--primary);
}

.nv-mini-stat {
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    font-size: 0.7rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.nv-retail-glow-circle {
    position: absolute;
    width: 280px;
    height: 280px;
    background: var(--primary);
    filter: blur(100px);
    opacity: 0.2;
    z-index: 1;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .nv-retail-hero { text-align: center; }
    .nv-retail-feature { justify-content: center; }
    .nv-retail-visual-box { margin-top: 40px; padding: 20px; }
}
/* Unique Namespace: nv-serv- */

.nv-serv-section {
    background-color: var(--deep-navy);
    position: relative;
    padding: 100px 0;
}

.nv-serv-gradient {
    background: linear-gradient(90deg, #fff 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nv-serv-card {
    background: var(--glass-bg);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 2.5rem 2rem;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Subtle background glow effect on hover */
.nv-serv-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at top right, rgba(0, 210, 255, 0.05), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.nv-serv-card:hover {
    transform: translateY(-10px);
    border-color: var(--primary);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.nv-serv-card:hover::before {
    opacity: 1;
}

.nv-serv-icon {
    width: 60px;
    height: 60px;
    background: rgba(0, 210, 255, 0.1);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    color: var(--primary);
    transition: all 0.3s ease;
}

.nv-serv-card:hover .nv-serv-icon {
    background: var(--primary);
    color: var(--deep-navy);
    transform: scale(1.1) rotate(-5deg);
}

.nv-serv-card h4 {
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.nv-serv-card p {
    line-height: 1.6;
}

/* Responsive Grid adjustment */
@media (max-width: 991px) {
    .nv-serv-section { padding: 60px 0; }
    .nv-serv-card { padding: 2rem 1.5rem; }
}
/* Unique Namespace: nv-rely- */

.nv-rely-section {
    background-color: var(--deep-navy);
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.nv-rely-sticky-top {
    position: sticky;
    top: 100px;
}

.nv-rely-badge {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.nv-rely-item {
    display: flex;
    gap: 30px;
    padding: 40px;
    margin-bottom: 25px;
    background: var(--glass-bg);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    transition: all 0.4s ease;
}

.nv-rely-item:hover {
    border-color: var(--primary);
    transform: translateX(10px);
    background: rgba(0, 210, 255, 0.03);
}

.nv-rely-num {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--primary);
    opacity: 0.5;
    transition: 0.3s;
}

.nv-rely-item:hover .nv-rely-num {
    opacity: 1;
    transform: scale(1.2);
}

.nv-rely-content h4 {
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.nv-rely-visual-element {
    width: 200px;
    height: 200px;
    background: var(--primary);
    filter: blur(130px);
    border-radius: 50%;
    position: absolute;
    bottom: -100px;
    left: -50px;
    opacity: 0.1;
}

/* Vertical connector line for desktop */
@media (min-width: 992px) {
    .nv-rely-list {
        position: relative;
        padding-left: 20px;
    }
}

@media (max-width: 768px) {
    .nv-rely-item {
        flex-direction: column;
        gap: 15px;
        padding: 25px;
    }
}
/* Unique Namespace: nv-solve- */

.nv-solve-section {
    background-color: var(--deep-navy);
    padding: 100px 0;
    overflow: hidden;
}

.nv-solve-gradient {
    background: linear-gradient(90deg, var(--primary) 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nv-solve-grid {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.nv-solve-border {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.4s ease;
}

.nv-solve-card {
    padding: 3rem 2rem;
    height: 100%;
    background: transparent;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.nv-solve-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.nv-solve-num {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--primary);
    background: rgba(0, 210, 255, 0.1);
    padding: 4px 12px;
    border-radius: 4px;
}

.nv-solve-header i {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
}

/* Hover Effects */
.nv-solve-border:hover {
    background: var(--glass-bg);
    box-shadow: inset 0 0 50px rgba(0, 210, 255, 0.05);
}

.nv-solve-border:hover i {
    color: var(--primary);
    transform: translateY(-5px);
}

.nv-solve-card h4 {
    transition: color 0.3s ease;
}

.nv-solve-border:hover h4 {
    color: var(--primary) !important;
}

/* Responsive adjustment */
@media (max-width: 991px) {
    .nv-solve-grid { border: none; }
    .nv-solve-border { 
        border: 1px solid rgba(255, 255, 255, 0.1);
        margin-bottom: 20px;
        border-radius: 15px;
    }
    .nv-solve-card { padding: 2rem; }
}
/* Unique Namespace: nv-final- */

.nv-final-cta {
    background-color: var(--deep-navy);
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.nv-cta-wrapper {
    position: relative;
    padding: 80px 40px;
    background: var(--glass-bg);
    border: 1px solid #00d2ff;
    border-radius: 40px;
    z-index: 5;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.nv-cta-label {
    color: var(--primary);
    letter-spacing: 4px;
    font-weight: 800;
    font-size: 0.85rem;
}

.nv-cta-primary-btn {
    display: inline-block;
    padding: 1.25rem 3.5rem;
    background: var(--primary);
    color: var(--deep-navy) !important;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 1.1rem;
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 35px rgba(0, 210, 255, 0.3);
}

.nv-cta-primary-btn:hover {
    transform: scale(1.05) translateY(-5px);
    box-shadow: 0 20px 45px rgba(0, 210, 255, 0.5);
    filter: brightness(1.1);
}

/* Background Ambient Glows */
.nv-cta-glow-1 {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 500px;
    height: 500px;
    background: var(--primary);
    filter: blur(150px);
    opacity: 0.15;
    z-index: -1;
}

.nv-cta-glow-2 {
    position: absolute;
    bottom: -50%;
    left: -20%;
    width: 500px;
    height: 500px;
    background: #ffffff;
    filter: blur(150px);
    opacity: 0.05;
    z-index: -1;
}

.text-white-25 {
    color: rgba(255, 255, 255, 0.25);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .nv-cta-wrapper {
        padding: 50px 20px;
        border-radius: 24px;
    }
    .display-4 {
        font-size: 2.2rem;
    }
}
/* *********************************************** */
/* styles for teh hero sections of all pages  */
/* **************************************************** */
/* hero section of email page  */
.hero-section-email{
	
    padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Email-Marketing-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of web page  */
.hero-section-web{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Web-Development-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}


/* hero section of career page  */
.hero-section-career{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Novura-Website-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}

/* hero section of app page  */
.hero-section-app{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/App-Development-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of software solution page  */
.hero-section-soft{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Software-Solutions-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}

/* hero section of online  page  */
.hero-section-online{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Online-Store-Development-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of technical   page  */
.hero-section-tech{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Tech-company-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of seo  page  */
.hero-section-seo{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/SEO-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of social  page  */
.hero-section-social{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Social-Media-Marketing-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}

/* hero section of content  page  */
.hero-section-content{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Content-Marketing-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of branding  page  */
.hero-section-branding{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Branding-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of ui  page  */
.hero-section-ui{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/UI-UX-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of product  page  */
.hero-section-product{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Product-Design-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of graphic  page  */
.hero-section-graphic{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Graphic-Design-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of ai  page  */
.hero-section-ai{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Ai-Solutions-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of staff  page  */
.hero-section-staff{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Staff-Augmentation-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of technology  page  */
.hero-section-technology{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Software-Tech-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of startup  page  */
.hero-section-startup{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Start-ups-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of health  page  */
.hero-section-health{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Healthcare-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of ecommerce  page  */
.hero-section-ecommerce{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Ecommerce-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of travel  page  */
.hero-section-travel{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Travel-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of contact page  */
.hero-section-blog{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Blog-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of blog page  */
/* hero section of contact page  */
.hero-section-contact{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Demo-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}

/* hero section of fintech  page  */
.hero-section-fintech{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Fintech-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of retail  page  */
.hero-section-retail{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Retail-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of our story   page  */
.hero-section-ourstory{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Our-Story-1920x1080-2.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of hire talent   page  */
.hero-section-hire{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Hire-Talent-1920x1080-2.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}
/* hero section of paid   page  */
.hero-section-paid{
	 padding: 180px 0 100px;
    background: linear-gradient(to right, rgba(5, 10, 24, 0.9), rgba(5, 10, 24, 0.4)), 
                url('/wp-content/uploads/2026/01/Paid-Marketing-1920x1080-1.png'); 
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dynamic-text-container {
    font-size: 2rem;
    color: var(--primary);
    margin: 20px 0;
    font-weight: 600;
}

.hero-lead {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 30px;
}

.btn-outline-custom {
    padding: 12px 28px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline-custom:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primary);
}

/* *********************************** */
/* Home page video hero section */
/* *********************************** */

/**********************************/
/* Hero Video Section (Improved)  */
/**********************************/

.bg-video {
  position: relative;
  overflow: hidden;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Dark overlay for better text contrast */
.video-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.749) 0%, rgba(0, 0, 0, 0.738) 100%);
    z-index: 0;
}

/* Text overlay centered */
.video-text-overlay {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 0 1.5rem;
}






/* Responsive Adjustments */
@media (max-width: 991px) {
  .bg-video {
    height: 75vh;
  }

  .video-text-overlay h1 {
    font-size: 2rem;
  }

  .video-text-overlay h5 {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .bg-video {
    height: 55vh;
  }

  .video-text-overlay {
    padding: 0 1rem;
  }

  .video-text-overlay h1 {
    font-size: 1.6rem;
  }

  .video-text-overlay h5 {
    font-size: 0.95rem;
  }
}

/* Smooth fade animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ****************************************** */
/* styles for ai section of home page improved  */
/* ************************************************** */
/* Section Decor */
.nvs-logic-stream {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(0, 210, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    z-index: -1;
}

/* Terminal Architecture */
.nvs-terminal-container {
    position: relative;
    padding: 20px;
}

.nvs-main-terminal {
    background: #0d1117;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    position: relative; /* Anchor for the log badge */
}

.nvs-terminal-bar {
    background: #161b22;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.nvs-terminal-tab {
    margin-left: 20px;
    font-size: 0.75rem;
    color: rgba(0, 210, 255, 0.7);
    letter-spacing: 1px;
}

/* Code Styles */
.nvs-terminal-content { padding: 35px; }
.nvs-code-block { font-size: 0.95rem; line-height: 1.8; }
.c-keyword { color: #ff7b72; }
.c-func { color: #d2a8ff; }
.c-comment { color: #8b949e; font-style: italic; }

/* Progress System */
.nvs-progress-track {
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

.nvs-progress-fill {
    width: 84%;
    height: 100%;
    background: #00d2ff;
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
    animation: nvs-load 3s ease-in-out infinite;
}

/* FIXED: Optimization Log Badge */
.nvs-embedded-log {
    position: absolute;
    bottom: 25px;
    right: 25px;
    background: rgba(13, 17, 23, 0.9);
    border: 1px solid rgba(0, 210, 255, 0.3);
    padding: 15px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* Animation */
@keyframes nvs-load {
    0%, 100% { width: 80%; }
    50% { width: 88%; }
}

******************************** styles for blog page*********
/* Header & Title */
.nv-huge-title {
    font-size: clamp(3rem, 10vw, 7rem);
    font-weight: 900;
    letter-spacing: -5px;
    line-height: 0.8;
}

.nv-text-outline {
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.3);
}

/* Command Search Bar */
.nv-command-search {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 30px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.nv-prompt { color: #f0f2f3;  font-weight: 700; }
.nv-command-search input {
    background: transparent; border: none; color: white; outline: none; 
}

/* Bento Grid System */
.nv-bento-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 250px;
    gap: 20px;
}

.nv-bento-card {
    background:white;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    padding: 35px;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.nv-bento-card:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: rgba(0, 210, 255, 0.4);
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
}

.right-col-post{
	font-size: 1rem !important;
}

.nv-card-large {
    grid-column: span 2;
    grid-row: span 2;
    display: block; /* 🔥 remove flex */
}

.nv-card-small { grid-column: span 1; grid-row: span 1; }
.nv-card-cta { grid-column: span 1; grid-row: span 1; background: linear-gradient(135deg, #00d2ff10, #050a18); }

/* Internal Content */
.nv-tag {
   
    font-size: 0.7rem;
    color: #00d2ff;
    letter-spacing: 2px;
    font-weight: 800;
}

.nv-bento-card h2 a, .nv-bento-card h3 a {
    color: black; text-decoration: none; font-weight: 800;
}

.nv-bento-input {
    display: flex; gap: 5px; background: rgba(0,0,0,0.2); padding: 5px; border-radius: 12px;
}

.nv-bento-input input { background: transparent; border: none; color: black; padding: 5px 10px; width: 100%; outline: none; font-size: 0.8rem; }
.nv-bento-input button { background: #00d2ff; border: none; border-radius: 8px; font-weight: 900; font-size: 0.7rem; padding: 10px 15px; }

/* Responsive */
@media (max-width: 991px) {
    .nv-bento-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
    .nv-card-large { grid-column: span 1; }
}

.nv-bento-card img {
    width: 100%;
    height: 300px;
    display: block;
    border-radius: 16px;
    margin-bottom: 20px;
    object-fit: cover;
}

.nv-card-small img {
    height: 130px;
    object-fit: cover;
}


/* .has-pale-cyan-blue-background-color {
    background-color: #ffffff !important;	
}

p.has-background {
    color: #000000 !important;
}

p.has-background em, 
p.has-background strong {
    color: #000000 !important;
} */

/* ******************************************** */
/* Blog + Single Post Page Styles (Cleaned) */
/* ******************************************** */

/* =========================================================
   Featured & Side Posts
   ========================================================= */

.featured-post {
  padding: 10px;
  transition: all 0.3s ease;
	color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  border-radius: 20px;
}

.featured-post:hover {
  
  box-shadow: 0 0 10px rgb(0, 229, 255);
}

.featured-post span {
  color: var(--primary) !important;
}

.side-post {
  transition: all 0.3s ease;
  padding: 10px;
  align-items: center;
	color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  border-radius: 20px;
}

.side-post:hover {
  
  box-shadow: 0 0 10px rgb(0, 208, 255);
}

.featured-post img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 10px !important;
  display: block;
  margin: 0 auto 20px;
}

.featured-post .badge-guide,
.featured-post small {
  font-size: 15px;
  color: black;
  text-transform: uppercase !important;
}

.featured-title {
  font-size: 22px !important;
  font-weight: 600;
  line-height: 26px !important;
}

.featured-post .gift-description {
  font-size: 15px !important;
  font-weight: 400;
  line-height: 19px;
  max-width: 90%;
}

.col-lg-5 .side-post {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  position: relative;
  margin-bottom: 18px;
}

.side-post-img {
  width: 265px;
  height: 150px;
  max-width: 100%;
  /* min-width: 200px; */
  object-fit: cover;
  border-radius: 10px !important;
  display: block;
  flex-shrink: 0;
}

.col-lg-5 .side-post::after {
  content: "";
  position: absolute;
  top: -6px;
  right: 18px;
  width: 34px;
  height: 34px;
  background: linear-gradient(135deg, #3b3fcf 0%, #6d4bff 100%);
  border-radius: 10px 6px 6px 10px;
  box-shadow: 0 6px 14px rgba(59, 63, 207, 0.14);
  z-index: 2;
  pointer-events: none;
}

.col-lg-5 .side-post>div {
  flex: 1;
  min-width: 0;
}

.side-post-title {
  font-size: 18px !important;
  line-height: 22px !important;
}

.side-post .badge,
.side-post small {
  font-size: 12.5px;
  color: #7b7b93;
  text-transform: uppercase !important;
  padding: 0 !important;
}

a.text-decoration-none.text-dark {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* =========================================================
   Blog Search & Headings
   ========================================================= */

.blog-search-form .form-control,
.blog-search-form-mobile .form-control-lg {
  font-size: 1rem !important;
  font-weight: 500 !important;
  border: 1px solid #cdcdcd !important;
  box-shadow: none !important;
  border-radius: 50px;
  padding: 20px;
  background: transparent;
}

.blog-search-form .btn.btn-primary {
  padding: 10px 60px 10px 20px !important;
}

.blog-search-form-mobile .btn.btn-primary {
  width: 100% !important;
  margin-top: 15px !important;
  padding: 15px 0 !important;
  text-align: center;
}

.blog-search-form-mobile .input-group-mobile {
  display: block !important;
}

.blog-heading h1 {
  color: var(--dark);
  margin-bottom: 20px;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 1.2em;
}

.blog-heading p {
  color: var(--dark);
  font-size: 19px !important;
  font-weight: 500;
  line-height: 1.5em;
}

/* =========================================================
   Category Cards + Misc
   ========================================================= */
/* =========================================================
   Enhanced Category Cards + Buttons
   ========================================================= */

.card-img-top {
  border-radius: 12px !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}

.card-img-top::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 183, 255, 0.1), rgba(59, 155, 207, 0.1));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card-img-top:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 187, 255, 0.3);
}

/* #category-posts-container .card-img-top:hover::after {
  opacity: 1;
} */

#category-posts-container .card {
  border: none !important;
  background-color: transparent !important;
  transition: all 0.3s ease;
  border-radius: 15px !important;
  padding: 15px;
	 border: 1px solid var(--primary) !important;
  border-radius: 20px;
}

#category-posts-container .card:hover {
 
  box-shadow: 0 0 10px rgb(0, 204, 255);
}

/* #category-posts-container .card:hover {
  background: linear-gradient(135deg, rgba(41, 41, 100, 0.05), rgba(0, 255, 136, 0.05)) !important;
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
} */



#category-posts-container .card-body {
  padding: 15px 0 !important;
  transition: all 0.3s ease;
}

#category-posts-container .card-body span {

  color: var(--primary);
}

/* #category-posts-container .card:hover .card-body {
  transform: translateX(5px);
} */

#category-posts-container .card-title a {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 25px !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}


#category-posts-container .card-text {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  color: var(--text-light) !important;
  transition: all 0.3s ease;
}



#category-posts-container .badge {
  text-transform: uppercase !important;
  font-size: 15px !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

#category-posts-container .badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.5s ease;
}


/* Category Tabs Enhancement */
#category-tabs .category-tab {
  position: relative;
  overflow: hidden;
  border: 2px solid transparent !important;
  border-radius: 25px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: linear-gradient(45deg, #292964, #3b3fcf) !important;
  color: white !important;
  margin: 5px;
}

#category-tabs .category-tab.btn-outline-primary {
  background: transparent !important;
  border: 2px solid var(--primary) !important;
  color: var(--primary) !important;
}

#category-tabs .category-tab::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.5s ease;
}

#category-tabs .category-tab:hover::before {
  left: 100%;
}

#category-tabs .category-tab:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 25px rgba(0, 234, 255, 0.4);
  border-color: var(--primary) !important;
}

#category-tabs .category-tab.active {
  background: linear-gradient(45deg, #00fff2, #00647a) !important;
  border-color: #00d9ff !important;
  box-shadow: 0 5px 20px rgba(0, 179, 255, 0.5);
  transform: scale(1.05);
}

/* Loading Indicator Enhancement */
#loading-indicator {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary);
  position: relative;
}

#loading-indicator::after {
  content: '';
  animation: loadingDots 1.5s infinite;
}

@keyframes loadingDots {

  0%,
  20% {
    content: '.';
  }

  40% {
    content: '..';
  }

  60%,
  100% {
    content: '...';
  }
}

/* Blog Divider Enhancement */
.blog-hr-divider hr {
  width: 85% !important;
  margin: 0 auto !important;
  background: linear-gradient(90deg, transparent, var(--primary), transparent) !important;
  height: 3px !important;
  border: none !important;
  opacity: 1 !important;
  border-radius: 10px;
}

.for-max-width {
  width: 100%;
  max-width: 250px;
}

/* =========================================================
   Enhanced Buttons
   ========================================================= */

#loadMoreBtn {
  color: #fff;
  background: linear-gradient(45deg, #292964, #3b3fcf);
  border-radius: 50px;
  font-weight: 600 !important;
  width: fit-content !important;
  padding: 18px 40px !important;
  border: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 5px 15px rgba(41, 41, 100, 0.4);
  letter-spacing: 0.5px;
}

#loadMoreBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.5s ease;
}

#loadMoreBtn:hover {
  background: linear-gradient(45deg, #002b7a, #00d9ff);
  box-shadow: 0 15px 30px rgba(0, 153, 255, 0.6);
  transform: translateY(-5px) scale(1.05);
  color: #000;
  border: none;
}

#loadMoreBtn:hover::before {
  left: 100%;
}

#loadMoreBtn:active {
  transform: translateY(-2px) scale(1.02);
}

/* No Posts Message Enhancement */
#no-posts-message {
  position: relative;
}

#no-posts-message .lead {
  font-size: 1.25rem;
  color: var(--dark);
  padding: 20px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(41, 41, 100, 0.1), rgba(0, 255, 136, 0.1));
  border: 2px dashed var(--primary);
  animation: pulse 2s infinite;
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }
}


/* =========================================================
   Single Post (Sidebar + Content)
   ========================================================= */

:root {
  --header-height: 80px;
}

.single-left {
  position: sticky;
  top: calc(var(--header-height) + 20px);
  height: fit-content;
  z-index: 10;
}

.single-left .sidebar-inner {
  position: sticky;
  top: calc(var(--header-height) + 20px);
  background: transparent;
  border: 1px solid var(--primary);
  border-radius: 20px;
  padding: 30px;
  max-height: calc(100vh - var(--header-height) - 40px);
  overflow-y: auto;
  box-shadow: 0 0 10px rgb(0, 217, 255);
}

.post-toc h2 {
  margin-bottom: 25px;
  color: var(--dark);

}

.post-toc ul {
  list-style: none;
  padding-left: 0;
  counter-reset: toc-counter;
}

.post-toc ul li {
  margin-bottom: 10px;
  counter-increment: toc-counter;
}

.post-toc ul li a::before {
  content: counter(toc-counter) ". ";
  font-weight: 600;
  margin-right: 6px;
  color: var(--primary);
}

.post-toc ul li a {
  text-decoration: none;
  color: var(--text);
  display: block;
  line-height: 1.4;
  padding: 4px 0;
  transition: color 0.3s ease;
  font-size: 18px !important;
}

.post-toc ul li a:hover {
  text-decoration: none;
  color: var(--primary);
}

/* .sidebar-box {
  padding-bottom: 15px;
  margin-bottom: 15px;
} */

.sidebar-box p {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  max-width: 325px;
  color: var(--dark) !important;
}

.social-icons a {
  margin-right: 25px !important;
  font-size: 26px !important;
  color: var(--dark);
}

.social-icons a i:hover {
  color: var(--primary);
}

.single-right {
  padding: 0 !important;
}

.post-content {
  padding: 0 !important;
}

.post-content p {
  font-size: 16px !important;
  color: var(--dark) !important;
  font-weight: 500 !important;
}

.single-post .entry-content img,
.blog-post img,
.post-content img {
  max-width: 100% !important;
  height: auto;
  display: block;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 991.98px) {
  .for-blog-heading h1 {
    font-size: 40px !important;
  }

  .for-blog-heading br {
    display: none !important;
  }

  .for-blog-heading p,
  .blog-heading p {
    font-size: 16px !important;
  }

  #category-posts-container .card-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 25px !important;

  }

  .featured-post img {
    height: 320px;
  }

  .side-post-img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .col-lg-5 .side-post::after {
    right: 14px;
    top: -5px;
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 575px) {
  .featured-title {
    font-size: 22px !important;
    line-height: 27px !important;
  }

  .featured-post img {
    height: 240px;
    object-fit: fill;
  }

  .col-lg-5 .side-post {
    flex-direction: row;
    gap: 12px;
  }

  .side-post-img {
    max-width: 36%;
  }

  .side-post-title {
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 700 !important;
  }

  .col-lg-5 .side-post::after {
    display: none;
  }

  .col-lg-6 a .side-post {
    display: flex !important;
    margin-bottom: 25px !important;
  }


  .col-lg-6 a .side-post .flex-grow-1 span {
    font-size: 11px !important;
  }

  .side-post.d-flex.mb-3 {
    gap: 0 !important;
    padding: 0 !important;
  }

  .category-tab {
    margin-left: 0 !important;
    margin-right: 0 !important;

  }

  #category-tabs {
    gap: 10px;
  }

  .single-left {
    position: static !important;
  }

  .engagement-model-section .service-nav-column .nav-pills .nav-link.active .tab-text strong,
  .engagement-model-section .service-nav-column .nav-pills .nav-link.active .tab-text small,
  .engagement-model-section .service-nav-column .nav-pills .nav-link.active i {
    color: #fff !important;
  }
	
}



.category-tab.btn-outline-primary {


  background-color: var(--primary);
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50px;
  padding: 10px 25px;
  font-size: 0.9rem;
  transition: all 0.2s ease-in-out;
  border: none !important;
  color: var(--dark) !important;
}

.category-tab.btn-primary.active {

  background-color: var(--accent-glow);
  border-color: #262262;

  color: var(--dark);



  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50px;
  padding: 10px 25px;
  font-size: 0.9rem;

}


/* Search Result page */

.serach-results-page .card {
  background: transparent !important;
}

.serach-results-page h1 {
  color: var(--dark) !important;
}

.serach-results-page span {
  color: var(--primary) !important;
}

.serach-results-page a:hover {
  color: var(--accent-glow) !important;
}

/* ************************************************************* */
/* styles for careers  */
/* **************************************************************** */
/* Career Page Background */
.nv-career-bg {
    background-color: #050a18;
    min-height: 100vh;
}

/* Search Wrapper */
.nv-search-wrapper {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

/* Position the search icon inside the bar */
.nv-search-input-group {
    position: relative;
    width: 100%;
}

.nv-search-input-group i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #00d2ff;
    pointer-events: none; 
    z-index: 10;
}

.nv-search-input-group .form-control {
    padding-left: 45px; /* Create space for the icon */
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    border-radius: 10px;
}

/* Active tab styling */
.nv-filter-btn.active {
    background: #00d2ff !important;
    color: #050a18 !important;
    border-color: #00d2ff !important;
}

/* Filter Buttons */
.nv-filter-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    padding: 8px 20px;
    border-radius: 50px;
    transition: 0.3s;
}

.nv-filter-btn.active, .nv-filter-btn:hover {
    background: #00d2ff;
    color: #050a18;
    border-color: #00d2ff;
}

/* Job Cards */
.nv-job-card-premium {
    background: rgba(255, 255, 255, 0.03);
    padding: 30px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    transition: 0.3s ease;
}

.nv-job-card-premium:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 210, 255, 0.4);
}

#nvJobSearch {
    padding-left: 45px !important; 
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

.nv-category-tag {
    color: #00d2ff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Modal Styling */
.nv-modal-glass {
    background: #0a1128 !important;
    border: 1px solid rgba(0, 210, 255, 0.2) !important;
    border-radius: 24px !important;
}

.nv-label {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
}

.nv-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border-radius: 10px;
}

/* Dropzone & Preview */
.nv-dropzone {
    border: 2px dashed rgba(0, 210, 255, 0.3);
    padding: 30px;
    text-align: center;
    border-radius: 15px;
    background: rgba(0, 210, 255, 0.02);
    cursor: pointer;
}

.nv-file-info {
    display: flex;
    align-items: center;
    background: rgba(0, 210, 255, 0.1);
    padding: 15px;
    border-radius: 10px;
}

.nv-file-info i.fa-file-pdf {
    font-size: 2rem;
    color: #ff4b2b;
}

#removeFile {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}


@media (max-width: 767px) {
.nv-outcome-cta-btn{
padding: 10px 15px !important;
}

/*** Testimonial Section ***/
/*** Testimonial ***/
.testimonial-carousel .owl-item .testimonial-item {
    position: relative;
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    animation: pulse 1s ease-out .5s;
}

.testimonial-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: var(--primary);
    border: 5px solid var(--light);
    border-radius: 15px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: var(--light);
    border-color: var(--primary);
}
}
@media (max-width: 767px) {
    .mobile-reset-margin {
        padding-top: 0 !important; 
    }
}

.testimonial-item img {
    border-radius: 50%;
}

@media (max-width: 991.98px) {
    .nv-mosaic-container {
        grid-template-columns: repeat(2, 1fr);
    }
}