/* ========================================================= GLOBAL — START ========================================================= */
 :root {
    /* Nirvair Wealth design tokens. Legacy aliases below are retained so existing pages can migrate without a visual break. */
     --nw-color-navy: #061b36;
     --nw-color-gold: #f5b62e;
     --nw-color-text: #172033;
     --nw-color-text-muted: #667085;
     --nw-color-text-light: #98a2b3;
     --nw-color-white: #ffffff;
     --nw-color-soft: #f7f9fc;
     --nw-color-border: #e7ebf0;
     --nw-color-success: #22a06b;
     --nw-color-primary: #1769e0;
     --nw-font-family: "Inter", sans-serif;
     --nw-radius-sm: 6px;
     --nw-radius-md: 10px;
     --nw-radius-lg: 14px;
     --nw-radius-xl: 18px;
     --nw-shadow-sm: 0 2px 8px rgba(16, 24, 40, 0.04);
     --nw-shadow-md: 0 10px 30px rgba(16, 24, 40, 0.08);
     --nw-container-width: 1200px;
     --nw-section-padding-desktop: 90px;
     --nw-section-padding-tablet: 70px;
     --nw-section-padding-mobile: 55px;
     --navy: #061b36;
     --navy-light: #092544;
     --gold: #f5b62e;
     --gold-dark: #e5a719;
     --white: #ffffff;
     --text-dark: #172033;
     --text-muted: #667085;
     --green: #22a06b;
     --green-light: #eaf8f1;
     --border: #e7ebf0;
}
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 .mob-view {
     display: none;
}
 html {
     scroll-behavior: smooth;
}
 body {
     font-family: "Inter", sans-serif;
     background: #ffffff;
}
 body.nw-mobile-menu-open {
     overflow: hidden;
}
 body.nw-mobile-menu-open::before {
     content: "";
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 999;
}
 #nwHeaderMobileMenu {
     position: relative;
     z-index: 1000;
}
 a {
     text-decoration: none;
}
 .dark-blue-section {
     padding: 64px 0;
     background: var(--navy);
}
 .light-blue-section {
     padding: 64px 0;
     background: var(--nw-color-soft);
}
 .light-white-section {
     padding: 64px 0;
     background: var(--nw-color-white);
}
/* ========================================================= Loading Spinner for Lessons Grid ========================================================= */

.spinner-wrapper{
    position: relative;
    width: 100%;
    height: 0.1px;
}

