/**
 * TNF homepage — unified spacing, typography, and alignment
 */
.tnf-homepage {
    --tnf-section-y: clamp(3rem, 5vw, 4.75rem);
    --tnf-section-title-gap: clamp(1.5rem, 2.75vw, 2.25rem);
    --tnf-subtitle: clamp(1.0625rem, 1.55vw, 1.1875rem);
    --tnf-heading: #1f2b40;
    --tnf-body: #656a7b;
    --tnf-title: clamp(1.75rem, 2.8vw, 2.5rem);
    --tnf-lead: clamp(1rem, 1.4vw, 1.125rem);
    font-family: var(--fontFamily2, "Inter", sans-serif);
    color: var(--tnf-body);
    overflow-x: hidden;
}

/* Page builder rows: full-width sections, no extra gutters */
.tnf-homepage > .row {
    margin-left: 0;
    margin-right: 0;
}

.tnf-homepage > .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* Cancel stacked legacy margins; use section padding instead */
.tnf-homepage .section-margin,
.tnf-homepage .section-margin-lg,
.tnf-homepage .section-padding-sm,
.tnf-homepage .category {
    margin-top: 0 !important;
}

.tnf-homepage .section-padding-sm {
    padding-top: var(--tnf-section-y) !important;
    padding-bottom: var(--tnf-section-y) !important;
}

/* —— Unified section titles —— */
.tnf-homepage .section-title,
.tnf-homepage .section_head {
    text-align: center;
    margin-bottom: var(--tnf-section-title-gap);
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

.tnf-homepage .section-title h2,
.tnf-homepage .section_head h2,
.tnf-homepage .section__title h3 {
    font-family: var(--fontFamily1, "Plus Jakarta Sans", sans-serif);
    font-size: var(--tnf-title);
    font-weight: 800;
    line-height: 1.25;
    color: var(--tnf-heading);
    margin-bottom: 0.75rem;
}

.tnf-homepage .section-title p,
.tnf-homepage .section_head h5,
.tnf-homepage .section__title p {
    font-size: var(--tnf-lead);
    line-height: 1.6;
    color: var(--tnf-body);
    margin-bottom: 0;
}

.tnf-homepage .section-title {
    margin-bottom: var(--tnf-section-title-gap) !important;
}

/* —— Hero / slider —— */
.tnf-homepage .__banner,
.tnf-homepage > .row:first-child,
.tnf-home-hero-group {
    margin-bottom: 0;
}

body.tnf-home-page .__banner,
body.tnf-home-page .tnf-homepage > .row:first-child:has(.__banner),
.tnf-homepage > .row:first-child:has(.__banner) {
    position: relative;
    z-index: 1;
}

/* Hero slider layout — tnf-home-slider.css */

/* Key feature strip (UK-Wide Delivery etc.) — below hero, no overlap */
body.tnf-home-page .category_area,
.tnf-homepage .category_area {
    position: relative;
    z-index: 2;
    padding-top: 0 !important;
    margin-top: 0;
}

@media (max-width: 767.98px) {
    body.tnf-home-page .category_area .couses_category,
    .tnf-homepage .category_area .couses_category {
        display: none !important;
    }
}

.tnf-homepage .banner_area .container {
    width: 100%;
    max-width: 1320px;
    padding-top: 0;
}

.tnf-homepage .banner_area .container > .d-flex,
.tnf-homepage .banner_area .container > .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    align-items: flex-start;
}

/* Align hero copy with header container (remove Bootstrap offset indent) */
.tnf-homepage .banner_area [class*="offset-lg"],
.tnf-homepage .banner_area [class*="offset-xl"],
.tnf-homepage .banner_area [class*="offset-md"] {
    margin-left: 0 !important;
}

/* Legacy in-banner search (replaced by tnf-hero-search-strip) */
.tnf-homepage .tnf-hero-search,
body.tnf-home-page .tnf-hero-search {
    display: none;
}

/* Hero slider CTA/nav — see tnf-home-slider.css */

/* —— Featured strip (below hero) —— */
.tnf-homepage .featured-section,
body.tnf-home-page .featured-section {
    margin-top: 0 !important;
    padding-top: 5rem !important;
    padding-bottom: 4.5rem !important;
    scroll-margin-top: calc(var(--header-height, 88px) + 1rem);
}

.tnf-homepage .featured-section .container,
body.tnf-home-page .featured-section .container {
    max-width: 1320px;
}