.nw-lessons-spinner {
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 90%);
     display: flex;
     align-items: center;
     justify-content: center;
     background: transparent;
     z-index: 10;
}
 .spinner-content {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1rem;
}
 .spinner {
     width: 50px;
     height: 50px;
     border: 4px solid var(--nw-color-gold);
     border-top: 4px solid var(--nw-color-navy);
     border-radius: 50%;
     animation: spin 1s linear infinite;
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .spinner-content p {
     color: var(--nw-color-navy);
     font-size: 16px;
     margin: 0;
}
/* Make grid container relative for spinner positioning */
 #nwLessonsGrid {
     position: relative;
}
/* ========================================================= GLOBAL BUTTON — START ========================================================= */
 .btn-base {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     min-height: 54px;
     padding: 0 22px;
     border-radius: 8px;
     font-size: 16px;
     line-height: 1;
     font-weight: 700;
     text-decoration: none;
     transition: all 0.25s ease;
}
 .btn-base i {
     transition: transform 0.25s ease;
}
 .btn-base:hover i {
     transform: translateX(3px);
}
 .hero-buttons {
     display: flex;
     align-items: center;
     gap: 14px;
     margin-bottom: 42px;
}
/* PRIMARY */
 .btn-primary-gold {
     border: 1px solid var(--gold);
     background: var(--gold);
     color: var(--white);
}
 .btn-primary-gold:hover {
     background: var(--gold-dark);
     border-color: var(--gold-dark);
     transform: translateY(-2px);
}
/* SECONDARY */
 .btn-outline-light-custom {
     border: 1px solid rgba(255, 255, 255, 0.65);
     background: transparent;
     color: var(--white);
}
 .btn-outline-light-custom:hover {
     background: rgba(255, 255, 255, 0.08);
     border-color: var(--white);
     color: var(--white);
     transform: translateY(-2px);
}
 .btn-outline-light-custom.gray-text-btn {
     border: 1px solid #d6dee8;
     background: #ffffff;
     color: var(--text-dark);
}
 .btn-outline-light-custom.gray-text-btn:hover {
     border: 1px solid #d6dee8;
     background: var(--gold-dark);
     color: var(--white);
}
/* ========================================================= GLOBAL BUTTON — END ========================================================= */
/* Home Page css start here */
/* ========================================================= HERO SECTION — START ========================================================= */
 .wealth-hero {
     position: relative;
     width: 100%;
     overflow: hidden;
     background: var(--navy);
     padding: 70px 0;
     min-height: 540px;
     display: flex;
     align-items: center;
}
 .wealth-hero .container {
     position: relative;
}
/* ========================================================= HERO — LEFT CONTENT — START ========================================================= */
 .hero-eyebrow {
     display: inline-block;
     margin-bottom: 14px;
     color: var(--gold);
     font-size: 12px;
     line-height: 1.2;
     font-weight: 700;
     letter-spacing: 0.8px;
     text-transform: uppercase;
}
 .hero-title {
     margin: 0;
     color: var(--white);
     font-size: clamp(42px, 4.3vw, 60px);
     line-height: 1.08;
     font-weight: 800;
     letter-spacing: -1.8px;
}
 .hero-title span {
     display: block;
     color: var(--gold);
}
 .hero-description {
     max-width: 550px;
     margin: 22px 0 28px;
     color: rgba(255, 255, 255, 0.82);
     font-size: 18px;
     line-height: 1.7;
     font-weight: 400;
}
/* ========================================================= HERO — LEFT CONTENT — END ========================================================= */
/* ========================================================= HERO — BENEFITS — START ========================================================= */
 .hero-benefits {
     display: flex;
     align-items: center;
     gap: 16px;
}
 .benefit-item {
     display: flex;
     align-items: center;
     gap: 9px;
}
 .benefit-icon {
     width: 31px;
     height: 31px;
     flex: 0 0 31px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1.5px solid var(--gold);
     border-radius: 50%;
     color: var(--gold);
     font-size: 14px;
}
 .benefit-content {
     display: flex;
     flex-direction: column;
     gap: 2px;
}
 .benefit-content strong {
     color: var(--white);
     font-size: 15 px;
     line-height: 1.2;
     font-weight: 700;
}
 .benefit-content span {
     color: rgba(255, 255, 255, 0.55);
     font-size: 13px;
     line-height: 1.3;
     white-space: nowrap;
}
/* ========================================================= HERO — BENEFITS — END ========================================================= */
/* ========================================================= HERO — TODAY'S LESSONS CARD — START ========================================================= */
 .today-lessons-card {
     width: 100%;
     max-width: 500px;
     margin-left: auto;
     padding: 22px 24px;
     background: var(--white);
     border-radius: 16px;
     box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
     overflow: hidden;
}
/* ========================================================= LESSON CARD HEADER — START ========================================================= */
 .lessons-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 15px;
     padding-bottom: 17px;
     border-bottom: 1px solid var(--border);
}
 .lessons-header h2 {
     margin: 0;
     color: var(--text-dark);
     font-size: 18px;
     line-height: 1.3;
     font-weight: 700;
}
/* ========================================================= LESSON CARD HEADER — END ========================================================= */
/* ========================================================= LESSON ITEM — START ========================================================= */
 .lesson-item {
     padding: 16px 0 18px;
     border-bottom: 1px solid var(--border);
}
 .lesson-item-last {
     border-bottom: 0;
     padding-bottom: 5px;
}
 .lesson-top {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 10px;
}
 .lesson-time {
     display: inline-flex;
     align-items: center;
     gap: 4px;
     padding: 4px 8px;
     border-radius: 20px;
     background: var(--green-light);
     color: var(--green);
     font-size: 9px;
     line-height: 1;
     font-weight: 700;
}
 .lesson-level {
     display: inline-flex;
     align-items: center;
     padding: 4px 9px;
     border-radius: 20px;
     background: #eef8f2;
     color: var(--green);
     font-size: 12px;
     line-height: 1;
     font-weight: 700;
}
/* ========================================================= LESSON ITEM — END ========================================================= */
/* ========================================================= LESSON BODY — START ========================================================= */
 .lesson-body {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 15px;
    /* When used as <a> tag */
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.2s ease;
}
 .lesson-body:hover {
     opacity: 0.8;
}
 .lesson-text {
     flex: 1;
     min-width: 0;
}
 .lesson-text h3 {
     margin: 0 0 8px;
     color: var(--text-dark);
     font-size: 16px;
     line-height: 1.25;
     font-weight: 700;
     letter-spacing: -0.3px;
}
 .lesson-text p {
     margin: 0;
     color: var(--text-muted);
     font-size: 15px;
     line-height: 1.65;
     font-weight: 400;
}
/* ========================================================= LESSON BODY — END ========================================================= */
/* ========================================================= HERO — TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
     .wealth-hero {
         padding: 60px 0;
    }
     .today-lessons-card {
         margin: 0 auto;
    }
     .hero-title {
         font-size: 48px;
    }
     .hero-description {
         max-width: 620px;
    }
}
/* ========================================================= HERO — TABLET — END ========================================================= */
/* ========================================================= HERO — MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
     .wealth-hero {
         padding: 45px 0;
    }
     .hero-eyebrow {
         font-size: 10px;
         margin-bottom: 12px;
    }
     .hero-title {
         font-size: 38px;
         line-height: 1.1;
         letter-spacing: -1px;
    }
     .hero-description {
         margin-top: 18px;
         margin-bottom: 24px;
         font-size: 14px;
         line-height: 1.65;
    }
     .hero-buttons {
         margin-bottom: 32px;
         gap: 10px;
         
 flex-direction: column;
         align-items: stretch;
    }
     .btn-base {
         min-height: 44px;
         padding: 0 16px;
         font-size: 14px;
    }
     .hero-benefits {
         display: grid;
         grid-template-columns: 1fr;
         gap: 15px;
    }
     .benefit-content strong {
         font-size: 11px;
    }
     .benefit-content span {
         font-size: 9px;
    }
     .today-lessons-card {
         padding: 18px;
         border-radius: 14px;
    }
     .lesson-text h3 {
         font-size: 15px;
    }
     .lesson-text p {
         font-size: 9px;
         line-height: 1.6;
    }
     .bond-icon {
         width: 32px;
         height: 32px;
         font-size: 15px;
    }
     .pig-icon {
         font-size: 31px;
    }
}
/* ========================================================= HERO — MOBILE — END ========================================================= */
/* ========================================================= HERO — SMALL MOBILE — START ========================================================= */
 @media (max-width: 500px) {
     .btn-base {
         width: 100%;
    }
}
 @media (max-width: 390px) {
     .wealth-hero {
         padding: 38px 0;
    }
     .hero-title {
         font-size: 34px;
    }

     .lesson-body {
         gap: 8px;
    }
}
/* ========================================================= HERO — SMALL MOBILE — END ========================================================= */
/* ========================================================= CATEGORIES SECTION — START ========================================================= */
 .categories-section {
     padding: 72px 0;
     background: #f7f9fc;
}
/* ========================================================= GLOBAL SECTION HEADER — START ========================================================= */
 .section-header {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 30px;
     margin-bottom: 32px;
}
 .section-header-content {
     min-width: 0;
}
 .section-eyebrow {
     display: inline-block;
     margin-bottom: 7px;
     color: var(--gold);
     font-size: 11px;
     line-height: 1.3;
     font-weight: 700;
     letter-spacing: 0.7px;
     text-transform: uppercase;
}
 .section-title {
     margin: 0;
     color: var(--text-dark);
     font-size: clamp(28px, 3vw, 36px);
     line-height: 1.2;
     font-weight: 800;
     letter-spacing: -0.8px;
}
 .section-title.white {
     color: var(--white);
}
 .text-btn-link {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     flex-shrink: 0;
     color: var(--gold);
     font-size: 16px;
     font-weight: 700;
     white-space: nowrap;
     transition: all 0.25s ease;
}
 .text-btn-link i {
     transition: transform 0.25s ease;
}
 .text-btn-link:hover {
     color: var(--gold-dark);
}
 .text-btn-link:hover i {
     transform: translateX(3px);
}
/* ========================================================= GLOBAL SECTION HEADER — END ========================================================= */
/* ========================================================= CATEGORY CARD — START ========================================================= */
 .category-card {
     height: 100%;
     min-height: 250px;
     display: flex;
     flex-direction: column;
     padding: 24px;
     background: #ffffff;
     border: 1px solid #e8ecf2;
     border-radius: 12px;
     box-shadow: 0 2px 8px rgba(16, 24, 40, 0.03);
     text-decoration: none;
     overflow: hidden;
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
 .category-card:hover {
     transform: translateY(-4px);
     border-color: #d9e1eb;
     box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
}
/* ========================================================= CATEGORY ICON — START ========================================================= */
 .category-icon {
     width: 56px;
     height: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     border-radius: 12px;
     font-size: 26px;
     transition: transform 0.25s ease;
}
 .category-card:hover .category-icon {
     transform: translateY(-2px);
}
/* ========================================================= CATEGORY ICON — END ========================================================= */
/* ========================================================= CATEGORY CONTENT — START ========================================================= */
 .card-title {
     margin: 0 0 10px;
     color: var(--text-dark);
     font-size: 20px;
     line-height: 1.3;
     font-weight: 800;
}
 .card-title.white {
     color: var(--white);
}
 .text-paragraph {
     margin: 0;
     color: var(--text-muted);
     font-size: 16px;
     line-height: 1.65;
}
 .text-paragraph.white {
     color: var(--text-muted);
}
 .category-card:hover .category-link i {
     transform: translateX(4px);
}
/* ========================================================= CATEGORY CONTENT — END ========================================================= */
/* ========================================================= CATEGORIES — TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
     .categories-section {
         padding: 60px 0;
    }
     .category-card {
         min-height: 240px;
    }
}
/* ========================================================= CATEGORIES — TABLET — END ========================================================= */
/* ========================================================= CATEGORIES — MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
     .categories-section {
         padding: 50px 0;
    }
     .section-header {
         flex-direction: column;
         gap: 12px;
         margin-bottom: 22px;
         text-align: center;
         align-items: center;
    }
     .web-view {
         display: none;
    }
     .mob-view {
         display: flex;
         align-items: center;
         justify-content: center;
         margin-top: 24px;
    }
     .dark-blue-section {
         padding: 40px 0;
    }
     .light-blue-section {
         padding: 40px 0;
    }
     .light-white-section {
         padding: 40px 0;
    }
     .section-eyebrow {
         font-size: 10px;
    }
     .section-title {
         font-size: 28px;
    }
     .category-card {
         min-height: 220px;
         padding: 20px;
    }
     .category-icon {
         width: 50px;
         height: 50px;
         margin-bottom: 17px;
         font-size: 23px;
    }
     .card-title {
         font-size: 16px;
    }
     .text-btn-link {
         font-size: 14px;
    }
}
/* ========================================================= CATEGORIES — MOBILE — END ========================================================= */
/* ========================================================= CATEGORIES — SMALL MOBILE — START ========================================================= */
 @media (max-width: 575.98px) {
     .categories-section {
         padding: 42px 0;
    }
     .section-title {
         font-size: 26px;
    }
     .category-card {
         min-height: 210px;
         padding: 19px;
    }
}
/* ========================================================= CATEGORIES — SMALL MOBILE — END ========================================================= */
/* ========================================================= CATEGORIES SECTION — END ========================================================= */
/* ========================================================= HOW IT WORKS SECTION — START ========================================================= */
/* ========================================================= HOW IT WORKS HEADER — START ========================================================= */
 .section-eyebrow {
     margin-bottom: 8px;
     color: var(--gold);
}
/* ========================================================= HOW IT WORKS HEADER — END ========================================================= */
/* ========================================================= HOW IT WORKS STEPS — START ========================================================= */
 .how-it-works-steps {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
     align-items: center;
     gap: 32px;
     max-width: 1240px;
     margin: auto;
}
/* ========================================================= INDIVIDUAL STEP — START ========================================================= */
 .how-step {
     min-width: 0;
     display: flex;
     align-items: flex-start;
     gap: 16px;
}
/* ========================================================= STEP VISUAL — START ========================================================= */
 .how-step-visual {
     position: relative;
     flex: 0 0 auto;
}
 .how-step-icon {
     width: 72px;
     height: 72px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 30px;
     transition: transform 0.25s ease;
}
 .how-step:hover .how-step-icon {
     transform: translateY(-3px);
}
/* ========================================================= STEP NUMBER — START ========================================================= */
 .how-step-number {
     position: absolute;
     top: -5px;
     right: -5px;
     width: 22px;
     height: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 2px solid #061b36;
     border-radius: 50%;
     color: #ffffff;
     font-size: 10px;
     line-height: 1;
     font-weight: 800;
}
/* ========================================================= STEP NUMBER — END ========================================================= */
/* ========================================================= STEP CONTENT — START ========================================================= */
 .how-step-content {
     padding-top: 5px;
}
 .how-step-content .card-title, .how-step-content .text-paragraph {
     color: var(--nw-color-white);
}
/* ========================================================= STEP CONTENT — END ========================================================= */
/* ========================================================= CONNECTOR ARROW — START ========================================================= */
 .how-step-connector {
     display: flex;
     align-items: center;
     justify-content: center;
     color: rgba(255, 255, 255, 0.45);
     font-size: 20px;
}
 .how-step-connector i {
     transition: transform 0.25s ease, color 0.25s ease;
}
 .how-step:hover + .how-step-connector i {
     transform: translateX(3px);
     color: rgba(255, 255, 255, 0.8);
}
/* ========================================================= CONNECTOR ARROW — END ========================================================= */
/* ========================================================= LARGE TABLET — START ========================================================= */
 @media (max-width: 1199.98px) {
     .how-it-works-steps {
         gap: 16px;
    }
     .how-step {
         gap: 12px;
    }
     .how-step-icon {
         width: 64px;
         height: 64px;
         font-size: 26px;
    }
    /* .how-step-content h3 {
         font-size: 15px;
    }
     */
     .how-step-content p {
         max-width: 160px;
         font-size: 10px;
    }
     .how-step-connector {
         font-size: 18px;
    }
}
/* ========================================================= LARGE TABLET — END ========================================================= */
/* ========================================================= TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
     .section-title {
         font-size: 34px;
    }
     .how-it-works-steps {
         gap: 12px;
    }
     .how-step {
         gap: 10px;
    }
     .how-step-icon {
         width: 58px;
         height: 58px;
         font-size: 24px;
    }
     .how-step-number {
         width: 20px;
         height: 20px;
         top: -4px;
         right: -4px;
         font-size: 9px;
    }
     .how-step-connector {
         font-size: 16px;
    }
}
/* ========================================================= TABLET — END ========================================================= */
/* ========================================================= MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
     .section-title {
         font-size: 28px;
         line-height: 1.2;
    }
     .how-it-works-steps {
         display: flex;
         flex-direction: column;
         align-items: stretch;
         gap: 0;
    }
     .how-step {
         position: relative;
         width: 100%;
         padding: 18px 0;
         gap: 16px;
    }
     .how-step-icon {
         width: 62px;
         height: 62px;
         font-size: 25px;
    }
     .how-step-content {
         padding-top: 3px;
    }
    /* Hide desktop arrows */
     .how-step-connector {
         display: none;
    }
    /* Vertical connector */
     .how-step:not(:last-child)::after {
         content: "";
         position: absolute;
         left: 30px;
         top: 80px;
         width: 1px;
         height: calc(100% - 42px);
         background: rgba(255, 255, 255, 0.2);
    }
}
/* ========================================================= MOBILE — END ========================================================= */
/* ========================================================= SMALL MOBILE — START ========================================================= */
 @media (max-width: 575.98px) {
     .section-title {
         font-size: 26px;
    }
     .how-step {
         gap: 14px;
    }
     .how-step-icon {
         width: 56px;
         height: 56px;
         font-size: 23px;
    }
     .how-step-number {
         width: 19px;
         height: 19px;
         font-size: 8px;
    }
     .how-step:not(:last-child)::after {
         left: 27px;
         top: 74px;
    }
}
/* ========================================================= SMALL MOBILE — END ========================================================= */
/* ========================================================= HOW IT WORKS SECTION — END ========================================================= */
/* ========================================================= QUICK FINANCIAL LESSONS SECTION — START ========================================================= */
 .lessons-section {
     padding: 72px 0;
     background: #f7f9fc;
}
/* ========================================================= LESSON CARD — START ========================================================= */
 .lesson-card {
    /* Link reset — works whether element is <article> or <a> */
     text-decoration: none;
     color: inherit;
     height: 100%;
     display: flex;
     flex-direction: column;
     overflow: hidden;
     background: #ffffff;
     border: 1px solid #e6eaf0;
     border-radius: 12px;
     box-shadow: 0 2px 8px rgba(16, 24, 40, 0.03);
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
 .lesson-card:hover {
     transform: translateY(-4px);
     border-color: #d8dee7;
     box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
}
/* ========================================================= LESSON IMAGE — START ========================================================= */
 .lesson-card-image {
     position: relative;
     width: 100%;
     height: 220px;
     overflow: hidden;
     background: #e9edf2;
}
/* ========================================================= LESSON CARD — CATEGORY BADGE (top-right of image) ========================================================= */
 .lesson-card-badge {
     position: absolute;
     top: 10px;
     right: 10px;
     z-index: 2;
     background: #ffffff;
     color: var(--text-dark);
     pointer-events: none;
}
 .lesson-card-image img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     transition: transform 0.45s ease;
}
 .lesson-card:hover .lesson-card-image img {
     transform: scale(1.04);
}
/* ========================================================= LESSON IMAGE — END ========================================================= */
/* ========================================================= LESSON CONTENT — START ========================================================= */
 .lesson-card-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     padding: 18px;
}
/* ========================================================= LESSON META — START ========================================================= */
 .lesson-meta {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 13px;
}
 .lesson-meta span {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     color: #687385;
     font-size: 12px;
     line-height: 1.3;
     font-weight: 600;
}
 .lesson-meta i {
     font-size: 12px;
}
/* ========================================================= LESSON META — END ========================================================= */
/* ========================================================= LESSON TITLE — START ========================================================= */
 .lesson-card-title {
     margin: 0 0 10px;
     color: var(--text-dark);
     font-size: 16px;
     line-height: 1.35;
     font-weight: 750;
     letter-spacing: -0.2px;
}
/* ========================================================= LESSON TITLE — END ========================================================= */
/* ========================================================= LESSON DESCRIPTION — START ========================================================= */
 .lesson-card-description {
     margin: 0;
     color: var(--text-muted);
     font-size: 14px;
     line-height: 1.65;
}
/* ========================================================= LESSON DESCRIPTION — END ========================================================= */
/* ========================================================= READ LESSON LINK — START ========================================================= */
 .lesson-read-link {
     display: inline-flex;
     align-items: center;
     justify-content: flex-end;
     gap: 6px;
     margin-top: auto;
     padding-top: 18px;
     color: #1769e0;
     font-size: 11px;
     line-height: 1.3;
     font-weight: 700;
     text-decoration: none;
}
 .lesson-read-link i {
     transition: transform 0.25s ease;
}
 .lesson-read-link:hover {
     color: #0d55bd;
}
 .lesson-read-link:hover i {
     transform: translateX(4px);
}
/* ========================================================= READ LESSON LINK — END ========================================================= */
/* ========================================================= TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
     .lessons-section {
         padding: 60px 0;
    }
     .lesson-card-content {
         padding: 16px;
    }
     .lesson-card-title {
         font-size: 15px;
    }
    /* .lesson-card-description {
         font-size: 10px;
    }
     */
}
/* ========================================================= TABLET — END ========================================================= */
/* ========================================================= MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
     .lessons-section {
         padding: 50px 0;
    }
     .lesson-card-content {
         padding: 18px;
    }
     .lesson-card-title {
         font-size: 17px;
    }
     .lesson-read-link {
         font-size: 12px;
    }
}
/* ========================================================= MOBILE — END ========================================================= */
/* ========================================================= SMALL MOBILE — START ========================================================= */
 @media (max-width: 575.98px) {
     .lessons-section {
         padding: 42px 0;
    }
     .lesson-card-content {
         padding: 17px;
    }
     .lesson-card-title {
         font-size: 16px;
    }
    /* .lesson-card-description {
         font-size: 11px;
    }
     */
}
/* ========================================================= SMALL MOBILE — END ========================================================= */
/* ========================================================= QUICK FINANCIAL LESSONS SECTION — END ========================================================= */
/* ========================================================= FINANCIAL TOOLS SECTION — START ========================================================= */
 .financial-tools-section {
     padding: 72px 0;
     background: #ffffff;
}
/* ========================================================= FINANCIAL TOOL CARD — START ========================================================= */
 .financial-tool-card {
     height: 100%;
     min-height: 260px;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 26px 20px 22px;
     background: #ffffff;
     border: 1px solid #e7ebf0;
     border-radius: 12px;
     text-align: center;
     text-decoration: none;
     box-shadow: 0 2px 8px rgba(16, 24, 40, 0.03);
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
 .financial-tool-card:hover {
     transform: translateY(-4px);
     border-color: #d7dee8;
     box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
}
/* ========================================================= TOOL ICON — START ========================================================= */
 .financial-tool-icon {
     width: 58px;
     height: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 17px;
     border-radius: 50%;
     font-size: 25px;
     transition: transform 0.25s ease;
}
 .financial-tool-card:hover .financial-tool-icon {
     transform: translateY(-3px);
}
/* ========================================================= TOOL ACTION — END ========================================================= */
/* ========================================================= TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
     .financial-tools-section {
         padding: 60px 0;
    }
     .financial-tool-card {
         min-height: 250px;
         padding: 24px 18px 20px;
    }
     .financial-tool-icon {
         width: 54px;
         height: 54px;
         font-size: 23px;
    }
}
/* ========================================================= TABLET — END ========================================================= */
/* ========================================================= MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
     .financial-tools-section {
         padding: 50px 0;
    }
     .financial-tool-card {
         min-height: 240px;
         padding: 23px 20px;
    }
     .financial-tool-icon {
         width: 56px;
         height: 56px;
         margin-bottom: 16px;
         font-size: 24px;
    }
}
/* ========================================================= MOBILE — END ========================================================= */
/* ========================================================= SMALL MOBILE — START ========================================================= */
 @media (max-width: 575.98px) {
     .financial-tools-section {
         padding: 42px 0;
    }
     .financial-tool-card {
         min-height: 225px;
    }
}
/* ========================================================= SMALL MOBILE — END ========================================================= */
/* ========================================================= FINANCIAL TOOLS SECTION — END ========================================================= */
/* ========================================================= TRUST SECTION — START ========================================================= */
/* ========================================================= TRUST WRAPPER — START ========================================================= */
 .trust-wrapper {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 45px;
     padding: 28px 34px;
     background: #f3f7fd;
     border: 1px solid #e3ebf6;
     border-radius: 16px;
     overflow: hidden;
}
/* subtle top accent */
 .trust-wrapper::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 3px;
     background: #1769e0;
}
/* ========================================================= TRUST INTRO — START ========================================================= */
 .trust-intro {
     position: relative;
     z-index: 1;
     display: flex;
     align-items: center;
     gap: 20px;
     flex: 1;
     min-width: 0;
}
/* ========================================================= TRUST SHIELD — START ========================================================= */
 .trust-shield {
     position: relative;
     width: 76px;
     height: 86px;
     flex: 0 0 76px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 52px;
}
/* shield outer glow / badge */
 .trust-shield::before {
     content: "";
     position: absolute;
     width: 68px;
     height: 68px;
     border-radius: 50%;
}
 .trust-shield i {
     position: relative;
     z-index: 1;
     filter: drop-shadow(0 4px 5px rgba(23, 105, 224, 0.12));
}
/* ========================================================= TRUST SHIELD — END ========================================================= */
/* ========================================================= TRUST CONTENT — START ========================================================= */
 .trust-content {
     max-width: 530px;
}
 .trust-content h2 {
     margin: 0 0 7px;
     color: #172033;
     font-size: 22px;
     line-height: 1.3;
     font-weight: 800;
     letter-spacing: -0.45px;
}
/* .trust-content p {
     margin: 0;
     color: #667085;
     font-size: 10px;
     line-height: 1.65;
     font-weight: 400;
     max-width: 390px;
}
 */
/* ========================================================= TRUST CONTENT — END ========================================================= */
/* ========================================================= TRUST FEATURES — START ========================================================= */
 .trust-features {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: repeat(4, minmax(82px, 1fr));
     gap: 10px;
     flex: 0 0 500px;
}
/* ========================================================= TRUST FEATURE — START ========================================================= */
 .trust-feature {
     min-height: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 14px 8px;
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid #e2e9f2;
     border-radius: 12px;
     text-align: center;
     transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
 .trust-feature:hover {
     transform: translateY(-3px);
     border-color: #c9d9ec;
     box-shadow: 0 8px 18px rgba(31, 52, 78, 0.07);
}
/* ========================================================= TRUST FEATURE ICON — START ========================================================= */
 .trust-feature-icon {
     width: 38px;
     height: 38px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 9px;
     border-radius: 10px;
     font-size: 18px;
}
/* ========================================================= TRUST FEATURE ICON — END ========================================================= */
/* ========================================================= TRUST FEATURE TEXT — START ========================================================= */
 .trust-feature h3 {
     margin: 0;
     color: #172033;
     font-size: 14px;
     line-height: 1.35;
     font-weight: 600;
}
 .trust-feature h3 span {
     display: block;
}
/* ========================================================= TRUST FEATURE TEXT — END ========================================================= */
/* ========================================================= TRUST FEATURE — END ========================================================= */
/* ========================================================= LARGE TABLET — START ========================================================= */
 @media (max-width: 1199.98px) {
     .trust-wrapper {
         gap: 30px;
         padding: 26px 28px;
    }
     .trust-features {
         flex-basis: 430px;
         gap: 8px;
    }
     .trust-content h2 {
         font-size: 18px;
    }
}
/* ========================================================= LARGE TABLET — END ========================================================= */
/* ========================================================= TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
     .trust-wrapper {
         flex-direction: column;
         align-items: stretch;
         gap: 25px;
         padding: 28px;
    }
     .trust-intro {
         justify-content: center;
    }
     .trust-content {
         max-width: 520px;
    }
    /* .trust-content p {
         max-width: 500px;
    }
     */
     .trust-features {
         width: 100%;
         flex-basis: auto;
         grid-template-columns: repeat(4, 1fr);
    }
}
/* ========================================================= TABLET — END ========================================================= */
/* ========================================================= MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
    /* .trust-section {
         padding: 22px 0;
    }
     */
     .trust-wrapper {
         padding: 26px 20px;
         border-radius: 14px;
         gap: 28px;
    }
     .trust-intro {
         align-items: center;
         gap: 16px;
    }
     .trust-shield {
         width: 62px;
         height: 70px;
         flex-basis: 62px;
         font-size: 43px;
    }
     .trust-shield::before {
         width: 58px;
         height: 58px;
    }
     .trust-content h2 {
         font-size: 17px;
    }
    /* .trust-content p {
         font-size: 10px;
         line-height: 1.6;
    }
     */
     .trust-features {
         grid-template-columns: repeat(2, 1fr);
         gap: 10px;
    }
     .trust-feature {
         min-height: 95px;
    }
}
/* ========================================================= MOBILE — END ========================================================= */
/* ========================================================= SMALL MOBILE — START ========================================================= */
 @media (max-width: 575.98px) {
     .trust-wrapper {
         padding: 25px 16px;
    }
     .trust-intro {
         flex-direction: column;
         text-align: center;
    }
     .trust-content {
         max-width: 100%;
    }
     .trust-content h2 {
         font-size: 18px;
    }
    /* .trust-content p {
         font-size: 10px;
    }
     */
     .trust-features {
         grid-template-columns: repeat(2, 1fr);
         gap: 9px;
    }
     .trust-feature {
         min-height: 92px;
         padding: 12px 6px;
    }
     .trust-feature-icon {
         width: 35px;
         height: 35px;
         margin-bottom: 7px;
         font-size: 16px;
    }
    /* .trust-feature h3 {
         font-size: 1px;
    }
     */
}
/* ========================================================= TRUST SECTION — END ========================================================= */
/* ========================================================= NIRVAIR WEALTH — FAQ SECTION ========================================================= */
 .nw-faq-section {
     --nw-faq-navy: #061b36;
     --nw-faq-gold: #e4b83d;
     --nw-faq-blue: #1769e0;
     --nw-faq-text: #172033;
     --nw-faq-muted: #667085;
     --nw-faq-border: #e4e9ef;
     --nw-faq-bg: #f7f9fb;
     padding: 85px 0;
     background: #f7f9fc;
     font-family: "Inter", sans-serif;
     color: var(--nw-faq-text);
}
 .nw-faq-section *, .nw-faq-section *::before, .nw-faq-section *::after {
     box-sizing: border-box;
}
/* ========================================================= HEADER ========================================================= */
 .nw-center-header {
     max-width: 720px;
     margin: 0 auto 28px;
     text-align: center;
}
/* ========================================================= FAQ LIST ========================================================= */
 .nw-faq-list {
     max-width: 900px;
     margin: 0 auto;
     border-top: 1px solid var(--nw-faq-border);
}
/* ========================================================= FAQ ITEM ========================================================= */
 .nw-faq-item {
     border-bottom: 1px solid var(--nw-faq-border);
}
 .nw-faq-question {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 25px;
     padding: 22px 4px;
     background: transparent;
     border: 0;
     color: var(--nw-faq-navy);
     font-family: "Inter", sans-serif;
     font-size: 18px;
     font-weight: 700;
     text-align: left;
     cursor: pointer;
}
 .nw-faq-question:hover {
     color: var(--gold);
}
/* ========================================================= PLUS ICON ========================================================= */
 .nw-faq-icon {
     width: 30px;
     height: 30px;
     flex: 0 0 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #d9e0e8;
     border-radius: 50%;
     color: var(--nw-faq-navy);
     font-size: 18px;
     font-weight: 400;
     transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}