.tnf-homepage .featured-wrap,
body.tnf-home-page .featured-wrap,
.tnf-homepage .featured-wrap.section-margin-lg,
body.tnf-home-page .featured-wrap.section-margin-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 12px;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.tnf-homepage .featured-card .content h4 {
    font-family: var(--fontFamily1, "Plus Jakarta Sans", sans-serif);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.tnf-homepage .featured-card .content p {
    font-size: 0.9375rem;
    line-height: 1.5;
    opacity: 0.9;
    margin: 0;
}

/* —— How to buy / “Your Path to Excellence” —— */
.tnf-homepage .modules_area,
body.tnf-home-page .modules_area {
    padding-top: 3rem !important;
    padding-bottom: 5rem !important;
    scroll-margin-top: calc(var(--header-height, 88px) + 1rem);
}

.tnf-homepage .modules_area .section__title,
body.tnf-home-page .modules_area .section__title {
    margin-bottom: 3.5rem !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.tnf-homepage .modules_area .section__title h3 {
    margin-bottom: 1.125rem;
}

.tnf-homepage .modules_area .section__title p {
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.tnf-homepage .modules_area .modile_main_wrap {
    margin-top: 0.5rem;
}

.tnf-homepage .modules_area > .container > .row + .row {
    margin-top: 0;
}

.tnf-homepage .modules_area .modile_main_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
}

@media (max-width: 991.98px) {
    .tnf-homepage .modules_area .modile_main_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .tnf-homepage .modules_area .modile_main_wrap {
        grid-template-columns: 1fr;
    }
}

.tnf-homepage .modules_area .single_module {
    height: 100%;
    padding: clamp(1.5rem, 2.5vw, 2rem);
    border-radius: 12px;
    border: 1px solid rgba(31, 43, 64, 0.08);
    box-shadow: 0 8px 24px rgba(31, 43, 64, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tnf-homepage .modules_area .single_module:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(31, 43, 64, 0.1);
}

.tnf-homepage .modules_area .single_module .icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnf-homepage .modules_area .single_module .icon img {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

.tnf-homepage .modules_area .single_module h3 {
    font-family: var(--fontFamily1, "Plus Jakarta Sans", sans-serif);
    font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
    font-weight: 700;
    color: var(--tnf-heading);
    margin-bottom: 0.5rem;
    line-height: 1.35;
}

.tnf-homepage .modules_area .single_module p {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--tnf-body);
}

/* —— Categories —— */
.tnf-homepage .category {
    padding-top: var(--tnf-section-y) !important;
    padding-bottom: var(--tnf-section-y) !important;
}

.tnf-homepage .category .container {
    max-width: 1320px;
}

.tnf-homepage .category .section-title h2 {
    margin-bottom: 0.75rem !important;
}

.tnf-homepage .category-item {
    border-radius: 12px;
    padding: clamp(1.25rem, 2vw, 2rem) 1.25rem;
}

/* —— Top Online Courses (home4) —— */
.tnf-homepage .course.tnf-top-online-courses,
.tnf-homepage .course.bg-white.tnf-top-online-courses {
    padding-top: var(--tnf-section-y);
    padding-bottom: var(--tnf-section-y);
    background-color: #eceffd !important;
}

.tnf-homepage .course .container {
    max-width: 1320px;
}

.tnf-homepage .course .section-subtitle {
    margin-bottom: 66px !important;
    border-radius: 25px !important;
    padding: 0 !important;
    overflow: hidden;
}

.tnf-homepage .course .section-subtitle > div {
    padding: 30px 35px 30px 41px;
    border-radius: 20px;
    border-bottom-left-radius: 42px;
}

.tnf-homepage .course .section-subtitle h3 {
    font-family: var(--fontFamily1, "Plus Jakarta Sans", sans-serif);
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 700;
    color: #fff !important;
}

.tnf-homepage .course-item {
    border-radius: 20px;
    margin-top: clamp(1rem, 2vw, 1.5rem);
}

/* —— Testimonials —— */
.tnf-homepage .tnf-testimonial-section,
body.tnf-home-page .tnf-testimonial-section {
    padding-top: 0 !important;
    padding-bottom: var(--tnf-section-y);
}

.tnf-homepage .testimonial {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.tnf-homepage .testimonial .container,
.tnf-homepage .testimonial .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
}

.tnf-homepage .testimonial-single {
    border-radius: 12px;
}

/* —— Blog —— */
.tnf-homepage .blog {
    padding-top: var(--tnf-section-y) !important;
    padding-bottom: var(--tnf-section-y) !important;
    margin-top: 0 !important;
}

.tnf-homepage .blog .container {
    max-width: 1320px;
}

.tnf-homepage .blog .section-title h2 {
    margin-bottom: 0.75rem !important;
}

.tnf-homepage .blog-single {
    border-radius: 12px;
}

/* —— FAQ —— */
.tnf-homepage .faq-section {
    padding-top: var(--tnf-section-y);
    padding-bottom: var(--tnf-section-y);
}

.tnf-homepage .faq-section .container {
    max-width: 900px;
}

.tnf-homepage .faq-section .row.justify-content-center {
    margin-bottom: 0 !important;
}

.tnf-homepage .faq-section .accordion {
    border-radius: 16px;
    padding: clamp(1.5rem, 3vw, 3rem);
    padding-top: clamp(2rem, 3.5vw, 3.5rem);
}

.tnf-homepage .faq-section .accordion .accordion-item .accordion-header button {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
}

/* —— Containers & alignment —— */
.tnf-homepage .container {
    padding-left: max(1rem, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: max(1rem, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
}

@media (min-width: 1400px) {
    .tnf-homepage .container {
        max-width: 1320px;
    }
}

/* Owl nav/dots on hero — tnf-home-slider.css */

/* —— Section rhythm & readable subtitles —— */
.tnf-homepage .section-title p,
.tnf-homepage .category .section-title p {
    font-size: var(--tnf-subtitle) !important;
    line-height: 1.65 !important;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    color: var(--tnf-body) !important;
}

.tnf-homepage .section_head h5 {
    font-size: var(--tnf-subtitle);
}

.tnf-homepage .category .section-title {
    margin-bottom: var(--tnf-section-title-gap) !important;
}

.tnf-homepage .category .section-title h2 {
    margin-bottom: 0.75rem !important;
}

/* Featured strip layout fixes */
.tnf-homepage .featured-wrap {
    border-radius: 16px;
    box-shadow: 0 24px 56px rgba(56, 72, 92, 0.18);
}

.tnf-homepage .featured-wrap .row,
.tnf-homepage .featured-wrap .row.-mt-24 {
    margin-top: 0 !important;
    --bs-gutter-x: clamp(1rem, 2.5vw, 1.5rem);
    --bs-gutter-y: clamp(1.25rem, 2.5vw, 1.75rem);
}

.tnf-homepage .featured-card {
    border-radius: 12px;
    min-height: 100%;
    align-items: center !important;
}

.tnf-homepage .featured-card .icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.tnf-homepage .modules_area .section__title p {
    font-size: var(--tnf-subtitle);
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
}

/* —— Top Categories (TNF home4) —— */
.tnf-homepage .tnf-top-categories {
    background-color: #eceffd;
    position: relative;
    z-index: 2;
    padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
    padding-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
    margin-top: 0 !important;
}

/* homepage_v4 hides non-active owl items — keep category cards visible */
.tnf-homepage .tnf-top-categories .category-slider.owl-carousel .owl-item,
body.tnf-home-page .tnf-top-categories .category-slider.owl-carousel .owl-item,
#tnfTopCategories .category-slider.owl-carousel .owl-item,
.tnf-top-categories-home4 .category-slider.owl-carousel .owl-item {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Clip carousel track — homepage_v4 sets .owl-stage-outer { overflow: visible } */
#tnfTopCategories .category-slider.owl-carousel .owl-stage-outer,
.tnf-top-categories-home4 .category-slider.owl-carousel .owl-stage-outer,
.tnf-homepage .tnf-top-categories .category-slider.owl-carousel .owl-stage-outer,
body.tnf-home-page .tnf-top-categories .category-slider.owl-carousel .owl-stage-outer {
    overflow: hidden !important;
}

/* Hide legacy browse-categories grid (Explore Career-Focused Training 2x2) on homepage */
.tnf-homepage .category_area > .container > .row.align-items-center,
.tnf-homepage .category_area .category_wiz,
body.tnf-home-page .category_area > .container > .row.align-items-center {
    display: none !important;
}

.tnf-homepage .category_area,
body.tnf-home-page .category_area,
.tnf-homepage .tnf-key-features-section,
body.tnf-home-page .tnf-key-features-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Key features strip removed (UK-Wide Delivery / Regulated Qualifications / Career Support) */
body.tnf-home-page .category_area .couses_category,
body.tnf-home-page .tnf-key-features-section .couses_category,
.tnf-homepage .category_area .couses_category,
.tnf-homepage .tnf-key-features-section .couses_category {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.tnf-homepage .tnf-top-categories,
body.tnf-home-page .tnf-top-categories {
    display: block !important;
    visibility: visible !important;
    min-height: 300px;
    z-index: 5;
    overflow: visible;
}

.tnf-homepage .tnf-top-categories .category-slider:not(.owl-loaded),
body.tnf-home-page .tnf-top-categories .category-slider:not(.owl-loaded) {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
}

.tnf-homepage .tnf-top-categories .section-title {
    margin-bottom: clamp(2rem, 3.5vw, 3.125rem) !important;
}

.tnf-homepage .tnf-top-categories .section-title h2 {
    margin-bottom: 0.75rem !important;
}

.tnf-homepage .tnf-top-categories .section-title p {
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

/* Slider track inset — matches reference side spacing */
.tnf-homepage .tnf-top-categories,
body.tnf-home-page .tnf-top-categories,
.tnf-top-categories-home4,
#tnfTopCategories {
    --tnf-cat-slider-gutter: clamp(0.75rem, 2vw, 1.5rem);
    --tnf-cat-nav-size: 56px;
    --tnf-cat-nav-offset: 0;
}

.tnf-homepage .tnf-top-categories > .container,
body.tnf-home-page .tnf-top-categories > .container {
    padding-left: var(--tnf-cat-slider-gutter) !important;
    padding-right: var(--tnf-cat-slider-gutter) !important;
}

.tnf-top-categories-home4 > .container,
#tnfTopCategories > .container {
    max-width: min(1720px, calc(100vw - 2rem)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tnf-homepage .tnf-top-categories .category-slider,
body.tnf-home-page .tnf-top-categories .category-slider {
    margin-top: 0;
    position: relative;
    padding-left: calc(var(--tnf-cat-nav-size) + 0.75rem);
    padding-right: calc(var(--tnf-cat-nav-size) + 0.75rem);
}

.tnf-top-categories-home4 .category-slider,
#tnfTopCategories .category-slider {
    margin-top: 0;
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tnf-homepage .tnf-top-categories .category-item,
.tnf-top-categories-home4 .category-item,
#tnfTopCategories .category-item {
    aspect-ratio: auto;
    min-height: 158px;
    padding: 1.25rem 0.625rem 1.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    background: var(--system_secendory_color, #1f2b40) !important;
    box-shadow: 0 6px 18px rgba(31, 43, 64, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tnf-homepage .tnf-top-categories .category-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(31, 43, 64, 0.2);
}

.tnf-homepage .tnf-top-categories .category-item-icon {
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.tnf-homepage .tnf-top-categories .category-item-icon img {
    filter: brightness(0) invert(1);
}

.tnf-homepage .tnf-top-categories .category-item-content h6,
#tnfTopCategories .category-item-content h6,
.tnf-top-categories-home4 .category-item-content h6 {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
}

.tnf-homepage .tnf-top-categories .category-item-content p,
#tnfTopCategories .category-item-content p,
.tnf-top-categories-home4 .category-item-content p {
    font-size: 0.75rem !important;
    opacity: 0.88;
    margin-top: 0.15rem;
}

.tnf-homepage .tnf-top-categories .category-slider .owl-nav,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav,
.tnf-top-categories-home4 .category-slider .owl-nav,
#tnfTopCategories .category-slider .owl-nav {
    margin-top: 0;
    --btn-position: 0;
    --btn-width: var(--tnf-cat-nav-size, 56px);
    --tnf-cat-nav-offset: calc(-1 * (var(--tnf-cat-nav-size, 56px) + var(--tnf-cat-nav-gap, 0.625rem)));
}

.tnf-homepage .tnf-top-categories .category-slider .owl-nav button,
.tnf-homepage .tnf-top-categories .category-slider .owl-nav > div,
.tnf-top-categories-home4 .category-slider .owl-nav button,
.tnf-top-categories-home4 .category-slider .owl-nav > div,
#tnfTopCategories .category-slider .owl-nav button,
#tnfTopCategories .category-slider .owl-nav > div {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: var(--tnf-cat-nav-size, 56px) !important;
    height: var(--tnf-cat-nav-size, 56px) !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: none !important;
    color: var(--system_secendory_color, #1f2b40) !important;
    box-shadow: 0 4px 18px rgba(31, 43, 64, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnf-homepage .tnf-top-categories .category-slider .owl-nav .owl-prev,
.tnf-homepage .tnf-top-categories .category-slider .owl-nav button:first-child,
.tnf-homepage .tnf-top-categories .category-slider .owl-nav > div:first-child,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav .owl-prev,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav button:first-child,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav > div:first-child,
.tnf-top-categories-home4 .category-slider .owl-nav .owl-prev,
.tnf-top-categories-home4 .category-slider .owl-nav button:first-child,
.tnf-top-categories-home4 .category-slider .owl-nav > div:first-child,
#tnfTopCategories .category-slider .owl-nav .owl-prev,
#tnfTopCategories .category-slider .owl-nav button:first-child,
#tnfTopCategories .category-slider .owl-nav > div:first-child {
    left: var(--tnf-cat-nav-offset, 0) !important;
    right: auto !important;
}

.tnf-homepage .tnf-top-categories .category-slider .owl-nav .owl-next,
.tnf-homepage .tnf-top-categories .category-slider .owl-nav button:last-child,
.tnf-homepage .tnf-top-categories .category-slider .owl-nav > div:last-child,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav .owl-next,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav button:last-child,
body.tnf-home-page .tnf-top-categories .category-slider .owl-nav > div:last-child,
.tnf-top-categories-home4 .category-slider .owl-nav .owl-next,
.tnf-top-categories-home4 .category-slider .owl-nav button:last-child,
.tnf-top-categories-home4 .category-slider .owl-nav > div:last-child,
#tnfTopCategories .category-slider .owl-nav .owl-next,
#tnfTopCategories .category-slider .owl-nav button:last-child,
#tnfTopCategories .category-slider .owl-nav > div:last-child {
    left: auto !important;
    right: var(--tnf-cat-nav-offset, 0) !important;
}

html[dir="rtl"] .tnf-homepage .tnf-top-categories .category-slider .owl-nav .owl-prev,
html[dir="rtl"] .tnf-homepage .tnf-top-categories .category-slider .owl-nav button:first-child,
html[dir="rtl"] .tnf-homepage .tnf-top-categories .category-slider .owl-nav > div:first-child,
html[dir="rtl"] body.tnf-home-page .tnf-top-categories .category-slider .owl-nav .owl-prev,
html[dir="rtl"] body.tnf-home-page .tnf-top-categories .category-slider .owl-nav button:first-child,
html[dir="rtl"] body.tnf-home-page .tnf-top-categories .category-slider .owl-nav > div:first-child,
html[dir="rtl"] .tnf-top-categories-home4 .category-slider .owl-nav .owl-prev,
html[dir="rtl"] .tnf-top-categories-home4 .category-slider .owl-nav button:first-child,
html[dir="rtl"] .tnf-top-categories-home4 .category-slider .owl-nav > div:first-child,
html[dir="rtl"] #tnfTopCategories .category-slider .owl-nav .owl-prev,
html[dir="rtl"] #tnfTopCategories .category-slider .owl-nav button:first-child,
html[dir="rtl"] #tnfTopCategories .category-slider .owl-nav > div:first-child {
    left: auto !important;
    right: var(--tnf-cat-nav-offset, 0) !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .tnf-homepage .tnf-top-categories .category-slider .owl-nav .owl-next,
html[dir="rtl"] .tnf-homepage .tnf-top-categories .category-slider .owl-nav button:last-child,
html[dir="rtl"] .tnf-homepage .tnf-top-categories .category-slider .owl-nav > div:last-child,
html[dir="rtl"] body.tnf-home-page .tnf-top-categories .category-slider .owl-nav .owl-next,
html[dir="rtl"] body.tnf-home-page .tnf-top-categories .category-slider .owl-nav button:last-child,
html[dir="rtl"] body.tnf-home-page .tnf-top-categories .category-slider .owl-nav > div:last-child,
html[dir="rtl"] .tnf-top-categories-home4 .category-slider .owl-nav .owl-next,
html[dir="rtl"] .tnf-top-categories-home4 .category-slider .owl-nav button:last-child,
html[dir="rtl"] .tnf-top-categories-home4 .category-slider .owl-nav > div:last-child,
html[dir="rtl"] #tnfTopCategories .category-slider .owl-nav .owl-next,
html[dir="rtl"] #tnfTopCategories .category-slider .owl-nav button:last-child,
html[dir="rtl"] #tnfTopCategories .category-slider .owl-nav > div:last-child {
    right: auto !important;
    left: var(--tnf-cat-nav-offset, 0) !important;
}

.tnf-homepage .tnf-top-categories .category-slider .owl-nav button:hover,
.tnf-homepage .tnf-top-categories .category-slider .owl-nav > div:hover,
.tnf-top-categories-home4 .category-slider .owl-nav button:hover,
.tnf-top-categories-home4 .category-slider .owl-nav > div:hover,
#tnfTopCategories .category-slider .owl-nav button:hover,
#tnfTopCategories .category-slider .owl-nav > div:hover {
    background: var(--system_secendory_color, #1f2b40) !important;
    color: #fff !important;
}

@media (min-width: 1200px) {
    .tnf-homepage .tnf-top-categories,
    body.tnf-home-page .tnf-top-categories,
    .tnf-top-categories-home4,
    #tnfTopCategories {
        --tnf-cat-nav-size: 60px;
        --tnf-cat-slider-gutter: clamp(2rem, 5.5vw, 5.5rem);
    }
}

@media (min-width: 1440px) {
    .tnf-homepage .tnf-top-categories > .container,
    body.tnf-home-page .tnf-top-categories > .container,
    .tnf-top-categories-home4 > .container,
    #tnfTopCategories > .container {
        max-width: 1320px;
    }
}

@media (max-width: 767px) {
    .tnf-homepage .tnf-top-categories,
    body.tnf-home-page .tnf-top-categories,
    .tnf-top-categories-home4,
    #tnfTopCategories {
        --tnf-cat-slider-gutter: clamp(1rem, 4vw, 1.5rem);
    }

    .tnf-homepage .tnf-top-categories .category-slider,
    body.tnf-home-page .tnf-top-categories .category-slider,
    .tnf-top-categories-home4 .category-slider,
    #tnfTopCategories .category-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .tnf-homepage .tnf-top-categories .category-item {
        aspect-ratio: auto;
        min-height: 140px;
    }
}

/* —— Featured courses —— */
.tnf-homepage .course .row.-mt-24 {
    margin-top: 0 !important;
    --bs-gutter-y: clamp(1.25rem, 2vw, 1.5rem);
}

.tnf-homepage .course-item {
    border: 1px solid rgba(31, 43, 64, 0.08);
    box-shadow: 0 8px 28px rgba(31, 43, 64, 0.07) !important;
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tnf-homepage .course-item:hover {
    top: 0 !important;
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(31, 43, 64, 0.12) !important;
}

.tnf-homepage .course-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 1.5rem;
}

.tnf-homepage .course-item-title {
    font-family: var(--fontFamily1, "Plus Jakarta Sans", sans-serif);
    font-size: clamp(1rem, 1.4vw, 1.125rem);
    font-weight: 700;
    line-height: 1.4;
    color: var(--tnf-heading);
}

.tnf-homepage .course-item-price {
    margin-top: auto;
    padding-top: 1rem;
    gap: 0.75rem;
}

.tnf-homepage .course-item-price .theme-btn {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.6875rem 1.625rem;
    border-radius: 999px;
    min-width: 7.5rem;
    text-align: center;
    background: var(--system_secendory_color, #1f2b40) !important;
    color: #fff !important;
}

.tnf-homepage .course-item-img {
    padding-bottom: 55%;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.tnf-homepage .course-item-info.flex-row.bg-primary {
    background: var(--system_secendory_color, #1f2b40) !important;
    border-radius: 16px;
}

.tnf-homepage .course.tnf-top-online-courses .section-subtitle,
.tnf-homepage .course .section-subtitle {
    margin-bottom: 66px !important;
    background: var(--system_secendory_color, #1f2b40) !important;
}

.tnf-homepage .course .section-subtitle .theme-btn.bg-white {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.625rem 1.5rem;
    border-radius: 999px;
    background: #fff !important;
    color: var(--system_secendory_color, #1f2b40) !important;
}

.tnf-homepage .course .section-subtitle .theme-btn.bg-white:hover {
    background: var(--system_primery_color, #38485c) !important;
    color: #fff !important;
}

/* —— Client feedback (TNF main): dark cards, purple gradient center —— */
.tnf-homepage .tnf-testimonial-section,
body.tnf-home-page .tnf-testimonial-section {
    background: #fff !important;
}

.tnf-homepage .tnf-testimonial-section .testimonial {
    background: #eceffd !important;
    padding-top: var(--tnf-section-y) !important;
    padding-bottom: var(--tnf-section-y) !important;
}

.tnf-homepage .tnf-testimonial-section .section_head {
    margin-bottom: var(--tnf-section-title-gap);
}

.tnf-homepage .tnf-testimonial-section .section_head h2 {
    color: var(--system_secendory_color, #1f2b40);
    font-weight: 700;
}

/* homepage_v4.css forces light cards + v7 uses white type — restore readable contrast */
.tnf-homepage .tnf-testimonial-section .testimonial-single,
body.tnf-home-page .tnf-testimonial-section .testimonial-single {
    background: var(--system_secendory_color, #1f2b40) !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.tnf-homepage .tnf-testimonial-section .testimonial-single p,
.tnf-homepage .tnf-testimonial-section .testimonial-single span,
.tnf-homepage .tnf-testimonial-section .testimonial-content p,
.tnf-homepage .tnf-testimonial-section .testimonial-user p,
.tnf-homepage .tnf-testimonial-section .testimonial-user span,
body.tnf-home-page .tnf-testimonial-section .testimonial-single p,
body.tnf-home-page .tnf-testimonial-section .testimonial-content p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.tnf-homepage .testimonial-single {
    border-radius: 4px !important;
}

.tnf-homepage .testimonial-slider .owl-item.center .testimonial-single {
    background: linear-gradient(173.69deg, #660afb 26.21%, #a737ff 81.64%) !important;
    color: #fff !important;
}

.tnf-homepage .testimonial-content p {
    font-size: 1rem;
    line-height: 1.7;
}

.tnf-homepage .testimonial-user-img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.35);
}

.tnf-homepage .testimonial-user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tnf-homepage .testimonial-slider .owl-nav button {
    width: 44px;
    height: 44px;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid rgba(31, 43, 64, 0.12) !important;
    color: var(--tnf-heading) !important;
    box-shadow: 0 4px 14px rgba(31, 43, 64, 0.08);
}

.tnf-homepage .testimonial-slider .owl-stage-outer {
    padding-bottom: 3.5rem;
    padding-top: 0.5rem;
    overflow: hidden !important;
}

/* Single-row carousel — override homepage_v4 duplicate/hidden-item rules */
.tnf-homepage .tnf-testimonial-section .dynamicData .testimonial-slider + .dynamicData-rendered,
.tnf-homepage .tnf-testimonial-section .dynamicData .dynamicData-rendered + .testimonial-slider {
    display: none !important;
}

.tnf-homepage .tnf-testimonial-section .testimonial-slider.owl-carousel .owl-item,
body.tnf-home-page .tnf-testimonial-section .testimonial-slider.owl-carousel .owl-item {
    opacity: 1 !important;
    visibility: visible !important;
}

.tnf-homepage .tnf-testimonial-section .testimonial-slider:not(.owl-loaded),
body.tnf-home-page .tnf-testimonial-section .testimonial-slider:not(.owl-loaded) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 1.5rem;
}

.tnf-homepage .tnf-testimonial-section .testimonial-slider:empty,
.tnf-homepage .tnf-testimonial-section .dynamicData:empty {
    min-height: 0;
}

/* Solid gradient buttons — keep label visible (not background-clip text) */
.tnf-homepage .theme_btn,
.tnf-homepage .theme-btn,
body.tnf-home-page .theme_btn,
body.tnf-home-page .theme-btn {
    background: linear-gradient(
        173.69deg,
        var(--system_primery_gredient1, #660afb) 26.21%,
        var(--system_primery_gredient2, #a737ff) 81.64%
    ) !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

.tnf-homepage .theme_btn:hover,
.tnf-homepage .theme-btn:hover,
body.tnf-home-page .theme_btn:hover,
body.tnf-home-page .theme-btn:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* White pill on navy band (Top Online Courses) — must follow global .theme-btn rule above */
.tnf-homepage .course .section-subtitle .theme-btn.bg-white,
.tnf-homepage .course .section-subtitle a.theme-btn.bg-white,
.tnf-homepage .theme-btn.bg-white,
body.tnf-home-page .course .section-subtitle .theme-btn.bg-white,
body.tnf-home-page .theme-btn.bg-white {
    background: #fff !important;
    background-image: none !important;
    color: var(--system_secendory_color, #1f2b40) !important;
    -webkit-text-fill-color: var(--system_secendory_color, #1f2b40) !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.tnf-homepage .course .section-subtitle .theme-btn.bg-white:hover,
.tnf-homepage .theme-btn.bg-white:hover,
body.tnf-home-page .course .section-subtitle .theme-btn.bg-white:hover,
body.tnf-home-page .theme-btn.bg-white:hover {
    background: var(--system_secendory_color, #1f2b40) !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.tnf-homepage a.currentColor,
.tnf-homepage .currentColor,
body.tnf-home-page a.currentColor {
    color: var(--tnf-heading) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

.tnf-homepage .section_head.withBtn .view-all-btn a {
    background: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    color: var(--system_primery_gredient1, #660afb) !important;
    -webkit-text-fill-color: currentColor !important;
}

/* —— Partners (home1) —— */
.tnf-homepage .tnf-partner-section {
    padding-top: var(--tnf-section-y);
    padding-bottom: var(--tnf-section-y);
    background-color: #fff !important;
}

.tnf-homepage .tnf-partner-section .section_head {
    margin-bottom: var(--tnf-section-title-gap);
}

/* —— Blog —— */
.tnf-homepage .blog .section-title {
    margin-bottom: var(--tnf-section-title-gap) !important;
}

.tnf-homepage .blog .section-title p {
    font-size: var(--tnf-subtitle) !important;
}

.tnf-homepage .blog-single {
    border: 1px solid rgba(31, 43, 64, 0.08);
    box-shadow: 0 8px 28px rgba(31, 43, 64, 0.06);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tnf-homepage .blog-slider .blog-single {
    min-height: auto !important;
}

.tnf-homepage .blog-single:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(31, 43, 64, 0.1);
}

.tnf-homepage .blog-single-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.5rem 1.5rem;
}

.tnf-homepage .blog-single-content h4 {
    font-family: var(--fontFamily1, "Plus Jakarta Sans", sans-serif);
    font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

.tnf-homepage .blog-single-content p {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--tnf-body);
    flex: 1;
}

.tnf-homepage .blog-single-content .theme-btn {
    align-self: flex-start;
    margin-top: 1rem;
    font-size: 0.875rem;
    padding: 0.5rem 1.125rem;
    border-radius: 8px;
}

.tnf-homepage .blog-slider .owl-nav button {
    width: 44px;
    height: 44px;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid rgba(31, 43, 64, 0.12) !important;
    color: var(--tnf-heading) !important;
}

/* —— FAQ: softer panel, readable type —— */
.tnf-homepage .faq-section .section_head h5 {
    font-size: var(--tnf-subtitle);
}

.tnf-homepage .faq-section .accordion {
    background: #fff !important;
    border: 1px solid rgba(31, 43, 64, 0.1) !important;
    box-shadow: 0 12px 40px rgba(31, 43, 64, 0.06);
    padding: clamp(1.5rem, 3vw, 2.5rem) !important;
    padding-top: clamp(1.5rem, 3vw, 2.5rem) !important;
}

.tnf-homepage .faq-section .accordion .accordion-item {
    border-bottom-color: rgba(31, 43, 64, 0.1) !important;
}

.tnf-homepage .faq-section .accordion .accordion-item .accordion-header {
    min-height: auto;
}

.tnf-homepage .faq-section .accordion .accordion-item .accordion-header button {
    font-weight: 600;
    color: var(--tnf-heading);
    padding: 1.125rem 0 !important;
}

.tnf-homepage .faq-section .accordion .accordion-body {
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--tnf-body);
    padding-bottom: 1.25rem;
}

@media (max-width: 991.98px) {
    .tnf-homepage .featured-section,
    body.tnf-home-page .featured-section {
        padding-top: 3.5rem !important;
        padding-bottom: 3rem !important;
    }

    .tnf-homepage .featured-wrap,
    body.tnf-home-page .featured-wrap {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .tnf-homepage .modules_area,
    body.tnf-home-page .modules_area {
        padding-top: 2rem !important;
        padding-bottom: 4rem !important;
    }

    .tnf-homepage .modules_area .section__title,
    body.tnf-home-page .modules_area .section__title {
        margin-bottom: 2.5rem !important;
    }

    body.tnf-home-page .tnf-hero-search-strip,
    .tnf-home-hero-group .tnf-hero-search-strip {
        padding: 12px 0 14px;
    }
}

/* Forced spacing — wins over theme + page-builder (v20260603) */
body.tnf-home-page .featured-section,
body.tnf-home-page .tnf-homepage .featured-section {
    padding-top: 5rem !important;
    padding-bottom: 4.5rem !important;
}

body.tnf-home-page .featured-wrap,
body.tnf-home-page .tnf-homepage .featured-wrap {
    margin-top: 0 !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

body.tnf-home-page .featured-wrap .row.-mt-24 {
    margin-top: 0 !important;
}

body.tnf-home-page .modules_area,
body.tnf-home-page .tnf-homepage .modules_area {
    padding-top: 3rem !important;
    padding-bottom: 5rem !important;
}

body.tnf-home-page .modules_area .section__title {
    margin-bottom: 3.5rem !important;
}

body.tnf-home-page .modules_area .modile_main_wrap {
    margin-top: 1rem !important;
}

body.tnf-home-page .tnf-key-features-section > .container > .row.justify-content-center,
.tnf-homepage .tnf-key-features-section > .container > .row.justify-content-center {
    display: none !important;
}

/* Pull Top Online Courses (navy band) up against the key-features card */
.tnf-homepage .course.tnf-top-online-courses,
body.tnf-home-page .course.tnf-top-online-courses {
    margin-top: 0 !important;
    padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
}

body.tnf-home-page .tnf-key-features-section .couses_category .single_course_cat .icon:empty,
.tnf-homepage .tnf-key-features-section .couses_category .single_course_cat .icon:empty {
    display: none;
}

body.tnf-home-page .tnf-key-features-section .couses_category .single_course_cat .course_content h4,
body.tnf-home-page .tnf-key-features-section .couses_category .single_course_cat .course_content p,
.tnf-homepage .tnf-key-features-section .couses_category .single_course_cat .course_content h4,
.tnf-homepage .tnf-key-features-section .couses_category .single_course_cat .course_content p {
    color: var(--tnf-heading) !important;
}

body.tnf-home-page .tnf-key-features-section .couses_category .single_course_cat .course_content p,
.tnf-homepage .tnf-key-features-section .couses_category .single_course_cat .course_content p {
    color: var(--tnf-body) !important;
}

#tnfTopCategories,
.tnf-top-categories-home4 {
    display: block !important;
    background: #eceffd !important;
}

.tnf-top-categories-home4 .category-slider.owl-carousel:not(.owl-loaded) {
    display: flex !important;
}