/* ========================================================= ANSWER ========================================================= */
 .nw-faq-answer {
     display: grid;
     grid-template-rows: 0fr;
     transition: grid-template-rows 0.3s ease;
}
 .nw-faq-answer p {
     min-height: 0;
     overflow: hidden;
     max-width: 760px;
     margin: 0;
     padding: 0 55px 0 4px;
     color: var(--nw-faq-muted);
     font-size: 16px;
     line-height: 1.75;
     opacity: 0;
     transition: opacity 0.25s ease, padding 0.3s ease;
}
 .nw-faq-item.active .nw-faq-answer {
     grid-template-rows: 1fr;
}
 .nw-faq-item.active .nw-faq-answer p {
     padding-bottom: 23px;
     opacity: 1;
}
/* ========================================================= CTA ========================================================= */
 .nw-faq-cta {
     max-width: 900px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     margin: 48px auto 0;
     padding: 25px 28px;
     background: var(--nw-faq-navy);
     border-radius: 12px;
}
 .nw-faq-cta-label {
     display: block;
     margin-bottom: 5px;
     color: var(--nw-faq-gold);
     font-size: 9px;
     font-weight: 800;
     letter-spacing: 1.5px;
}
 .nw-faq-cta h3 {
     margin: 0 0 4px;
     color: #ffffff;
     font-size: 20px;
     font-weight: 800;
}
 .nw-faq-cta p {
     margin: 0;
     color: #bfcbda;
     font-size: 11px;
}
/* ========================================================= CTA BUTTON ========================================================= */
 .nw-faq-cta-button {
     min-width: 145px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 12px 18px;
     background: var(--nw-faq-gold);
     color: var(--nw-faq-navy);
     border-radius: 6px;
     font-size: 12px;
     font-weight: 800;
     text-decoration: none;
     transition: transform 0.2s ease, background 0.2s ease;
}
 .nw-faq-cta-button:hover {
     background: #f0c74b;
     color: var(--nw-faq-navy);
     transform: translateY(-2px);
}
 .nw-faq-cta-button span {
     font-size: 16px;
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991px) {
     .nw-faq-section {
         padding: 70px 0;
    }
     .nw-faq-cta {
         margin-top: 40px;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767px) {
     .nw-faq-section {
         padding: 58px 0;
    }
     .nw-faq-question {
         padding: 19px 2px;
         font-size: 14px;
    }
     .nw-faq-answer p {
         padding-right: 35px;
         font-size: 12px;
    }
     .nw-faq-item.active .nw-faq-answer p {
         padding-bottom: 20px;
    }
     .nw-faq-cta {
         flex-direction: column;
         align-items: flex-start;
         padding: 23px;
    }
     .nw-faq-cta-button {
         width: 100%;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .nw-faq-question {
         gap: 15px;
         font-size: 13px;
    }
     .nw-faq-icon {
         width: 27px;
         height: 27px;
         flex-basis: 27px;
    }
}
/* Home Page css end here */
/* Tool Page css start here */
/* ========================================================= TABLET — START ========================================================= */
 @media (max-width: 1199.98px) {
     .financial-tools-floating-badge {
         right: -8px;
    }
}
/* ========================================================= TABLET — END ========================================================= */
/* ========================================================= SMALL TABLET — START ========================================================= */
 @media (max-width: 991.98px) {
}
/* ========================================================= SMALL TABLET — END ========================================================= */
/* ========================================================= MOBILE — START ========================================================= */
 @media (max-width: 767.98px) {
     .financial-tools-preview-card {
         padding: 18px;
         border-radius: 15px;
    }
     .financial-tools-preview-header h2 {
         font-size: 19px;
    }
     .financial-tools-floating-badge {
         right: 8px;
         bottom: -18px;
    }
}
/* ========================================================= MOBILE — END ========================================================= */
/* ========================================================= SMALL MOBILE — START ========================================================= */
 @media (max-width: 575.98px) {
     .financial-tools-preview-card {
         padding: 15px;
    }
     .financial-tools-preview-header h2 {
         font-size: 17px;
    }
     .financial-tool-preview-item {
         padding: 9px;
    }
     .financial-tool-preview-icon {
         width: 38px;
         height: 38px;
         flex-basis: 38px;
         font-size: 16px;
    }
}
/* ========================================================= SMALL MOBILE — END ========================================================= */
/* ========================================================= NIRVAIR WEALTH FINANCIAL TOOLS — FINAL DESIGN SYSTEM ========================================================= */
/* ========================================================= 01. DESIGN TOKENS ========================================================= */
 :root {
    /* Brand */
     --nw-navy: #061b36;
     --nw-navy-hover: #0b294b;
     --nw-blue: #1769e0;
     --nw-blue-light: #edf5ff;
     --nw-blue-border: #d7e6fa;
     --nw-gold: #e4b83d;
     --nw-gold-light: #fff6d9;
     --nw-green: #20965a;
     --nw-green-light: #eaf8f1;
    /* Background */
     --nw-bg: #f5f8fc;
     --nw-surface: #ffffff;
     --nw-soft: #f8fafc;
    /* Text */
     --nw-heading: #172033;
     --nw-text: #061b36;
     --nw-body: #64748b;
     --nw-muted: #7a8698;
    /* Border */
     --nw-border: #dce4ee;
     --nw-border-light: #e6ebf1;
    /* Radius */
     --nw-radius-sm: 6px;
     --nw-radius-md: 8px;
     --nw-radius-lg: 12px;
     --nw-radius-xl: 16px;
    /* Font */
     --nw-font: "Inter", sans-serif;
}
/* ========================================================= 02. SECTION ========================================================= */
 .nw-financial-tools {
     width: 100%;
     padding: 70px 0;
     background: var(--nw-bg);
     font-family: var(--nw-font);
     color: var(--nw-text);
}
 .nw-financial-tools *, .nw-financial-tools *::before, .nw-financial-tools *::after {
     box-sizing: border-box;
}
/* ========================================================= 03. MAIN LAYOUT ========================================================= */
 .nw-tools-layout {
     display: grid;
     grid-template-columns: 300px minmax(0, 1fr);
     gap: 26px;
     align-items: stretch;
}
/* ========================================================= 04. SIDEBAR ========================================================= */
 .nw-tools-sidebar {
     overflow: hidden;
     background: var(--nw-surface);
     border: 1px solid var(--nw-border);
     border-radius: var(--nw-radius-xl);
}
/* ========================================================= 05. SIDEBAR HEADER ========================================================= */
 .nw-sidebar-header {
     padding: 24px 22px 20px;
     border-bottom: 1px solid var(--nw-border-light);
}
 .nw-eyebrow {
     display: block;
     margin-bottom: 7px;
     color: var(--nw-blue);
     font-size: 9px;
     line-height: 1.2;
     font-weight: 800;
     letter-spacing: 1.4px;
}
 .nw-sidebar-header h2 {
     margin: 0 0 6px;
     color: var(--nw-heading);
     font-size: 21px;
     line-height: 1.25;
     font-weight: 800;
     letter-spacing: -0.5px;
}
 .nw-sidebar-header p {
     margin: 0;
     color: var(--nw-muted);
     font-size: 11px;
     line-height: 1.5;
}
/* ========================================================= 06. TOOL NAV ========================================================= */
 .nw-tools-nav {
     padding: 5px 0;
}
/* ========================================================= 07. TOOL NAV ITEM ========================================================= */
 .nw-tool-nav-item {
     position: relative;
     width: 100%;
     min-height: 73px;
     display: flex;
     align-items: center;
     gap: 13px;
     padding: 11px 20px;
     border: 0;
     border-bottom: 1px solid var(--nw-border-light);
     background: var(--nw-surface);
     color: var(--nw-body);
     font-family: var(--nw-font);
     text-align: left;
     cursor: pointer;
     transition: background 0.2s ease, color 0.2s ease;
}
 .nw-tool-nav-item:last-child {
     border-bottom: 0;
}
 .nw-tool-nav-item:hover {
     background: var(--nw-soft);
     color: var(--nw-heading);
}
 .nw-tool-nav-item.active {
     background: #eef5fb;
     color: var(--nw-heading);
}
/* Gold active indicator */
 .nw-tool-nav-item.active::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 5px;
     height: 100%;
     background: var(--nw-gold);
}
/* ========================================================= 08. TOOL ICON ========================================================= */
 .nw-tool-icon {
     width: 42px;
     height: 42px;
     flex: 0 0 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--nw-radius-md);
     background: var(--nw-navy);
     font-size: 17px;
}
 .nw-wealth-icon i {
     color: #8fbfff;
}
 .nw-mortgage-icon i {
     color: #e4c66f;
}
 .nw-debt-icon i {
     color: #ff9292;
}
 .nw-emergency-icon i {
     color: #82d4a6;
}
 .nw-retirement-icon i {
     color: #c1a9ff;
}
 .nw-tfsa-icon i {
     color: #8dd9d9;
}
/* ========================================================= 09. TOOL NAME ========================================================= */
 .nw-tool-nav-text {
     flex: 1;
     color: inherit;
     font-size: 13px;
     line-height: 1.3;
     font-weight: 600;
}
 .nw-tool-nav-item.active .nw-tool-nav-text {
     font-weight: 750;
}
/* ========================================================= 10. TOOL ARROW ========================================================= */
 .nw-tool-arrow {
     color: #aab4c1;
     font-size: 10px;
     transition: 0.2s ease;
}
 .nw-tool-nav-item:hover .nw-tool-arrow {
     color: var(--nw-blue);
     transform: translateX(2px);
}
 .nw-tool-nav-item.active .nw-tool-arrow {
     color: var(--nw-blue);
}
/* ========================================================= 11. SIDEBAR NOTE ========================================================= */
 .nw-sidebar-note {
     display: flex;
     align-items: flex-start;
     gap: 8px;
     padding: 16px 20px;
     border-top: 1px solid var(--nw-border-light);
     background: var(--nw-soft);
     color: var(--nw-muted);
     font-size: 9px;
     line-height: 1.55;
}
 .nw-sidebar-note i {
     flex: 0 0 auto;
     margin-top: 1px;
     color: var(--nw-blue);
     font-size: 11px;
}
/* ========================================================= 12. RIGHT CONTENT ========================================================= */
 .nw-tools-content {
     min-width: 0;
     overflow: hidden;
     background: var(--nw-surface);
     border: 1px solid var(--nw-border);
     border-radius: var(--nw-radius-xl);
}
/* Contact us Page css start here */
 .nw-contact-main *, .nw-contact-main *::before, .nw-contact-main *::after {
     box-sizing: border-box;
}
/* ========================================================= MAIN LAYOUT ========================================================= */
 .nw-contact-layout {
     display: grid;
     grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.1fr);
     gap: 30px;
     align-items: stretch;
}
/* ========================================================= LEFT — CONTACT INFORMATION ========================================================= */
 .nw-contact-info {
     position: relative;
     overflow: hidden;
     background: var(--nw-navy);
     border-radius: 12px;
}
 .nw-contact-form-wrap, .nw-faq-list{
     padding: 38px 34px;
     background-color: var(--white);
     border: 1px solid #e8ecf2;
     border-radius: 12px;
}
/* Decorative circle */
 .nw-contact-info::after {
     content: "";
     position: absolute;
     width: 340px;
     height: 340px;
     right: -190px;
     bottom: -190px;
     border: 1px solid rgba(228, 184, 61, 0.16);
     border-radius: 50%;
     pointer-events: none;
}
 .nw-contact-info-inner, .nw-contact-form-wrap, .nw-faq-list {
     position: relative;
     z-index: 1;
     padding: 38px 34px;
}
/* ========================================================= LEFT KICKER ========================================================= */
 .nw-contact-info-kicker {
     display: block;
     margin-bottom: 10px;
     color: var(--nw-gold);
     font-size: 10px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 1.8px;
     text-transform: uppercase;
}
/* ========================================================= LEFT HEADING ========================================================= */
 .nw-contact-info h2 {
     max-width: 390px;
     margin: 0 0 12px;
     color: #ffffff;
     font-size: 30px;
     line-height: 1.18;
     font-weight: 800;
     letter-spacing: -0.9px;
}
/* ========================================================= LEFT DESCRIPTION ========================================================= */
 .nw-contact-info-intro {
     max-width: 400px;
     margin: 0 0 30px;
     color: #c4cfdc;
     font-size: 12px;
     line-height: 1.75;
}
/* ========================================================= CONTACT DETAIL ========================================================= */
 .nw-contact-detail {
     display: flex;
     align-items: flex-start;
     gap: 13px;
     padding: 17px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
}
/* ICON */
 .nw-contact-detail-icon {
     width: 36px;
     height: 36px;
     flex: 0 0 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(228, 184, 61, 0.35);
     border-radius: 7px;
     color: var(--nw-gold);
     font-size: 13px;
}
/* LABEL */
 .nw-contact-detail-label {
     display: block;
     margin-bottom: 5px;
     color: #8fa0b5;
     font-size: 16px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 1.4px;
}
/* LINK */
 .nw-contact-detail a, .nw-contact-detail p {
     color: #ffffff;
     font-size: 12px;
     line-height: 1.4;
     font-weight: 600;
     text-decoration: none;
     transition: color 0.2s ease;
}
 .nw-contact-detail a:hover {
     color: var(--nw-gold);
}
/* TEXT */
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991px) {
     .nw-contact-layout {
         grid-template-columns: 1fr;
         gap: 24px;
    }
     .nw-contact-info {
         min-height: auto;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767px) {
     .nw-contact-main {
         padding: 55px 0;
    }
     .nw-contact-info-inner, .nw-contact-form-wrap, .nw-faq-list {
         padding: 28px 24px;
    }
     .nw-contact-info h2 {
         font-size: 26px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .nw-contact-info-inner {
         padding: 24px 20px;
    }
}
/* ========================================================= CONTACT PAGE — FAQ CTA ========================================================= */
/* ========================================================= CTA BOX ========================================================= */
 .nw-contact-faq-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
     padding: 42px 48px;
     background: var(--text-dark);
     border-radius: 12px;
     position: relative;
     overflow: hidden;
}
/* Decorative circle */
 .nw-contact-faq-inner::after {
     content: "";
     position: absolute;
     width: 280px;
     height: 280px;
     right: -130px;
     top: -160px;
     border: 1px solid rgba(228, 184, 61, 0.15);
     border-radius: 50%;
     pointer-events: none;
}
 .nw-contact-faq-content {
     position: relative;
     z-index: 1;
     max-width: 650px;
}
 .nw-contact-faq-action {
     position: relative;
     z-index: 1;
     flex: 0 0 auto;
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 767px) {
     .nw-contact-faq-inner {
         flex-direction: column;
         align-items: flex-start;
         padding: 32px 26px;
         gap: 25px;
    }
     .nw-contact-faq-content h2 {
         font-size: 28px;
    }
     .nw-contact-faq-action {
         width: 100%;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .nw-contact-faq-inner {
         padding: 28px 22px;
    }
}
 .nw-contact-form *, .nw-contact-form *::before, .nw-contact-form *::after {
     box-sizing: border-box;
}
 .nw-contact-form br {
     display: none;
}
 .nw-contact-form {
     width: 100%;
}
 .nw-contact-form span {
     color: #dc3232 !important;
}
/* Two column row (name + email) */
 .nw-contact-field-row {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 16px;
}
/* Label */
 .nw-contact-field label {
     display: block;
     margin-bottom: 7px;
     color: var(--nw-text);
     font-size: 14px;
     line-height: 1.4;
     font-weight: 700;
}
 .wpcf7-not-valid-tip {
     font-size: 12px !important;
     padding-top: 6px;
}
 .nw-contact-field label > span {
     color: var(--nw-red);
}
 .nw-contact-field label small {
     color: #98a2b3;
     font-size: 9px;
     font-weight: 500;
}
/* Input / textarea */
 .nw-contact-field input, .nw-contact-field textarea {
     width: 100%;
     border: 1px solid var(--nw-border);
     border-radius: 6px;
     background: #ffffff;
     color: var(--nw-text);
     font-family: "Inter", sans-serif;
     font-size: 12px;
     outline: none;
     transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
 .nw-contact-field input {
     height: 48px;
     padding: 0 14px;
}
 .nw-contact-field textarea {
     max-height: 120px;
     padding: 14px;
     resize: vertical;
     line-height: 1.6;
}
 .nw-contact-field input::placeholder, .nw-contact-field textarea::placeholder {
     color: #98a2b3;
}
 .nw-contact-field input:focus, .nw-contact-field textarea:focus {
     border-color: var(--nw-navy);
     box-shadow: 0 0 0 3px rgba(6, 27, 54, 0.06);
}
/* CF7 native error state mapped to nw look */
 .nw-contact-field input.wpcf7-not-valid, .nw-contact-field textarea.wpcf7-not-valid {
     border-color: var(--nw-red);
     background: #fff9f8;
     box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.05);
}
/* Submit button */
 .nw-contact-submit {
     position: relative;
     display: flex;
     margin-left: auto;
     align-items: center;
     justify-content: center;
     gap: 8px;
     min-height: 54px;
     padding: 0 22px;
     border-radius: 8px;
     font-size: 16px;
     line-height: 1;
     font-weight: 700;
     text-decoration: none;
     transition: all 0.25s ease;
     border: 1px solid var(--gold);
     background: var(--gold);
     color: var(--white);
     width: 160px;
}
 .nw-contact-submit:hover {
     background: var(--gold-dark);
     border-color: var(--gold-dark);
     transform: translateY(-2px);
}
 input.wpcf7-form-control.wpcf7-submit.has-spinner {
     background: transparent;
     color: white;
     border: none;
}
 .wpcf7-spinner {
     position: absolute;
     right: 0px;
}
/* Mobile */
 @media (max-width: 767px) {
     .nw-contact-field-row {
         grid-template-columns: 1fr;
         gap: 0;
    }
     .nw-contact-submit {
         width: 100%;
    }
}
/* Contact us Page css end here */
/* terms and conditions us Page css start here */
 .nw-legal-page {
     --nw-navy: #061b36;
     --nw-navy-soft: #0b294d;
     --nw-blue: #1769e0;
     --nw-gold: #e4b83d;
     --nw-text: #172033;
     --nw-muted: #667085;
     --nw-light-text: #c4cfdc;
     --nw-border: #e1e6ec;
     --nw-border-light: #e7ebf0;
     --nw-soft-bg: #f5f7fa;
     --nw-white: #ffffff;
     font-family: "Inter", sans-serif;
     color: var(--nw-text);
     background: var(--nw-white);
}
/* ========================================================= UPDATED DATE ========================================================= */
 .nw-legal-updated {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     color: #8fa0b5;
     font-size: 14px;
     font-weight: 600;
     margin-top: 10px;
}
 .nw-legal-updated i {
     color: var(--nw-gold);
}
/* ========================================================= MAIN CONTENT ========================================================= */
 .nw-legal-main {
     padding: 85px 0 100px;
     background: var(--nw-white);
}
/* ========================================================= CONTENT LAYOUT ========================================================= */
 .nw-legal-layout {
     display: grid;
     grid-template-columns: 190px minmax(0, 820px);
     justify-content: center;
     gap: 70px;
     align-items: start;
}
/* ========================================================= SIDEBAR ========================================================= */
 .nw-legal-sidebar {
     position: sticky;
     top: 30px;
}
 .nw-legal-sidebar-inner {
     display: flex;
     flex-direction: column;
     border-left: 1px solid #dce2e9;
}
/* ========================================================= SIDEBAR TITLE ========================================================= */
 .nw-legal-sidebar-title {
     padding: 0 0 13px 16px;
     color: #98a2b3;
     font-size: 14px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 1.4px;
     text-transform: uppercase;
}
/* ========================================================= SIDEBAR LINKS ========================================================= */
 .nw-legal-sidebar-inner a {
     padding: 10px 10px 10px 16px;
     border-left: 2px solid transparent;
     color: var(--nw-muted);
     font-size: 14px;
     line-height: 1.6;
     font-weight: 600;
     text-decoration: none;
     transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
 .nw-legal-sidebar-inner a.active {
     border-left-color: var(--nw-gold);
     color: var(--nw-navy);
     background:#fff4cd;
}
 .nw-legal-sidebar-inner a:hover {
     background:#f8f6ef;
     color: var(--text-dark);
}
/* ========================================================= DOCUMENT ========================================================= */
 .nw-legal-document {
     width: 100%;
     min-width: 0;
}
/* ========================================================= LEGAL SECTION ========================================================= */
 .nw-legal-section {
     display: grid;
     grid-template-columns: 45px minmax(0, 1fr);
     gap: 22px;
     padding-bottom: 52px;
     margin-bottom: 52px;
     border-bottom: 1px solid var(--nw-border-light);
     scroll-margin-top: 30px;
}
 .nw-legal-section:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
     border-bottom: 0;
}
/* ========================================================= SECTION NUMBER ========================================================= */
 .nw-legal-number {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 34px;
     height: 34px;
     border-radius: 6px;
     background: var(--nw-soft-bg);
     color: var(--gold);
     font-size: 18px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 1px;
}
/* ========================================================= SECTION CONTENT ========================================================= */
 .nw-legal-section-content {
     min-width: 0;
}
 .nw-legal-section-content h2 {
     margin: 0 0 17px;
     color: var(--nw-navy);
     font-size: 25px;
     line-height: 1.25;
     font-weight: 800;
     letter-spacing: -0.6px;
}
/* ========================================================= SUBHEADINGS Used by Privacy Policy ========================================================= */
 .nw-legal-subheading {
     margin: 27px 0 10px;
     color: var(--nw-navy);
     font-size: 16px;
     line-height: 1.4;
     font-weight: 700;
     letter-spacing: -0.2px;
}
/* ========================================================= PARAGRAPHS ========================================================= */
 .nw-legal-section-content p {
     margin: 0 0 15px;
     color: var(--nw-muted);
     font-size: 16px;
     line-height: 1.85;
}
 .nw-legal-section-content p:last-child {
     margin-bottom: 0;
}
/* ========================================================= LIST ========================================================= */
 .nw-legal-section-content ul {
     margin: 18px 0 0;
     padding-left: 19px;
}
 .nw-legal-section-content li {
     margin-bottom: 9px;
     padding-left: 3px;
     color: var(--nw-muted);
     font-size: 11px;
     line-height: 1.7;
}
 .nw-legal-section-content li:last-child {
     margin-bottom: 0;
}
/* ========================================================= HIGHLIGHT BOX ========================================================= */
 .nw-legal-highlight {
     display: flex;
     align-items: flex-start;
     gap: 14px;
     margin: 22px 0;
     padding: 17px 18px;
     background: #f8f6ef;
     border-left: 3px solid var(--nw-gold);
     border-radius: 5px;
}
 .nw-legal-highlight i {
     flex: 0 0 auto;
     margin-top: 2px;
     color: #b38a20;
     font-size: 16px;
}
 .nw-legal-highlight p {
     margin: 0;
     color: #3d4654;
     font-size: 14px;
     line-height: 1.7;
     font-weight: 600;
}
/* ========================================================= CONTACT SECTION ========================================================= */
 .nw-legal-contact-section {
     padding-top: 5px;
}
/* ========================================================= CONTACT BUTTON ========================================================= */
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991px) {
     .nw-legal-layout {
         grid-template-columns: 160px minmax(0, 1fr);
         gap: 40px;
    }
     .nw-legal-section-content h2 {
         font-size: 23px;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767px) {
     .nw-legal-main {
         padding: 55px 0 70px;
    }
    /* Sidebar hidden on mobile */
     .nw-legal-sidebar {
         display: none;
    }
    /* Single column document */
     .nw-legal-layout {
         display: block;
    }
     .nw-legal-section {
         grid-template-columns: 35px minmax(0, 1fr);
         gap: 14px;
         padding-bottom: 38px;
         margin-bottom: 38px;
         scroll-margin-top: 20px;
    }
     .nw-legal-number {
         width: 34px;
         height: 34px;
    }
     .nw-legal-section-content h2 {
         font-size: 21px;
         line-height: 1.3;
         margin-bottom: 14px;
    }
     .nw-legal-section-content li {
         font-size: 10px;
         line-height: 1.7;
    }
     .nw-legal-highlight {
         gap: 10px;
         margin: 19px 0;
         padding: 14px 15px;
    }
     .nw-legal-highlight i {
         font-size: 14px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .nw-legal-main {
         padding: 45px 0 60px;
    }
     .nw-legal-section {
         grid-template-columns: 1fr;
         gap: 13px;
         padding-bottom: 34px;
         margin-bottom: 34px;
    }
     .nw-legal-section-content h2 {
         font-size: 20px;
         letter-spacing: -0.4px;
    }
     .nw-legal-section-content li {
         font-size: 10px;
    }
}
/* ========================================================= ACCESSIBILITY ========================================================= */
 .nw-legal-page a:focus-visible {
     outline: 2px solid var(--nw-gold);
     outline-offset: 3px;
}
/* ========================================================= REDUCED MOTION ========================================================= */
 @media (prefers-reduced-motion: reduce) {
     .nw-legal-page * {
         scroll-behavior: auto !important;
         transition: none !important;
    }
}
/* terms and conditions css end here */
/* lessones css start here */
/* ========================================================= NIRVAIR WEALTH LESSONS PAGE PAGE-LEVEL CSS ONLY IMPORTANT: NO .lesson-card CSS HERE ========================================================= */
/* ========================================================= HERO ========================================================= */
 .nw-page-hero {
     position: relative;
     overflow: hidden;
     padding: 60px;
     background: var(--navy);
}
 .nw-page-hero::before {
     content: "";
     position: absolute;
     width: 520px;
     height: 520px;
     top: -350px;
     right: -180px;
     border: 1px solid rgba(228, 184, 61, 0.12);
     border-radius: 50%;
     pointer-events: none;
}
 .nw-page-hero::after {
     content: "";
     position: absolute;
     width: 280px;
     height: 280px;
     left: -190px;
     bottom: -190px;
     border: 1px solid rgba(255, 255, 255, 0.06);
     border-radius: 50%;
     pointer-events: none;
}
 .nw-page-hero-content {
     position: relative;
     z-index: 1;
     max-width: 760px;
     margin: 0 auto;
     text-align: center;
}
/* ========================================================= HERO TITLE ========================================================= */
 .nw-page-hero h1 {
     margin: 0 0 18px;
     color: #ffffff;
     font-size: clamp(42px, 5vw, 60px);
     line-height: 1.06;
     font-weight: 800;
     letter-spacing: -2.5px;
}
 .nw-page-hero h1 span {
     color: #e4b83d;
}
/* ========================================================= HERO DESCRIPTION ========================================================= */
 .nw-page-hero p {
     max-width: 610px;
     margin: 0 auto;
     color: #c5d0dd;
     font-size: 18px;
     line-height: 1.8;
}
/* ========================================================= TOOLBAR ========================================================= */
 .lessons-toolbar {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 35px;
     margin-bottom: 34px;
}
 .lessons-toolbar-copy {
     min-width: 0;
}
/* ========================================================= SEARCH BAR DESIGN ONLY ========================================================= */
 .lessons-search {
     position: relative;
}
 .lessons-search > i {
     position: absolute;
     top: 50%;
     left: 16px;
     color: #98a2b3;
     font-size: 14px;
     transform: translateY(-50%);
     pointer-events: none;
}
 .lessons-search input {
     width: 500px;
     height: 48px;
     padding: 0 18px 0 43px;
     border: 1px solid #dde3ea;
     border-radius: 7px;
     outline: none;
     background: #ffffff;
     color: #172033;
     font-family: inherit;
     font-size: 11px;
     box-shadow: 0 1px 2px rgba(6, 27, 54, 0.02);
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
 .lessons-search input::placeholder {
     color: #98a2b3;
     font-size: 14px;
}
 .lessons-search input:focus {
     border-color: #afc7ea;
     box-shadow: 0 0 0 3px rgba(23, 105, 224, 0.07);
}
/* ========================================================= CATEGORY TABS ========================================================= */
 .lessons-category-tabs {
     display: flex;
     align-items: center;
     gap: 18px;
     margin-bottom: 24px;
     overflow-x: scroll;
     background-color: var(--white);
     scrollbar-width: none;
     border-radius: 8px;
     border: 1px solid rgb(232, 236, 242);
}
 .lessons-category-tabs::-webkit-scrollbar {
     height: 6px;
}
 .lessons-category-tabs::-webkit-scrollbar-track {
     background: #eee;
}
 .lessons-category-tabs::-webkit-scrollbar-thumb {
     background: #888;
     border-radius: 10px;
}
 .lessons-category-tabs::-webkit-scrollbar {
     display: none;
}
 .lessons-tab {
     flex: 0 0 auto;
     padding: 20px 20px 16px 20px;
     border: 0;
     background: transparent;
     color: #667085;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.4;
     cursor: pointer;
     transition: all 0.2s ease;
     white-space: nowrap;
     border-bottom: 2px solid transparent;
     font-family: inherit;
}
 .lessons-tab:hover {
     color: var(--gold);
}
 .lessons-tab.active {
     color: var(--gold-dark);
     border-bottom-color: var(--gold-dark);
}
 .lessons-tab.active:hover {
     color: #e5b740;
     border-bottom-color: #e5b740;
}
/* ========================================================= LESSON GRID ONLY GRID LAYOUT CARD STYLING IS NOT HERE ========================================================= */
 .lessons-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 22px;
}
/* ========================================================= LOAD MORE ========================================================= */
 .lessons-load-more-wrap {
     display: flex;
     justify-content: center;
     margin-top: 42px;
}
/* ========================================================= GRID LOADING STATE ========================================================= */
 .nw-grid-loading {
     opacity: 0.5;
     pointer-events: none;
     transition: opacity 0.2s ease;
}
 .nw-no-lessons {
     grid-column: 1 / -1;
     text-align: center;
     padding: 48px 0;
     color: #667085;
     font-size: 15px;
}
/* ========================================================= TABLET — 3 COLUMNS ========================================================= */
 @media (max-width: 1100px) {
     .lessons-grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
     .lessons-search {
         width: 290px;
         flex-basis: 290px;
    }
}
/* ========================================================= SMALL TABLET — 2 COLUMNS ========================================================= */
 @media (max-width: 850px) {
     .lessons-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767px) {
     .nw-page-hero {
         padding: 60px 0 65px;
    }
     .nw-page-hero h1 {
         font-size: 40px;
         letter-spacing: -1.8px;
    }
     .nw-page-hero p {
         font-size: 14px;
    }
     .lessons-toolbar {
         flex-direction: column;
         align-items: stretch;
         gap: 22px;
         margin-bottom: 14px;
    }
     .lessons-search input {
         width: 100%;
    }
     .lessons-category-tabs {
         gap: 8px;
    }
     .lessons-search {
         width: 100%;
         flex: none;
    }
     .lessons-tab {
         padding: 14px 14px 12px 14px;
         font-size: 12px;
    }
     .lessons-grid {
         grid-template-columns: 1fr;
         gap: 16px;
    }
     .lessons-load-more-wrap {
         margin-top: 24px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .nw-page-hero {
         padding: 52px 0 58px;
    }
     .nw-page-hero h1 {
         font-size: 34px;
         letter-spacing: -1.5px;
    }
     .lessons-page-main {
         padding: 42px 0 55px;
    }
}
/* lessones css end here */
/* Footer css Start here */
/* ========================================================= NIRVAIR WEALTH GLOBAL FOOTER ========================================================= */
/* ========================================================= FOOTER WRAPPER ========================================================= */
 .nw-footer {
     position: relative;
     width: 100%;
     padding: 24px 0 0;
     background: var(--navy);
     color: #ffffff;
}
/* ========================================================= FOOTER INNER ========================================================= */
 .nw-footer-inner {
     width: min(calc(100% - 40px), 1040px);
     margin: 0 auto;
}
/* ========================================================= TOP CTA ========================================================= */
 .nw-footer-cta {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     min-height: 76px;
     padding: 14px 6px 16px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
 .nw-footer-cta-content {
     min-width: 0;
}
 .nw-footer-cta h2 {
     margin: 0 0 3px;
     color: #ffffff;
     font-size: 22px;
     line-height: 1.15;
     font-weight: 700;
     letter-spacing: -0.4px;
}
 .nw-footer-cta p {
     margin: 0;
     color: #aebfd1;
     font-size: 14px;
     line-height: 1.5;
}
/* ========================================================= CONTACT BUTTON ========================================================= */
/* ========================================================= MAIN FOOTER ========================================================= */
 .nw-footer-main {
     display: grid;
     grid-template-columns: 1.45fr 0.85fr 1.25fr 0.9fr;
     gap: 38px;
     padding: 32px 6px 16px;
}
/* ========================================================= BRAND ========================================================= */
 .nw-footer-brand {
     min-width: 0;
}
/* ========================================================= LOGO ========================================================= */
 .nw-footer-logo {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     margin-bottom: 8px;
     color: #ffffff;
     font-family: Georgia, "Times New Roman", serif;
     font-size: 18px;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
}
 .nw-footer-logo:hover {
     color: #ffffff;
}
/* ========================================================= LOGO MARK ========================================================= */
 .nw-footer-logo-mark {
     display: inline-flex;
     align-items: flex-end;
     gap: 2px;
     width: 27px;
     height: 25px;
}
 .nw-footer-logo-mark i {
     display: block;
     width: 5px;
     border-radius: 1px 1px 0 0;
     background: #ffffff;
}
 .nw-footer-logo-mark i:nth-child(1) {
     height: 10px;
}
 .nw-footer-logo-mark i:nth-child(2) {
     height: 17px;
}
 .nw-footer-logo-mark i:nth-child(3) {
     height: 23px;
}
 .nw-footer-logo strong {
     color: #f1b82d;
     font-weight: 700;
}
/* ========================================================= DESCRIPTION ========================================================= */
 .nw-footer-description {
     max-width: 280px;
     margin: 0 0 10px;
     color: #91a6bc;
     font-size: 14px;
     line-height: 1.55;
}
/* ========================================================= SOCIAL ========================================================= */
 .nw-footer-social {
     display: flex;
     align-items: center;
     gap: 15px;
}
 .nw-footer-social a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 18px;
     height: 18px;
     color: #ffffff;
     font-size: 12px;
     text-decoration: none;
     opacity: 0.9;
     transition: color 0.2s ease, opacity 0.2s ease;
}
 .nw-footer-social a:hover {
     color: #f1b82d;
     opacity: 1;
}
 .nw-footer-social a i {
     font-size: 20px;
}
/* ========================================================= FOOTER COLUMNS ========================================================= */
 .nw-footer-column {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
}
 .nw-footer-column h3 {
     margin: 0 0 8px;
     color: #ffffff;
     font-size: 16px;
     line-height: 1;
     font-weight: 800;
}
 .nw-footer-column a {
     margin-bottom: 5px;
     color: #a5b7c9;
     font-size: 14px;
     line-height: 1.3;
     text-decoration: none;
     transition: color 0.2s ease;
}
 .nw-footer-column a:hover {
     color: #f1b82d;
}
/* ========================================================= FOOTER BOTTOM ========================================================= */
 .nw-footer-bottom {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 25px;
     min-height: 34px;
     padding: 24px 0 16px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
}
 .nw-footer-bottom p, .nw-footer-bottom p a {
     margin: 0;
     color: #71879e;
     font-size: 14px;
     line-height: 1.4;
}
 .nw-footer-bottom p a:hover {
     color: var(--gold);
}
 .nw-footer-bottom p:last-child {
     text-align: right;
}
/* ========================================================= WHATSAPP BUTTON ========================================================= */
 .nw-footer-whatsapp {
     position: fixed;
     right: 11px;
     bottom: 90px;
     z-index: 9;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 58px;
     height: 58px;
     border-radius: 50%;
     background: #20c968;
     color: #ffffff;
     font-size: 29px;
     text-decoration: none;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
}
 .nw-footer-whatsapp:hover {
     color: #ffffff;
     transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 900px) {
     .nw-footer-main {
         grid-template-columns: 1.5fr 1fr 1fr;
         gap: 30px;
    }
     .nw-footer-brand {
         grid-row: span 2;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 650px) {
     .nw-footer {
         padding-top: 8px;
    }
     .nw-footer-inner {
         width: min(calc(100% - 28px), 1040px);
    }
     .nw-footer-cta {
         flex-direction: column;
         align-items: flex-start;
         gap: 15px;
         padding: 20px 0;
    }
     .nw-footer-cta h2 {
         font-size: 21px;
    }
    /* .nw-footer-contact-btn {
         width: 100%;
    }
     */
     .nw-footer-main {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px 25px;
         padding: 25px 0;
    }
     .nw-footer-brand {
         grid-column: 1 / -1;
         grid-row: auto;
    }
     .nw-footer-description {
         max-width: 280px;
    }
     .nw-footer-bottom {
         flex-direction: column;
         gap: 7px;
         padding: 12px 0;
    }
     .nw-footer-bottom p:last-child {
         text-align: left;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 420px) {
     .nw-footer-main {
         grid-template-columns: 1fr;
         gap: 25px;
    }
     .nw-footer-column {
         width: 100%;
    }
}
/* Footer css end here */
/* header css start here */
/* ========================================================= NIRVAIR WEALTH GLOBAL HEADER ========================================================= */
 .nw-header {
     position: relative;
     z-index: 1000;
     width: 100%;
     background: #ffffff;
     border-bottom: 1px solid #e7ebf0;
}
/* ========================================================= HEADER CONTAINER ========================================================= */
 .nw-header-container {
     width: min(calc(100% - 40px), 1320px);
     padding: 6px ;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
/* ========================================================= LOGO ========================================================= */
 a.nw-header-logo img {
     width: 100px;
}
 a.custom-logo-link {
     display: inline-flex;
     align-items: center;
     text-decoration: none;
}
 a.custom-logo-link img {
     width: 70px;
     height: auto;
}
 a.nw-footer-logo img {
     width: 70px;
}
 .nw-header-logo {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--text-dark);
     text-decoration: none;
     white-space: nowrap;
}
 .nw-header-logo:hover {
     color: var(--text-dark);
}
/* ========================================================= LOGO MARK ========================================================= */
 .nw-header-logo-mark {
     width: 30px;
     height: 27px;
     display: inline-flex;
     align-items: flex-end;
     gap: 2px;
}
 .nw-header-logo-mark i {
     display: block;
     width: 5px;
     border-radius: 1px 1px 0 0;
     background: var(--text-dark);
}
 .nw-header-logo-mark i:nth-child(1) {
     height: 10px;
}
 .nw-header-logo-mark i:nth-child(2) {
     height: 18px;
}
 .nw-header-logo-mark i:nth-child(3) {
     height: 26px;
}
/* ========================================================= LOGO TEXT ========================================================= */
 .nw-header-logo-text {
     font-family: Georgia, "Times New Roman", serif;
     font-size: 21px;
     line-height: 1;
     font-weight: 700;
     letter-spacing: -0.5px;
}
 .nw-header-logo-text strong {
     color: #d9a82b;
     font-weight: 700;
}
/* ========================================================= DESKTOP NAV ========================================================= */
 .nw-header-nav {
     display: flex;
     align-items: center;
     gap: 34px;
}
/* ========================================================= NAV ITEMS ========================================================= */
 .nw-header-link {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 7px;
     padding: 10px 0;
     border: 0;
     border-bottom:2px solid transparent;
     background: transparent;
     color: var(--navy);
     font-size: 16px;
     line-height: 1.2;
     font-weight: 600;
     font-family: inherit;
     text-decoration: none;
     cursor: pointer;
     transition: color 0.2s ease;
     border-radius: 0 !important;
}
 .nw-header-link:hover {
     color: var(--gold);
}
 .nw-header-link.active {
     color: #d9a82b;
     border-bottom: 2px solid #d9a82b;
     padding-bottom: 6px;
}
 .nw-header-link.active:hover {
     color: #e5b740;
}
/* ========================================================= DROPDOWN ========================================================= */
 .nw-header-dropdown {
     position: relative;
}
/* ========================================================= DROPDOWN ARROW ========================================================= */
 .nw-header-dropdown-toggle i {
     font-size: 10px;
     line-height: 1;
     transition: transform 0.2s ease;
}
 .nw-header-dropdown-toggle.active {
     color: #d9a82b;
     border-bottom: 2px solid #d9a82b;
     padding-bottom: 6px;
}
 .nw-header-dropdown-toggle.active:hover {
     color: #e5b740;
}
 .nw-header-dropdown.open .nw-header-dropdown-toggle i {
     transform: rotate(180deg);
}
/* ========================================================= DROPDOWN MENU ========================================================= */
 .nw-header-dropdown-menu {
     position: absolute;
     top: calc(100% + 1px);
     left: 50%;
     width: 230px;
     padding: 8px;
     border: 1px solid #e4e9ef;
     border-radius: 8px;
     background: #ffffff;
     box-shadow: 0 18px 40px rgba(6, 27, 54, 0.13);
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transform: translate(-50%, -7px);
     transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}
/* ========================================================= DROPDOWN ARROW TIP ========================================================= */
 .nw-header-dropdown-menu::before {
     content: "";
     position: absolute;
     top: -5px;
     left: 50%;
     width: 16px;
     height: 16px;
     border-top: 1px solid #e4e9ef;
     border-left: 1px solid #e4e9ef;
     background: #ffffff;
     transform: translateX(-50%) rotate(45deg);
}
/* ========================================================= OPEN DROPDOWN ========================================================= */
 .nw-header-dropdown.open .nw-header-dropdown-menu {
     display: block;
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
     transform: translate(-50%, 0);
}
/* ========================================================= DROPDOWN LINKS ========================================================= */
 .nw-header-dropdown-menu a {
     display: flex;
     align-items: center;
     min-height: 40px;
     padding: 0 13px;
     border-radius: 6px;
     color: #344054;
     font-size: 14px;
     line-height: 1.3;
     font-weight: 500;
     text-decoration: none;
     transition: color 0.18s ease, background 0.18s ease;
}
 .nw-header-dropdown-menu a:hover {
     color: var(--gold);
     background: #fff4cd;
}
 .nw-header-dropdown-menu a.active {
     font-weight: bold;
    /* background-color: var(--gold);
     */
     color: var(--gold-dark);
}
/* ========================================================= CONTACT BUTTON ========================================================= */
/* ========================================================= MOBILE BUTTON ========================================================= */
 .nw-header-mobile-btn {
     display: none;
     width: 36px;
     height: 36px;
     padding: 0;
     border: 1px solid #e1e6ec;
     border-radius: 6px;
     background: #ffffff;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 4px;
     cursor: pointer;
}
 .nw-header-mobile-btn span {
     display: block;
     width: 20px;
     height: 2.2px;
     background: var(--text-dark);
     transition: transform 0.2s ease, opacity 0.2s ease;
}
/* ========================================================= MOBILE MENU ========================================================= */
/* ===================================================== HAMBURGER → X ===================================================== */
 .nw-header-mobile-btn.open span:nth-child(1) {
     transform: translateY(6px) rotate(45deg);
}
 .nw-header-mobile-btn.open span:nth-child(2) {
     opacity: 0;
}
 .nw-header-mobile-btn.open span:nth-child(3) {
     transform: translateY(-6px) rotate(-45deg);
}
 .nw-header-mobile-menu {
     display: none;
     width: min(calc(100% - 40px), 1040px);
     margin: 0 auto;
     padding: 10px 0 20px;
     border-top: 1px solid #eef1f4;
}
/* ========================================================= MOBILE LINK ========================================================= */
 .nw-mobile-link {
     display: flex;
     align-items: center;
     min-height: 46px;
     padding: 0 4px;
     border-bottom: 1px solid #eef1f4;
     color: #15243a;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
}
 .nw-mobile-link:hover {
     color: #1769e0;
}
 .nw-mobile-link.active {
     color: #d9a82b;
     font-weight: 700;
}
 .nw-mobile-link.active:hover {
     color: #e5b740;
}
/* ========================================================= MOBILE DROPDOWN ========================================================= */
 .nw-mobile-dropdown {
     border-bottom: 1px solid #eef1f4;
}
 .nw-mobile-dropdown-toggle {
     width: 100%;
     min-height: 46px;
     padding: 0 4px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     border: 0;
     background: transparent;
     color: #15243a;
     font-size: 16px;
     font-weight: 600;
     font-family: inherit;
     cursor: pointer;
}
 .nw-mobile-dropdown-toggle i {
     font-size: 10px;
     transition: transform 0.2s ease;
}
 .nw-mobile-dropdown-toggle.active {
     color: #d9a82b;
     font-weight: 700;
}
 .nw-mobile-dropdown-toggle.active:hover {
     color: #e5b740;
}
 .nw-mobile-dropdown.open .nw-mobile-dropdown-toggle i {
     transform: rotate(180deg);
}
/* ========================================================= MOBILE DROPDOWN MENU ========================================================= */
 .nw-mobile-dropdown-menu {
     display: none;
     padding: 2px 0 10px 14px;
}
 .nw-mobile-dropdown.open .nw-mobile-dropdown-menu {
     display: block;
}
 .nw-mobile-dropdown-menu a {
     display: flex;
     align-items: center;
     min-height: 38px;
     color: #667085;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
}
 .nw-mobile-dropdown-menu a:hover {
     color: #1769e0;
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 900px) {
     .nw-header-nav {
         gap: 22px;
    }
     .nw-header-link {
         font-size: 15px;
    }
    /* .nw-header-contact {
         font-size: 15px;
    }
     */
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 700px) {
     .nw-header-nav {
         display: none;
    }
     .nw-header-mobile-btn {
         display: flex;
    }
     .nw-header-mobile-menu.open {
         display: block;
         position: absolute;
         background: #fff;
         width: 100%;
         padding: 0 20px 30px 20px;
    }
     a.custom-logo-link img {
         width: 48px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 420px) {
     .nw-header-mobile-menu {
         width: calc(100% - 24px);
    }
     .nw-header-logo-text {
         font-size: 18px;
    }
}
/* header css end here */
/* Category css start here */
/* ===================================================== CATEGORY PAGE — GLOBAL ===================================================== */
 .nw-category-page {
     font-family: "Inter", sans-serif;
     background: #ffffff;
     color: #172033;
}
/* ===================================================== CATEGORY HERO MATCHES ABOUT PAGE HERO ===================================================== */
/* ===================================================== CATEGORY CONTENT SECTION ===================================================== */
/* ===================================================== 
/* ===================================================== CATEGORY GRID ===================================================== */
 .nw-category-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 22px;
}
/* ===================================================== CATEGORY CARD ===================================================== */
/* ===================================================== CATEGORY ICON ===================================================== */
 .nw-category-icon {
     width: 58px;
     height: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 22px;
     border-radius: 12px;
     font-size: 26px;
     transition: transform 0.25s ease;
}
/* ===================================================== TABLET ===================================================== */
 @media (max-width: 1199.98px) {
     .nw-category-grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
 @media (max-width: 991.98px) {
    /* Content */
     .nw-category-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 18px;
    }
}
/* ===================================================== MOBILE ===================================================== */
 @media (max-width: 767.98px) {
     .nw-category-grid {
         grid-template-columns: 1fr;
         gap: 15px;
    }
     .nw-category-icon {
         width: 52px;
         height: 52px;
         margin-bottom: 18px;
         font-size: 23px;
    }
     .nw-category-card h3 {
         font-size: 17px;
    }
     .nw-category-card p {
         font-size: 12px;
    }
}
/* ===================================================== SMALL MOBILE ===================================================== */
 @media (max-width: 480px) {
     .nw-category-card {
         padding: 21px;
    }
     .nw-category-card-action {
         padding-top: 18px;
    }
}
/* ========================================================= MISSION CARDS GRID ========================================================= */
 .nw-mission-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 20px;
     margin: 0 auto;
}
/* ========================================================= MISSION CARD ========================================================= */
 .nw-mission-card {
     position: relative;
     padding: 26px 24px 28px;
     background: #ffffff;
     border: 1px solid #dde5ec;
     border-radius: 14px;
     transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
 .nw-mission-card:hover {
     transform: translateY(-3px);
     border-color: #cbd6e0;
     box-shadow: 0 14px 35px rgba(6, 27, 54, 0.07);
}
/* ========================================================= CARD TITLE ========================================================= */
 .nw-mission-card h3 {
     margin: 0 0 22px;
     color: var(--text-dark);
     font-size: 20px;
     line-height: 1.2;
     font-weight: 800;
     letter-spacing: -0.7px;
}
/* ========================================================= CARD QUOTE ========================================================= */
 .nw-mission-card blockquote {
     position: relative;
     margin: 0 0 25px;
     padding: 4px 0 4px 18px;
     border-left: 3px solid #d9a72e;
     color: #52647a;
     font-size: 18px;
     line-height: 1.65;
     font-weight: 500;
     letter-spacing: -0.4px;
}
/* ========================================================= CARD DESCRIPTION ========================================================= */
 .nw-mission-card p {
     max-width: 620px;
     margin: 0;
     color: #53657a;
     font-size: 14px;
     line-height: 1.75;
     font-weight: 400;
}
/* ========================================================= SECOND CARD ALIGNMENT ========================================================= */
 .nw-mission-card:nth-child(2) {
     padding-right: 30px;
}
 .nw-mission-card:nth-child(2) p {
     padding-top: 2px;
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767.98px) {
     .nw-mission-grid {
         grid-template-columns: 1fr;
         gap: 16px;
    }
     .nw-mission-card {
         padding: 25px 22px 27px;
         border-radius: 14px;
    }
     .nw-mission-card h3 {
         margin-bottom: 18px;
         font-size: 18px;
    }
     .nw-mission-card blockquote {
         margin-bottom: 22px;
         padding-left: 15px;
         font-size: 16px;
         line-height: 1.55;
    }
     .nw-mission-card p {
         font-size: 14px;
         line-height: 1.7;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 575.98px) {
    /* .nw-mission-section {
         padding: 52px 0 56px;
    }
     */
    /* .nw-mission-title {
         font-size: 31px;
    }
     */
     .nw-mission-card {
         padding: 23px 20px 25px;
    }
}
/* ========================================================= NIRVAIR WEALTH — OUR MISSION SECTION — END ========================================================= */
/* ========================================================= APPROACH JOURNEY ========================================================= */
 .nw-approach-journey {
     position: relative;
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 18px;
     margin: 0 auto;
}
/* ========================================================= CONNECTING LINE ========================================================= */
 .nw-approach-line {
     position: absolute;
     top: 29px;
     left: 10%;
     right: 10%;
     height: 1px;
     background: #d3dce5;
     z-index: 0;
}
/* ========================================================= STEP CARD ========================================================= */
 .nw-approach-step {
     position: relative;
     min-height: 238px;
     padding: 24px 24px 27px;
     background: #ffffff;
     border: 1px solid #dce4eb;
     border-radius: 16px;
     z-index: 1;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
 .nw-approach-step:hover {
     transform: translateY(-5px);
     border-color: #c9d4de;
     box-shadow: 0 18px 42px rgba(6, 27, 54, 0.08);
}
/* ========================================================= STEP TOP ========================================================= */
 .nw-approach-step-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     margin-bottom: 30px;
}
/* ========================================================= STEP NUMBER ========================================================= */
 .nw-approach-step-number {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     flex: 0 0 48px;
     border: 5px solid #f7f9fb;
     border-radius: 50%;
     background: var(--text-dark);
     color: #ffffff;
     font-size: 13px;
     line-height: 1;
     font-weight: 800;
     box-shadow: 0 0 0 1px #d8e1e9;
}
/* ========================================================= STEP LABEL ========================================================= */
 .nw-approach-step-label {
     color: var(--gold);
     font-size: 12px;
     line-height: 1.2;
     font-weight: 800;
     letter-spacing: 1.15px;
     text-align: right;
}
/* ========================================================= STEP GOLD ACCENT ========================================================= */
 .nw-approach-step::after {
     content: "";
     position: absolute;
     left: 24px;
     bottom: 0;
     width: 42px;
     height: 3px;
     background: #d9a72e;
     border-radius: 5px 5px 0 0;
     opacity: 0;
     transform: scaleX(0.5);
     transform-origin: left;
     transition: opacity 0.3s ease, transform 0.3s ease;
}
 .nw-approach-step:hover::after {
     opacity: 1;
     transform: scaleX(1);
}
/* ========================================================= APPROACH FOOTER ========================================================= */
 .nw-approach-footer {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     margin-top: 40px;
}
 .nw-approach-footer-line {
     width: 32px;
     height: 1px;
     background: #c89622;
}
 .nw-approach-footer p {
     margin: 0;
     color: #738397;
     font-size: 13px;
     line-height: 1.5;
     font-weight: 500;
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991.98px) {
     .nw-approach-journey {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 16px;
    }
     .nw-approach-line {
         display: none;
    }
     .nw-approach-step {
         min-height: 220px;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767.98px) {
     .nw-approach-journey {
         display: flex;
         flex-direction: column;
         gap: 12px;
    }
     .nw-approach-step {
         min-height: auto;
         padding: 21px 21px 25px;
         border-radius: 14px;
    }
     .nw-approach-step-top {
         margin-bottom: 20px;
    }
     .nw-approach-step-number {
         width: 43px;
         height: 43px;
         flex-basis: 43px;
         font-size: 12px;
    }
     .nw-approach-step-label {
         font-size: 8px;
         letter-spacing: 1px;
    }
     .nw-approach-footer {
         margin-top: 30px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 575.98px) {
     .nw-approach-step {
         padding: 20px 19px 23px;
    }
}
/* ========================================================= TOPICS GRID ========================================================= */
 .nw-topics-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin: 0 auto;
}
/* ========================================================= TOPIC CARD ========================================================= */
 .nw-topic-card {
     position: relative;
     min-height: 180px;
     padding: 24px;
     background: #ffffff;
     border: 1px solid #dde5ec;
     border-radius: 14px;
     transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
 .nw-topic-card:hover {
     transform: translateY(-4px);
     border-color: #cbd6e0;
     box-shadow: 0 16px 36px rgba(6, 27, 54, 0.07);
}
/* ========================================================= GOLD CARD ACCENT ========================================================= */
 .nw-topic-card::after {
     content: "";
     position: absolute;
     left: 21px;
     bottom: 0;
     width: 34px;
     height: 3px;
     background: #d9a72e;
     border-radius: 4px 4px 0 0;
     opacity: 0;
     transform: scaleX(0.5);
     transform-origin: left;
     transition: opacity 0.25s ease, transform 0.25s ease;
}
 .nw-topic-card:hover::after {
     opacity: 1;
     transform: scaleX(1);
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991.98px) {
     .nw-topics-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 16px;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767.98px) {
     .nw-topics-grid {
         grid-template-columns: 1fr;
         gap: 13px;
    }
     .nw-topic-card {
         min-height: auto;
         padding: 20px;
         border-radius: 14px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 575.98px) {
     .nw-topic-card {
         padding: 16px;
    }
}
/* ========================================================= PATHWAY PANEL ========================================================= */
 .nw-pathway-panel {
     position: relative;
     margin: 0 auto;
     padding: 28px 30px 30px;
     background: var(--text-dark);
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: 14px;
     overflow: hidden;
     box-shadow: 0 18px 45px rgba(6, 27, 54, 0.12);
}
/* subtle background glow */
 .nw-pathway-panel::after {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     top: -220px;
     right: -100px;
     border: 1px solid rgba(255, 255, 255, 0.06);
     border-radius: 50%;
     pointer-events: none;
}
/* ========================================================= PATHWAY KICKER ========================================================= */
 .nw-pathway-kicker {
     display: inline-block;
     margin-bottom: 7px;
     color: #f5b62e;
     font-size: 10px;
     line-height: 1.3;
     font-weight: 800;
     letter-spacing: 1.35px;
     text-transform: uppercase;
}
/* ========================================================= PATHWAY GRID ========================================================= */
 .nw-pathway-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: repeat(5, minmax(0, 1fr));
     gap: 16px;
}
/* ========================================================= PATHWAY ITEM ========================================================= */
 .nw-pathway-item {
     min-height: 98px;
     padding: 20px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 8px;
     background: rgba(255, 255, 255, 0.025);
     transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
 .nw-pathway-item:hover {
     background: rgba(255, 255, 255, 0.06);
     border-color: rgba(245, 182, 46, 0.35);
     transform: translateY(-2px);
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991.98px) {
     .nw-pathway-panel {
         padding: 28px;
    }
     .nw-pathway-grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767.98px) {
    /* .nw-pathway-section {
         padding: 62px 0;
    }
     */
     .nw-pathway-panel {
         padding: 25px 20px 20px;
         border-radius: 14px;
    }
     .nw-pathway-kicker {
         font-size: 9px;
         letter-spacing: 1.1px;
    }
     .nw-pathway-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 575.98px) {
     .nw-pathway-panel {
         padding: 23px 16px 17px;
    }
     .nw-pathway-grid {
         grid-template-columns: 1fr;
    }
}
/* ========================================================= NIRVAIR WEALTH — WEALTH PATHWAY SECTION — END ========================================================= */
/* ========================================================= PRINCIPLES PANEL — START ========================================================= */
 .nw-principles-panel {
     position: relative;
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     margin: 0 auto;
     background: var(--text-dark);
     border-radius: 18px;
     overflow: hidden;
     box-shadow: 0 20px 50px rgba(6, 27, 54, 0.14);
}
/* ========================================================= SUBTLE PANEL DECORATION ========================================================= */
 .nw-principles-panel::before {
     content: "";
     position: absolute;
     width: 360px;
     height: 360px;
     top: -290px;
     right: -80px;
     border: 1px solid rgba(255, 255, 255, 0.07);
     border-radius: 50%;
     pointer-events: none;
}
/* ========================================================= PRINCIPLE ITEM ========================================================= */
 .nw-principle {
     position: relative;
     min-height: 215px;
     padding: 30px 30px 32px;
     z-index: 1;
}
/* ========================================================= VERTICAL DIVIDER ========================================================= */
 .nw-principle:not(:last-child)::after {
     content: "";
     position: absolute;
     top: 30px;
     right: 0;
     width: 1px;
     height: calc(100% - 60px);
     background: rgba(255, 255, 255, 0.1);
}
/* ========================================================= NUMBER ========================================================= */
 .nw-principle-number {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 36px;
     height: 36px;
     margin-bottom: 24px;
     border: 1px solid rgba(245, 182, 46, 0.4);
     border-radius: 50%;
     color: #f5b62e;
     font-size: 10px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 0.5px;
}
/* ========================================================= GOLD BOTTOM ACCENT ========================================================= */
 .nw-principle::before {
     content: "";
     position: absolute;
     left: 30px;
     bottom: 0;
     width: 38px;
     height: 3px;
     background: #f5b62e;
     border-radius: 5px 5px 0 0;
     opacity: 0.75;
}
/* ========================================================= HOVER ========================================================= */
 .nw-principle {
     transition: background 0.25s ease;
}
 .nw-principle:hover {
     background: rgba(255, 255, 255, 0.025);
}
/* ========================================================= DISCLOSURE — START ========================================================= */
 .nw-disclosure {
     display: flex;
     align-items: flex-start;
     gap: 15px;
    /* margin: 22px auto 0;
     */
     padding: 20px 22px;
     background: #ffffff;
     border: 1px solid #dce4eb;
     border-radius: 14px;
}
/* ========================================================= DISCLOSURE ICON ========================================================= */
 .nw-disclosure-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 34px;
     height: 34px;
     flex: 0 0 34px;
     border-radius: 50%;
     background: #f7f9fb;
     color: #b27b0b;
     font-size: 15px;
}
/* ========================================================= DISCLOSURE CONTENT ========================================================= */
 .nw-disclosure-content {
     flex: 1;
}
 .nw-disclosure-label {
     display: inline;
     color: var(--text-dark);
     font-size: 14px;
     line-height: 1.6;
     font-weight: 800;
}
 .nw-disclosure-content p {
     display: inline;
     margin: 0;
     color: #65768a;
     font-size: 14px;
     line-height: 1.65;
     font-weight: 400;
}
/* ========================================================= TABLET ========================================================= */
 @media (max-width: 991.98px) {
    /* .nw-principles-section {
         padding: 72px 0 78px;
    }
     */
     .nw-principles-panel {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
     .nw-principle {
         padding: 26px 22px 29px;
    }
     .nw-principle:not(:last-child)::after {
         top: 26px;
         height: calc(100% - 52px);
    }
     .nw-principle::before {
         left: 22px;
    }
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767.98px) {
    /* .nw-principles-section {
         padding: 62px 0 66px;
    }
     */
     .nw-principles-panel {
         grid-template-columns: 1fr;
         border-radius: 16px;
    }
     .nw-principle {
         min-height: auto;
         padding: 25px 22px 29px;
    }
     .nw-principle:not(:last-child)::after {
         top: auto;
         right: 22px;
         bottom: 0;
         width: calc(100% - 44px);
         height: 1px;
    }
     .nw-principle-number {
         width: 34px;
         height: 34px;
         margin-bottom: 18px;
    }
     .nw-principle::before {
         display: none;
    }
    /* DISCLOSURE */
     .nw-disclosure {
         gap: 12px;
         margin-top: 16px;
         padding: 17px;
         border-radius: 12px;
    }
     .nw-disclosure-icon {
         width: 30px;
         height: 30px;
         flex-basis: 30px;
         font-size: 13px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 575.98px) {
    /* .nw-principles-section {
         padding: 54px 0 58px;
    }
     */
     .nw-principle {
         padding: 23px 19px 27px;
    }
     .nw-principle:not(:last-child)::after {
         right: 19px;
         width: calc(100% - 38px);
    }
     .nw-disclosure {
         padding: 15px;
    }
}
/* ========================================================= NIRVAIR WEALTH — PROTECT / GROW / EMPOWER — END ========================================================= */
/* ABout us css end here */
/* ========================================================= LESSON DETAILS PAGE ========================================================= */
 .nw-lesson-metadata-content {
     display: flex;
     align-items: center;
     gap: 40px;
     flex-wrap: wrap;
     padding-top: 24px;
}
 .nw-lesson-meta-item {
     display: flex;
     align-items: center;
     gap: 8px;
}
 .nw-lesson-meta-label {
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0.5px;
     color: var(--nw-color-text-light);
}
 .nw-lesson-meta-value {
     font-size: 14px;
     font-weight: 500;
     color: var(--nw-color-text);
}
 .nw-lesson-category-badge {
     font-size: 14px;
     font-weight: 500;
     color: var(--nw-color-text);
}
/* Featured Image Section */
 .nw-lesson-featured-image {
     padding: 40px 0;
     background: #ffffff;
}
 .nw-lesson-featured-image-wrapper {
     width: 100%;
     margin: 0 auto;
     border-radius: 12px;
     overflow: hidden;
}
 .nw-lesson-featured-image-wrapper img {
    width: 100%;
    display: block;
    height: 360px;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
 .nw-lesson-content-wrapper {
     margin: 0 auto;
}
 .entry-content {
     color: var(--nw-color-text);
     font-size: 16px;
     line-height: 1.8;
     margin-bottom: 40px;
}
 .entry-content p {
     margin-bottom: 24px;
}
 .entry-content h2 {
     margin-top: 36px;
     margin-bottom: 18px;
     font-size: 28px;
     font-weight: 800;
     letter-spacing: -1px;
     color: var(--nw-color-navy);
}
 .entry-content h3 {
     margin-top: 28px;
     margin-bottom: 14px;
     font-size: 22px;
     font-weight: 700;
     letter-spacing: -0.5px;
     color: var(--nw-color-navy);
}
 .entry-content ul, .entry-content ol {
     margin: 20px 0;
     padding-left: 24px;
}
 .entry-content li {
     margin-bottom: 12px;
}
 .entry-content blockquote {
     margin: 30px 0;
     padding: 24px 30px;
     border-left: 4px solid var(--nw-color-primary);
     background: var(--nw-color-soft);
     font-style: italic;
     color: var(--nw-color-text-muted);
}
 .entry-content code {
     padding: 2px 6px;
     background: #f0f3f7;
     border-radius: 4px;
     font-family: "Courier New", monospace;
     font-size: 14px;
     color: #c0392b;
}
 .entry-content pre {
     background: #2d3748;
     color: #e2e8f0;
     padding: 20px;
     border-radius: 8px;
     overflow-x: auto;
     margin: 24px 0;
}
 .entry-content pre code {
     background: none;
     padding: 0;
     color: inherit;
}
 .entry-content img {
     max-width: 100%;
     height: auto;
     margin: 30px 0;
     border-radius: 8px;
}
 .entry-content a {
     color: var(--nw-color-primary);
     text-decoration: none;
     border-bottom: 1px solid transparent;
     transition: all 0.3s ease;
}
 .entry-content a:hover {
     border-bottom-color: var(--nw-color-primary);
}
/* Tags Section */
 .nw-lesson-tags {
     display: flex;
     align-items: center;
     gap: 16px;
     margin: 40px 0;
     padding: 24px 0;
     border-top: 1px solid var(--nw-color-border);
     border-bottom: 1px solid var(--nw-color-border);
}
 .nw-lesson-tags-label {
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 0.8px;
     text-transform: uppercase;
     color: var(--nw-color-text-light);
     white-space: nowrap;
}
 .nw-lesson-tags-list {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
}
 .nw-lesson-tag {
     display: inline-block;
     padding: 6px 14px;
     background: var(--nw-color-soft);
     border: 1px solid var(--nw-color-border);
     border-radius: 20px;
     font-size: 13px;
     font-weight: 500;
     color: var(--nw-color-text);
     text-decoration: none;
     transition: all 0.3s ease;
}
 .nw-lesson-tag:hover {
     background: var(--nw-color-primary);
     border-color: var(--nw-color-primary);
     color: #ffffff;
}
/* Navigation Section */
 .nw-lesson-navigation {
     margin-top: 60px;
     padding-top: 40px;
     border-top: 2px solid var(--nw-color-border);
}
 .nw-lesson-nav-links {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}
 .nw-lesson-nav-links > a {
     display: flex;
     flex-direction: column;
     gap: 8px;
     padding: 20px;
     background: var(--nw-color-soft);
     border-radius: 10px;
     text-decoration: none;
     transition: all 0.3s ease;
}
 .nw-lesson-nav-links > a:hover {
     background: var(--nw-color-border);
     transform: translateX(4px);
}
 .nw-lesson-nav-links .nw-lesson-nav-prev:hover {
     transform: translateX(-4px);
}
 .nw-lesson-nav-label {
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.8px;
     text-transform: uppercase;
     color: var(--nw-color-text-light);
}
 .nw-lesson-nav-title {
     font-size: 16px;
     font-weight: 700;
     color: var(--nw-color-navy);
     line-height: 1.4;
}
 .nw-lesson-nav-links > a:hover .nw-lesson-nav-title {
     color: var(--nw-color-primary);
}
/* Edit Link */
 .entry-footer .edit-link {
     margin-top: 30px;
     padding-top: 30px;
     border-top: 1px solid var(--nw-color-border);
}
 .entry-footer .edit-link a {
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: var(--nw-color-text-light);
     border-bottom: 1px solid transparent;
     transition: all 0.3s ease;
}
 .entry-footer .edit-link a:hover {
     color: var(--nw-color-primary);
     border-bottom-color: var(--nw-color-primary);
}
/* Page Links */
 .page-links {
     display: flex;
     align-items: center;
     gap: 12px;
     margin: 40px 0;
     padding: 20px;
     background: var(--nw-color-soft);
     border-radius: 8px;
     justify-content: center;
}
 .page-links span {
     padding: 6px 12px;
     border: 1px solid var(--nw-color-border);
     border-radius: 4px;
     font-size: 13px;
     font-weight: 500;
     background: #ffffff;
}
 .page-links a {
     padding: 6px 12px;
     border: 1px solid var(--nw-color-primary);
     border-radius: 4px;
     background: #ffffff;
     font-size: 13px;
     font-weight: 500;
     color: var(--nw-color-primary);
     text-decoration: none;
     transition: all 0.3s ease;
}
 .page-links a:hover {
     background: var(--nw-color-primary);
     color: #ffffff;
}
/* Tablet Responsive */
 @media (max-width: 991.98px) {
     .nw-lesson-metadata-content {
         gap: 30px;
    }
     .nw-lesson-featured-image {
         padding: 30px 0;
    }
     .entry-content {
         font-size: 15px;
    }
     .entry-content h2 {
         font-size: 24px;
         margin-top: 32px;
    }
     .entry-content h3 {
         font-size: 20px;
    }
     .nw-lesson-nav-links {
         gap: 20px;
    }
}
/* Mobile Responsive */
 @media (max-width: 767.98px) {
     .nw-lesson-metadata-content {
         flex-direction: column;
         align-items: flex-start;
         gap: 16px;
    }
     .nw-lesson-featured-image {
         padding: 24px 0;
    }
     .nw-lesson-content-wrapper {
         max-width: 100%;
    }
     .entry-content {
         font-size: 14px;
         line-height: 1.7;
    }
     .entry-content p {
         margin-bottom: 18px;
    }
     .entry-content h2 {
         font-size: 22px;
         margin-top: 28px;
         margin-bottom: 14px;
    }
     .entry-content h3 {
         font-size: 18px;
         margin-top: 22px;
    }
     .entry-content blockquote {
         padding: 18px 20px;
    }
     .nw-lesson-tags {
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
         margin: 30px 0;
         padding: 20px 0;
    }
     .nw-lesson-nav-links {
         grid-template-columns: 1fr;
         gap: 16px;
    }
}
/* Small Mobile Responsive */
 @media (max-width: 575.98px) {
     .nw-lesson-metadata-content {
         gap: 12px;
    }
     .nw-lesson-meta-label {
         font-size: 11px;
    }
     .nw-lesson-meta-value {
         font-size: 13px;
    }
     .nw-lesson-featured-image-wrapper {
         border-radius: 8px;
    }
     .entry-content {
         font-size: 13px;
    }
     .entry-content h2 {
         font-size: 20px;
    }
     .entry-content h3 {
         font-size: 16px;
    }
     .entry-content ul, .entry-content ol {
         padding-left: 18px;
    }
     .nw-lesson-tags {
         padding: 16px 0;
    }
     .nw-lesson-tag {
         font-size: 12px;
         padding: 5px 12px;
    }
     .nw-lesson-navigation {
         margin-top: 40px;
         padding-top: 30px;
    }
     .nw-lesson-nav-label {
         font-size: 10px;
    }
     .nw-lesson-nav-title {
         font-size: 14px;
    }
}
/* ========================================================= LESSON SHARE SECTION ========================================================= */
 .nw-lesson-share {
     display: flex;
     align-items: center;
     gap: 20px;
     border-radius: 12px;
     flex-wrap: wrap;
}
 .nw-lesson-share-label {
     font-size: 16px;
     font-weight: 700;
     color: var(--nw-color-navy);
     white-space: nowrap;
}
 .nw-lesson-share-buttons {
     display: flex;
     align-items: center;
     gap: 12px;
     flex-wrap: wrap;
}
 .nw-lesson-share-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 10px 16px;
     background: #ffffff;
     border: 1.5px solid var(--nw-color-border);
     border-radius: 24px;
     font-size: 13px;
     font-weight: 600;
     color: var(--nw-color-text);
     text-decoration: none;
     cursor: pointer;
     transition: all 0.3s ease;
     white-space: nowrap;
}
 .nw-lesson-share-btn i {
     font-size: 16px;
}
 .nw-lesson-share-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
/* Facebook */
 .nw-share-facebook {
     border-color: #1877f2;
     color: #1877f2;
}
 .nw-share-facebook:hover {
     background: #1877f2;
     color: #ffffff;
}
/* Twitter/X */
 .nw-share-twitter {
     border-color: #000000;
     color: #000000;
}
 .nw-share-twitter:hover {
     background: #000000;
     color: #ffffff;
}
/* LinkedIn */
 .nw-share-linkedin {
     border-color: #0a66c2;
     color: #0a66c2;
}
 .nw-share-linkedin:hover {
     background: #0a66c2;
     color: #ffffff;
}
/* WhatsApp */
 .nw-share-whatsapp {
     border-color: #25d366;
     color: #25d366;
}
 .nw-share-whatsapp:hover {
     background: #25d366;
     color: #ffffff;
}
/* Copy Link */
 .nw-share-copy-link {
     border-color: var(--nw-color-primary);
     color: var(--nw-color-primary);
}
 .nw-share-copy-link:hover {
     background: var(--nw-color-primary);
     color: #ffffff;
}
 .nw-share-copy-link.copied {
     background: var(--nw-color-success);
     border-color: var(--nw-color-success);
     color: #ffffff;
}
/* Tablet Responsive */
 @media (max-width: 991.98px) {
     .nw-lesson-share {
         padding: 24px;
         gap: 16px;
    }
     .nw-lesson-share-label {
         font-size: 15px;
    }
     .nw-lesson-share-btn {
         font-size: 12px;
         padding: 9px 14px;
    }
}
/* Mobile Responsive */
 @media (max-width: 767.98px) {
     .nw-lesson-share {
         padding: 20px;
         gap: 10px;
    }
     .nw-lesson-share-label {
         font-size: 14px;
         width: 100%;
         margin-bottom: 10px;
    }
     .nw-lesson-share-buttons {
         width: 100%;
         gap: 8px;
    }
     .nw-lesson-share-btn {
         flex: 1;
         min-width: calc(50% - 4px);
         font-size: 11px;
         padding: 8px 12px;
    }
     .nw-lesson-share-btn span {
         display: none;
    }
     .nw-lesson-share-btn i {
         font-size: 18px;
    }
}
/* Small Mobile Responsive */
 @media (max-width: 575.98px) {
     .nw-lesson-share {
         padding: 16px;
    }
     .nw-lesson-share-btn {
         min-width: calc(33.333% - 8px);
    }
}
/* ========================================================= MORE LESSONS LIKE THIS SECTION ========================================================= */
 .nw-more-lessons-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
}
 .nw-lesson-card {
     display: flex;
     flex-direction: column;
     background: #ffffff;
     border-radius: 12px;
     overflow: hidden;
     text-decoration: none;
     transition: all 0.3s ease;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
 .nw-lesson-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
 .nw-lesson-card-image {
     position: relative;
     width: 100%;
     aspect-ratio: 16 / 10;
     overflow: hidden;
     background: #e7ebf0;
}
 .nw-lesson-card-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
}
 .nw-lesson-card:hover .nw-lesson-card-image img {
     transform: scale(1.05);
}
 .nw-lesson-card-meta {
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
}
 .nw-lesson-card-meta span {
     display: flex;
     align-items: center;
     gap: 6px;
     font-size: 12px;
     color: var(--nw-color-text-light);
     font-weight: 500;
}
 .nw-lesson-card-meta i {
     font-size: 14px;
}
 .nw-lesson-card-title {
     font-size: 16px;
     font-weight: 700;
     line-height: 1.4;
     color: var(--nw-color-navy);
     margin: 0;
     transition: color 0.3s ease;
}
 .nw-lesson-card:hover .nw-lesson-card-title {
     color: var(--nw-color-primary);
}
 .nw-no-related-lessons {
     grid-column: 1 / -1;
     text-align: center;
     padding: 40px 20px;
     color: var(--nw-color-text-muted);
     font-size: 16px;
}
/* Tablet Responsive */
 @media (max-width: 991.98px) {
     .nw-more-lessons-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
    }
     .nw-lesson-card-title {
         font-size: 15px;
    }
}
/* Mobile Responsive */
 @media (max-width: 767.98px) {
     .nw-more-lessons-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
    }
     .nw-lesson-card-title {
         font-size: 14px;
    }
}
/* Small Mobile Responsive */
 @media (max-width: 575.98px) {
     .nw-more-lessons-grid {
         grid-template-columns: 1fr;
         gap: 12px;
    }
     .nw-lesson-card-image {
         aspect-ratio: 16 / 8;
    }
     .nw-lesson-card-title {
         font-size: 13px;
    }
     .nw-lesson-card-meta {
         gap: 12px;
    }
}


/* 404 page css start here */
/* ========================================================= 404 PAGE — NIRVAIR WEALTH Works with existing 404 HTML structure ========================================================= */
 .error-404 {
     position: relative;
     overflow: hidden;
     min-height: 520px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin: 60px auto;
     padding: 60px;
     background: var(--navy);
     border-radius: 14px;
     text-align: center;
     font-family: "Inter", sans-serif;
     box-shadow: 0 20px 50px rgba(6, 27, 54, 0.12);
}
.page-header img{
  max-width: 490px;
  width: 100%;
}
/* ========================================================= DECORATIVE CIRCLES ========================================================= */
 .error-404::before {
     content: "";
     position: absolute;
     width: 420px;
     height: 420px;
     top: -220px;
     right: -180px;
     border: 1px solid rgba(228, 184, 61, 0.15);
     border-radius: 50%;
     pointer-events: none;
}
 .error-404::after {
     content: "";
     position: absolute;
     width: 260px;
     height: 260px;
     bottom: -150px;
     left: -120px;
     border: 1px solid rgba(255, 255, 255, 0.07);
     border-radius: 50%;
     pointer-events: none;
}
/* ========================================================= TITLE ========================================================= */
 .error-404 .page-title {
     margin: 0;
     color: #FFFFFF;
     font-size: clamp(27px, 4vw, 40px);
     line-height: 1.2;
     font-weight: 800;
     letter-spacing: -1.2px;
}
/* ========================================================= CONTENT ========================================================= */
 .error-404 .page-content {
     position: relative;
     z-index: 2;
     max-width: 520px;
     margin-top: 18px;
     text-align: center;
}
 .error-404 .page-content p {
     margin: 0;
     color: #C4CFDC;
     font-size: 16px;
     line-height: 1.8;
     font-weight: 400;
}
/* ========================================================= BUTTON AREA ========================================================= */
 .error-404 .error-links {
     margin-top: 30px;
}

/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767px) {

     .error-404 {
         min-height: 430px;
         margin: 30px auto;
         padding: 40px;
         border-radius: 10px;
    }
     .error-404::before {
         width: 300px;
         height: 300px;
         top: -170px;
         right: -160px;
    }
     .error-404::after {
         width: 200px;
         height: 200px;
         bottom: -120px;
         left: -100px;
    }
     .error-404 .page-title {
         font-size: 27px;
         letter-spacing: -.8px;
    }
     .error-404 .page-content {
         margin-top: 15px;
    }
     .error-404 .error-links {
         margin-top: 25px;
    }
     .error-404 .error-links .button {
         min-height: 45px;
         padding: 12px 21px;
         font-size: 10px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .error-404 {
         min-height: 400px;
         padding: 20px;
    }
     .error-404 .page-title {
         font-size: 24px;
    }
}

/* 404 page css end here */


/* pagination css start here */
/* ========================================================= POSTS PAGINATION — NIRVAIR WEALTH ========================================================= */
 .posts-pagination {
     width: 100%;
     margin: 55px 0 20px;
}
/* Remove default nested navigation spacing */
 .posts-pagination .navigation.pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
/* Hide WordPress accessibility heading visually */
 .posts-pagination .screen-reader-text {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
}
/* ========================================================= PAGINATION LINKS WRAPPER ========================================================= */
 .posts-pagination .nav-links {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 7px;
     padding: 6px;
     background: #F5F7FA;
     border: 1px solid #E1E6EC;
     border-radius: 9px;
}
/* ========================================================= ALL PAGE NUMBERS ========================================================= */
 .posts-pagination .page-numbers {
     min-width: 40px;
     height: 40px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0 12px;
     border: 1px solid transparent;
     border-radius: 6px;
     background: transparent;
     color: #667085;
     font-family: "Inter", sans-serif;
     font-size: 11px;
     line-height: 1;
     font-weight: 700;
     text-decoration: none;
     transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
/* ========================================================= NORMAL PAGE HOVER ========================================================= */
 .posts-pagination a.page-numbers:hover {
     background: #FFFFFF;
     border-color: #D7DEE7;
     color: #1769E0;
     transform: translateY(-1px);
}
/* ========================================================= CURRENT PAGE ========================================================= */
 .posts-pagination .page-numbers.current {
     background: #061B36;
     border-color: #061B36;
     color: #FFFFFF;
     box-shadow: 0 4px 10px rgba(6, 27, 54, .12);
}
/* ========================================================= PREVIOUS / NEXT ========================================================= */
 .posts-pagination .page-numbers.prev, .posts-pagination .page-numbers.next {
     min-width: auto;
     padding: 0 17px;
     background: #FFFFFF;
     border-color: #D7DEE7;
     color: #061B36;
     font-size: 14px;
}
 .posts-pagination .page-numbers.prev:hover, .posts-pagination .page-numbers.next:hover {
     background: #061B36;
     border-color: #061B36;
     color: #FFFFFF;
}
/* ========================================================= NEXT ARROW ========================================================= */
 .posts-pagination .page-numbers.next::after {
     content: "→";
     margin-left: 7px;
     font-size: 14px;
     transition: transform .2s ease;
}
 .posts-pagination .page-numbers.next:hover::after {
     transform: translateX(3px);
}
/* ========================================================= PREVIOUS ARROW ========================================================= */
 .posts-pagination .page-numbers.prev::before {
     content: "←";
     margin-right: 7px;
     font-size: 14px;
     transition: transform .2s ease;
}
 .posts-pagination .page-numbers.prev:hover::before {
     transform: translateX(-3px);
}
/* ========================================================= DISABLED / NON-LINK CURRENT STATES ========================================================= */
 .posts-pagination span.page-numbers:not(.current) {
     color: #A0AAB7;
     cursor: default;
}
/* ========================================================= MOBILE ========================================================= */
 @media (max-width: 767px) {
     .posts-pagination {
         margin: 40px 0 15px;
    }
     .posts-pagination .nav-links {
         gap: 5px;
         padding: 5px;
         border-radius: 8px;
    }
     .posts-pagination .page-numbers {
         min-width: 36px;
         height: 36px;
         padding: 0 10px;
         font-size: 10px;
    }
     .posts-pagination .page-numbers.prev, .posts-pagination .page-numbers.next {
         padding: 0 12px;
         font-size: 12px;
    }
}
/* ========================================================= SMALL MOBILE ========================================================= */
 @media (max-width: 480px) {
     .posts-pagination .page-numbers {
         min-width: 34px;
         height: 34px;
         padding: 0 8px;
         font-size: 9px;
    }
     .posts-pagination .page-numbers.prev, .posts-pagination .page-numbers.next {
         padding: 0 10px;
         font-size: 10px;
    }
    .nw-mobile-dropdown-menu{
        padding:0 4px;
    }
}

/* pagination css end here */


.nw-mobile-dropdown-menu a.active {
 font-weight: bold;
     color: var(--gold);
 }

.nw-mobile-dropdown-menu a.active {
 font-weight: bold;
     color: var(--gold);
 }


 .nw-footer-column a.active, .nw-footer-bottom a.active {
 font-weight: bold;
    color: var(--gold);
 }