/* --------------------------------------------
   10X CREATIVE — LANDING PAGE STYLES
   -------------------------------------------- */

html {
    scroll-behavior: smooth !important;
}

/* Divi reset */
#tenx-landing,
#tenx-landing *,
#tenx-landing *::before,
#tenx-landing *::after {
    box-sizing: border-box !important;
}

#tenx-landing {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-body-size) !important;
    color: var(--tenx-dark) !important;
    line-height: 1.6 !important;
    overflow-x: hidden;
    background: #fff;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

#tenx-landing h1,
#tenx-landing h2,
#tenx-landing h3,
#tenx-landing h4,
#tenx-landing h5,
#tenx-landing h6 {
    font-family: var(--tenx-body-font) !important;
    line-height: 1.15 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

#tenx-landing a:not(.tenx-header__btn):not(.tenx-footer__email):not(.tenx-footer__link):not(.tenx-payment-card__btn):not(.tenx-thankyou__whatsapp-link) {
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.3s ease !important;
}

#tenx-landing a:not(.tenx-header__btn):not(.tenx-footer__email):not(.tenx-footer__link):not(.tenx-payment-card__btn):not(.tenx-thankyou__whatsapp-link):hover {
    text-decoration: none !important;
}

#tenx-landing a::before,
#tenx-landing a::after {
    display: none !important;
    content: none !important;
}

#tenx-landing p {
    padding-bottom: 0 !important;
    margin: 0 !important;
}

#tenx-landing img {
    max-width: 100%;
    height: auto;
    display: block;
}

#tenx-landing section {
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide Divi global header & footer on landing page */
.page-template-template-landing #main-header,
.page-template-template-landing #top-header,
.page-template-template-landing #et-main-area,
.page-template-template-landing #main-footer,
.page-template-template-landing #footer-bottom {
    display: none !important;
}

/* --------------------------------------------
   LANDING HEADER
   -------------------------------------------- */

#tenx-landing .tenx-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    padding: 16px 40px !important;
}

#tenx-landing .tenx-header__bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    background: transparent !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 16px !important;
    padding: 16px 32px !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.1) !important;
}

#tenx-landing .tenx-header__logo-text {
    font-family: 'Encode Sans Semi Expanded', sans-serif !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-header__logo-img {
    height: 200px !important;
    width: auto !important;
    margin: -75px 0 !important;
    object-fit: contain !important;
}

#tenx-landing .tenx-header__btn {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    display: inline-block !important;
    transition: opacity 0.25s !important;
    white-space: nowrap !important;
}

#tenx-landing .tenx-header__btn:hover {
    opacity: 0.7 !important;
}

/* Header responsive */
@media (max-width: 1024px) {
    #tenx-landing .tenx-header__bar {
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.85) !important;
    }

    #tenx-landing .tenx-header__btn {
        display: none !important;
    }

    #tenx-landing .tenx-header__logo-img {
        height: 220px !important;
        margin: -75px 0 !important;
    }

    #tenx-landing .tenx-header__logo-text {
        font-size: 50px !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-header {
        padding: 12px 20px !important;
    }

    #tenx-landing .tenx-header__bar {
        padding: 12px 20px !important;
        border-radius: 12px !important;
    }

    #tenx-landing .tenx-header__logo-text {
        font-size: 44px !important;
    }

    #tenx-landing .tenx-header__logo-img {
        height: 200px !important;
        margin: -70px 0 !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-header__logo-text {
        font-size: 38px !important;
    }

    #tenx-landing .tenx-header__logo-img {
        height: 180px !important;
        margin: -65px 0 !important;
    }
}

/* Container */
.tenx-container {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* Scroll-in Animations */
.tenx-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.tenx-visible {
    opacity: 1;
    transform: translateY(0);
}


/* --------------------------------------------
   SECTION 1: HERO
   -------------------------------------------- */
#tenx-landing .tenx-hero {
    position: relative;
    padding: 0 !important;
    overflow: visible;
}

#tenx-landing .tenx-hero__bg-wrap {
    position: relative;
    min-height: 700px;
    background-color: #f5f5f5;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

#tenx-landing .tenx-hero__overlay {
    display: none;
}

/* Centered content wrapper */
#tenx-landing .tenx-hero__bg-wrap > .tenx-container {
    position: relative;
    z-index: 2;
    display: flex !important;
    flex-direction: column !important;
    min-height: inherit;
    padding-top: 110px !important;
    padding-bottom: 50px !important;
}

#tenx-landing .tenx-hero__content {
    text-align: center !important;
    max-width: 860px;
    margin: 0 auto;
    padding-top: 20px;
}

/* Headline */
#tenx-landing .tenx-hero__headline {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-hero-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-hero-heading-color) !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 24px !important;
    text-align: center !important;
    padding: 0 !important;
}

#tenx-landing .tenx-hero__accent {
    color: var(--tenx-hero-accent-color) !important;
}

/* Description */
#tenx-landing .tenx-hero__description {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-hero-sub-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-hero-sub-color) !important;
    line-height: 1.5 !important;
    max-width: 600px;
    margin: 0 auto 40px !important;
    text-align: center !important;
}

#tenx-landing .tenx-hero__description strong {
    font-weight: 600 !important;
    color: inherit !important;
}

/* Pill CTA Button */
#tenx-landing .tenx-hero__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: var(--tenx-hero-btn-bg) !important;
    background-image: none !important;
    color: var(--tenx-hero-btn-text) !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 6px 6px 32px !important;
    border-radius: 100px !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    line-height: 1 !important;
    opacity: 1 !important;
    position: relative;
}

#tenx-landing .tenx-hero__btn::before,
#tenx-landing .tenx-hero__btn::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-hero__btn-text {
    white-space: nowrap;
    color: var(--tenx-hero-btn-text) !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-hero__btn-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: var(--tenx-hero-btn-arrow) !important;
    flex-shrink: 0;
    color: #fff !important;
}

#tenx-landing .tenx-hero__btn-arrow svg {
    display: block !important;
}

#tenx-landing .tenx-hero__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(237, 30, 37, 0.35) !important;
    color: var(--tenx-hero-btn-text) !important;
    background-color: var(--tenx-hero-btn-bg) !important;
    opacity: 1 !important;
}

/* Metrics Card */
#tenx-landing .tenx-hero__metrics {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 20px !important;
    padding: 24px 40px !important;
    margin: auto auto 0 !important;
    max-width: 700px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 3;
}

#tenx-landing .tenx-hero__metrics-divider {
    width: 1px !important;
    height: 100% !important;
    min-height: 50px !important;
    align-self: stretch !important;
    background: linear-gradient(to bottom, rgba(237, 30, 37, 0.18), rgba(237, 30, 37, 0)) !important;
    flex-shrink: 0;
    margin: 0 20px !important;
    display: block !important;
    border: none !important;
}

#tenx-landing .tenx-hero__metric {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

#tenx-landing .tenx-hero__metric-value {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-hero-stat-value-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-hero-stat-value) !important;
    line-height: 1 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

#tenx-landing .tenx-hero__metric-label {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-hero-stat-label-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-hero-stat-label) !important;
    margin-top: 4px !important;
    line-height: 1.3 !important;
}


/* Hero Video */
#tenx-landing .tenx-hero__video-wrap {
    background-color: var(--tenx-video-bg, #000000) !important;
}

#tenx-landing .tenx-hero__video {
    position: relative !important;
    width: 100% !important;
    padding: 40px 0 50px !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

#tenx-landing .tenx-hero__video .tenx-video__player {
    display: block !important;
    width: 100% !important;
    max-height: 80vh !important;
    object-fit: cover !important;
    border-radius: 16px !important;
}

#tenx-landing .tenx-video__sound-btn {
    position: absolute !important;
    bottom: 70px !important;
    right: 20px !important;
    z-index: 5 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--tenx-video-sound-btn, #000000) !important;
    border: none !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
    padding: 0 !important;
}

#tenx-landing .tenx-video__sound-btn:hover {
    opacity: 0.8 !important;
}


/* --------------------------------------------
   SECTION 2: LEADING PARTNERS
   -------------------------------------------- */
#tenx-landing .tenx-partners {
    padding: 50px 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

#tenx-landing .tenx-partners__wrapper {
    position: relative;
    overflow: hidden !important;
}

/* Blurred fade on left and right edges */
#tenx-landing .tenx-partners__wrapper::before,
#tenx-landing .tenx-partners__wrapper::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
    pointer-events: none;
}

#tenx-landing .tenx-partners__wrapper::before {
    left: 0;
    background: linear-gradient(to right, #f1f1f1 0%, rgba(241, 241, 241, 0) 100%) !important;
}

#tenx-landing .tenx-partners__wrapper::after {
    right: 0;
    background: linear-gradient(to left, #f1f1f1 0%, rgba(241, 241, 241, 0) 100%) !important;
}

#tenx-landing .tenx-partners__track {
    display: flex !important;
    align-items: center !important;
    gap: 60px;
    width: max-content;
    will-change: transform;
}

#tenx-landing .tenx-partners__slide {
    flex-shrink: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 60px;
}

#tenx-landing .tenx-partners__slide img {
    max-height: 55px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: grayscale(100%) !important;
    opacity: 0.6 !important;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
    image-rendering: -webkit-optimize-contrast;
}

#tenx-landing .tenx-partners__slide img:hover {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}

/* Mobile/Tablet: JS handles auto-scroll for pixel-perfect looping */

@media (max-width: 768px) {
    #tenx-landing .tenx-partners {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-partners__track {
        gap: 40px;
    }
    #tenx-landing .tenx-partners__wrapper::before,
    #tenx-landing .tenx-partners__wrapper::after {
        width: 40px;
    }
    #tenx-landing .tenx-partners__slide img {
        max-height: 45px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-partners {
        padding: 30px 0 !important;
    }
    #tenx-landing .tenx-partners__track {
        gap: 30px;
    }
    #tenx-landing .tenx-partners__wrapper::before,
    #tenx-landing .tenx-partners__wrapper::after {
        width: 30px;
    }
    #tenx-landing .tenx-partners__slide img {
        max-height: 40px !important;
    }
}


/* --------------------------------------------
   SECTION 3: CLIENT TESTIMONIALS
   -------------------------------------------- */
#tenx-landing .tenx-testimonials {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-testimonials__header {
    text-align: center !important;
    margin-bottom: 40px;
}

#tenx-landing .tenx-testimonials__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-testi-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-testi-heading-color) !important;
    line-height: 1.1 !important;
    margin-bottom: 24px !important;
}

#tenx-landing .tenx-testimonials__subtitle {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-testi-subtext-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-testi-subtext-color) !important;
    line-height: 1.5 !important;
}

/* Slider wrapper */
#tenx-landing .tenx-testimonials__slider {
    position: relative;
    overflow: hidden !important;
}

#tenx-landing .tenx-testimonials__track {
    display: flex !important;
    align-items: flex-start !important;
    transition: transform 0.4s ease !important;
    gap: 20px;
}

/* Card */
#tenx-landing .tenx-testimonial-card {
    flex: 0 0 calc(25% - 15px);
    background: var(--tenx-testi-card-bg) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

#tenx-landing .tenx-testimonial-card__header {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

#tenx-landing .tenx-testimonial-card__photo {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

#tenx-landing .tenx-testimonial-card__photo--placeholder {
    background: #ddd !important;
}

#tenx-landing .tenx-testimonial-card__info {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
}

#tenx-landing .tenx-testimonial-card__name {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-testi-name-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-dark) !important;
    line-height: 1.2 !important;
}

#tenx-landing .tenx-testimonial-card__role {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-testi-role-size) !important;
    font-weight: 400 !important;
    color: #888 !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
}

/* Card body with truncation */
#tenx-landing .tenx-testimonial-card__body {
    position: relative;
    flex: 1;
}

#tenx-landing .tenx-testimonial-card__text {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-testi-text-size) !important;
    font-weight: 400 !important;
    color: #444 !important;
    line-height: 1.6 !important;
    max-height: 160px;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
}

#tenx-landing .tenx-testimonial-card__text.tenx-expanded {
    max-height: 1000px !important;
    overflow: visible !important;
}

#tenx-landing .tenx-testimonial-card__more {
    display: none;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 4px !important;
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-testi-text-size) !important;
    font-weight: 500 !important;
    color: var(--tenx-primary) !important;
    cursor: pointer;
    line-height: 1 !important;
}

#tenx-landing .tenx-testimonial-card__more::before,
#tenx-landing .tenx-testimonial-card__more::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-testimonial-card__more.tenx-visible-btn {
    display: inline-block !important;
}

/* Nav arrows */
#tenx-landing .tenx-testimonials__nav {
    display: flex !important;
    justify-content: center !important;
    gap: 12px;
    margin-top: 28px;
}

#tenx-landing .tenx-testimonials__arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: var(--tenx-dark) !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

#tenx-landing .tenx-testimonials__arrow::before,
#tenx-landing .tenx-testimonials__arrow::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-testimonials__arrow:hover {
    background: var(--tenx-primary) !important;
    border-color: var(--tenx-primary) !important;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 1024px) {
    #tenx-landing .tenx-testimonial-card {
        flex: 0 0 calc(33.333% - 14px);
    }
    #tenx-landing .tenx-testimonials__title {
        font-size: 38px !important;
    }
    #tenx-landing .tenx-testimonials__track {
        gap: 16px;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-testimonials {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-testimonial-card {
        flex: 0 0 calc(50% - 10px);
    }
    #tenx-landing .tenx-testimonials__title {
        font-size: 30px !important;
    }
    #tenx-landing .tenx-testimonials__track {
        gap: 12px;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-testimonial-card {
        flex: 0 0 calc(100% - 0px);
    }
    #tenx-landing .tenx-testimonials__title {
        font-size: 26px !important;
    }
}


/* --------------------------------------------
   SECTION 4: PROBLEMS
   -------------------------------------------- */
#tenx-landing .tenx-problems {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-problems__header {
    text-align: center !important;
    margin-bottom: 40px;
}

#tenx-landing .tenx-problems__tag {
    display: inline-block !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--tenx-problems-tag-color) !important;
    background: var(--tenx-problems-tag-bg) !important;
    padding: 6px 20px !important;
    border-radius: 100px !important;
    margin-bottom: 24px !important;
    letter-spacing: 0.02em;
    line-height: 1.4 !important;
}

#tenx-landing .tenx-problems__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-problems-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-problems-heading-color) !important;
    line-height: 1 !important;
    max-width: 750px;
    margin: 0 auto !important;
}

/* 3×3 Grid */
#tenx-landing .tenx-problems__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

/* Card */
#tenx-landing .tenx-problem-card {
    background: linear-gradient(to bottom, rgba(237, 30, 37, 0.2), rgba(102, 102, 102, 0)) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    transition: all 0.4s ease !important;
    cursor: default;
}

#tenx-landing .tenx-problem-card:hover {
    background: linear-gradient(to bottom, #DD090F, #FF6166) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(219, 9, 12, 0.25) !important;
}

#tenx-landing .tenx-problem-card__top {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    margin-bottom: 12px;
}

#tenx-landing .tenx-problem-card__icon {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

#tenx-landing .tenx-problem-card__icon img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
}

/* Default: show static icon, hide hover icon */
#tenx-landing .tenx-problem-card__icon-default {
    display: block !important;
}

#tenx-landing .tenx-problem-card__icon-hover {
    display: none !important;
}

/* Hover: swap icons */
#tenx-landing .tenx-problem-card:hover .tenx-problem-card__icon-default {
    display: none !important;
}

#tenx-landing .tenx-problem-card:hover .tenx-problem-card__icon-hover {
    display: block !important;
}

#tenx-landing .tenx-problem-card__title {
    font-family: var(--tenx-body-font) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--tenx-dark) !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease !important;
}

#tenx-landing .tenx-problem-card:hover .tenx-problem-card__title {
    color: #ffffff !important;
}

#tenx-landing .tenx-problem-card__desc {
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #666 !important;
    line-height: 1.5 !important;
    transition: color 0.3s ease !important;
}

#tenx-landing .tenx-problem-card:hover .tenx-problem-card__desc {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-problems {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-problems__grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }
    #tenx-landing .tenx-problems__title {
        font-size: 30px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-problems__grid {
        grid-template-columns: 1fr !important;
    }
    #tenx-landing .tenx-problems__title {
        font-size: 26px !important;
    }
}


/* --------------------------------------------
   SECTION 5: RESULTS
   -------------------------------------------- */
#tenx-landing .tenx-results {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-results__header {
    text-align: center !important;
    margin-bottom: 24px;
}

#tenx-landing .tenx-results__tag {
    display: inline-block !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--tenx-results-tag-color) !important;
    background: var(--tenx-results-tag-bg) !important;
    padding: 6px 20px !important;
    border-radius: 100px !important;
    margin-bottom: 24px !important;
    letter-spacing: 0.02em;
    line-height: 1.4 !important;
}

#tenx-landing .tenx-results__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-results-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-results-heading-color) !important;
    line-height: 1 !important;
    margin: 0 auto !important;
}

#tenx-landing .tenx-results__body {
    text-align: center !important;
    max-width: 100%;
    margin: 0 auto;
}

#tenx-landing .tenx-results__desc {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-results-desc-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-results-desc-color) !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
}

#tenx-landing .tenx-results__desc:last-child {
    margin-bottom: 0 !important;
}

#tenx-landing .tenx-results__desc strong {
    font-weight: 700 !important;
    color: var(--tenx-dark) !important;
}

#tenx-landing .tenx-results__cta {
    text-align: center !important;
    margin-top: 32px;
}

/* Pill button — same style as hero */
#tenx-landing .tenx-results__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: var(--tenx-results-btn-bg) !important;
    background-image: none !important;
    color: var(--tenx-results-btn-text) !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 6px 6px 32px !important;
    border-radius: 100px !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-results__btn::before,
#tenx-landing .tenx-results__btn::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-results__btn-text {
    white-space: nowrap;
    color: var(--tenx-results-btn-text) !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-results__btn-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: var(--tenx-results-btn-arrow) !important;
    flex-shrink: 0;
    color: #fff !important;
}

#tenx-landing .tenx-results__btn-arrow svg {
    display: block !important;
}

#tenx-landing .tenx-results__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(219, 9, 12, 0.35) !important;
}

/* Responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-results {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-results__title {
        font-size: 32px !important;
    }
    #tenx-landing .tenx-results__desc {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-results__title {
        font-size: 26px !important;
    }
}


/* --------------------------------------------
   SECTION 6: PAYMENT MODEL
   -------------------------------------------- */
#tenx-landing .tenx-payment {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-payment__header {
    text-align: center !important;
    margin-bottom: 40px;
}

#tenx-landing .tenx-payment__tag {
    display: inline-block !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--tenx-payment-tag-color) !important;
    background: var(--tenx-payment-tag-bg) !important;
    padding: 6px 20px !important;
    border-radius: 100px !important;
    margin-bottom: 24px !important;
    letter-spacing: 0.02em;
    line-height: 1.4 !important;
}

#tenx-landing .tenx-payment__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-payment-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-payment-heading-color) !important;
    line-height: 1 !important;
    margin: 0 auto !important;
}

#tenx-landing .tenx-payment__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}

/* Payment Card */
#tenx-landing .tenx-payment-card {
    border-radius: 16px !important;
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative;
}

#tenx-landing .tenx-payment-card__top {
    border-radius: 16px 16px 12px 12px !important;
    padding: 24px !important;
    margin: -28px -28px 24px -28px !important;
}

#tenx-landing .tenx-payment-card__badge {
    display: inline-block !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 24px !important;
    border-radius: 100px !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

#tenx-landing .tenx-payment-card__title {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-payment-card-title-size) !important;
    font-weight: 400 !important;
    color: inherit !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding-left: 14px !important;
    border-left: 3px solid transparent !important;
    border-image: linear-gradient(to bottom, var(--pay-accent), transparent) 1 !important;
}

#tenx-landing .tenx-payment-card__features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

#tenx-landing .tenx-payment-card__feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-payment-feature-size) !important;
    font-weight: 400 !important;
    color: inherit !important;
    line-height: 1.4 !important;
}

#tenx-landing .tenx-payment-card__bullet {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 50% !important;
    background: var(--pay-accent) !important;
    color: #fff !important;
    flex-shrink: 0;
    margin-top: 0px;
}

#tenx-landing .tenx-payment-card__bullet svg {
    display: block !important;
}

#tenx-landing .tenx-payment-card__btn {
    display: block !important;
    text-align: center !important;
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-payment-btn-size) !important;
    font-weight: 600 !important;
    padding: 14px 24px !important;
    border-radius: 100px !important;
    background-color: var(--pay-btn-bg) !important;
    color: var(--pay-btn-color) !important;
    text-decoration: none !important;
    margin-top: 28px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: none !important;
    cursor: pointer;
    line-height: 1 !important;
}

#tenx-landing .tenx-payment-card__btn::before,
#tenx-landing .tenx-payment-card__btn::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-payment-card__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Responsive: Payment slider on mobile/tablet */
@media (max-width: 1024px) {
    #tenx-landing .tenx-payment__viewport {
        overflow: hidden !important;
        width: 100% !important;
    }
    #tenx-landing .tenx-payment__grid {
        display: flex !important;
        gap: 16px !important;
    }
    #tenx-landing .tenx-payment-card {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    #tenx-landing .tenx-payment__slider-nav {
        display: flex !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-top: 20px !important;
    }
    #tenx-landing .tenx-payment__slider-nav button {
        all: unset !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        cursor: pointer !important;
        transition: background 0.3s ease, border-color 0.3s ease !important;
    }
    #tenx-landing .tenx-payment__slider-nav button:hover {
        background: var(--tenx-primary) !important;
        border-color: var(--tenx-primary) !important;
        color: #fff !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-payment {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-payment__title {
        font-size: 32px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-payment__title {
        font-size: 26px !important;
    }
}


/* --------------------------------------------
   SECTION 7: PROCESS
   -------------------------------------------- */
#tenx-landing .tenx-process {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-process__header {
    text-align: center !important;
    margin-bottom: 40px;
}

#tenx-landing .tenx-process__tag {
    display: inline-block !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--tenx-process-tag-color) !important;
    background: var(--tenx-process-tag-bg) !important;
    padding: 6px 20px !important;
    border-radius: 100px !important;
    margin-bottom: 24px !important;
    letter-spacing: 0.02em;
    line-height: 1.4 !important;
}

#tenx-landing .tenx-process__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-process-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-process-heading-color) !important;
    line-height: 1 !important;
    margin: 0 auto !important;
}

/* Steps Row */
#tenx-landing .tenx-process__steps {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

#tenx-landing .tenx-process__step {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Icon + connector wrapper */
#tenx-landing .tenx-process__icon-wrap {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 20px;
    justify-content: center !important;
    position: relative;
}

#tenx-landing .tenx-process__icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
    background-color: var(--tenx-process-icon-bg) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

#tenx-landing .tenx-process__icon img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
}

/* Dashed connector line with marching ants animation */
#tenx-landing .tenx-process__connector {
    position: absolute;
    left: calc(50% + 40px);
    top: 50%;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    width: calc(100% - 40px);
    height: 2px;
    background-image: repeating-linear-gradient(
        to right,
        var(--tenx-process-line-color) 0,
        var(--tenx-process-line-color) 10px,
        transparent 10px,
        transparent 16px
    ) !important;
    background-size: 26px 2px !important;
    background-color: transparent !important;
    border: none !important;
    z-index: 1;
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.3s ease !important;
}

#tenx-landing .tenx-process__connector.tenx-line-visible {
    transform: translateY(-50%) scaleX(1);
    opacity: 1;
    animation: tenx-marching-ants 0.8s linear infinite !important;
}

@keyframes tenx-marching-ants {
    0% { background-position: 0 0; }
    100% { background-position: 26px 0; }
}

/* Staggered reveal for process steps */
#tenx-landing .tenx-process__step {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease !important;
}

#tenx-landing .tenx-process__step.tenx-step-visible {
    opacity: 1;
    transform: translateY(0);
}

#tenx-landing .tenx-process__step-title {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-process-title-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-process-title-color) !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}

#tenx-landing .tenx-process__step-desc {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-process-desc-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-process-desc-color) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-process {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-process__steps {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        max-width: 400px;
        margin: 0 auto;
    }

    /* Icon wrap: remove relative so connector escapes to step */
    #tenx-landing .tenx-process__icon-wrap {
        position: static !important;
    }

    /* Step: relative container for the connector */
    #tenx-landing .tenx-process__step {
        position: relative !important;
        padding-bottom: 60px !important;
    }
    #tenx-landing .tenx-process__step:last-child {
        padding-bottom: 0 !important;
    }

    /* Vertical connector between steps */
    #tenx-landing .tenx-process__connector {
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: auto !important;
        bottom: 0 !important;
        transform: translateX(-50%) scaleY(0) !important;
        transform-origin: top center !important;
        width: 3px !important;
        height: 60px !important;
        opacity: 0 !important;
        background-image: repeating-linear-gradient(
            to bottom,
            var(--tenx-process-line-color, #000) 0,
            var(--tenx-process-line-color, #000) 10px,
            transparent 10px,
            transparent 16px
        ) !important;
        background-size: 3px 26px !important;
        background-color: transparent !important;
    }

    #tenx-landing .tenx-process__connector.tenx-line-visible {
        transform: translateX(-50%) scaleY(1) !important;
        opacity: 1 !important;
        animation: tenx-marching-ants-vertical 0.8s linear infinite !important;
    }

    #tenx-landing .tenx-process__title {
        font-size: 32px !important;
    }
}

@keyframes tenx-marching-ants-vertical {
    0% { background-position: 0 0; }
    100% { background-position: 0 26px; }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-process__title {
        font-size: 26px !important;
    }
}


/* --------------------------------------------
   SECTION 5b: ACHIEVED / CASE STUDIES SLIDER
   -------------------------------------------- */

#tenx-landing .tenx-achieved {
    padding: 50px 0 !important;
    overflow: hidden !important;
}

#tenx-landing .tenx-achieved__header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

#tenx-landing .tenx-achieved__tag {
    display: inline-block !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--tenx-achieved-tag-color, #ffffff) !important;
    background: var(--tenx-achieved-tag-bg, #272726) !important;
    padding: 6px 20px !important;
    border-radius: 100px !important;
    margin-bottom: 20px !important;
}

#tenx-landing .tenx-achieved__heading {
    font-family: 'Encode Sans Semi Expanded', sans-serif !important;
    font-size: var(--tenx-achieved-heading-size, 60px) !important;
    font-weight: 700 !important;
    color: var(--tenx-achieved-heading-color, #1a1a1a) !important;
    line-height: 1.1 !important;
    margin: 0 auto !important;
    max-width: 820px !important;
}

/* Slider wrapper (buttons positioned here) */
#tenx-landing .tenx-achieved__slider-wrap {
    position: relative !important;
}

/* Slider viewport (overflow hidden for card clipping) */
#tenx-landing .tenx-achieved__viewport {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Blurred fade on left and right edges */
#tenx-landing .tenx-achieved__viewport::before,
#tenx-landing .tenx-achieved__viewport::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 80px !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

#tenx-landing .tenx-achieved__viewport::before {
    left: 0 !important;
    background: linear-gradient(to right, var(--tenx-achieved-bg, #ffffff) 0%, rgba(255,255,255,0) 100%) !important;
}

#tenx-landing .tenx-achieved__viewport::after {
    right: 0 !important;
    background: linear-gradient(to left, var(--tenx-achieved-bg, #ffffff) 0%, rgba(255,255,255,0) 100%) !important;
}

#tenx-landing .tenx-achieved__track {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform !important;
}

/* Cards: default = side card (fills edge space dynamically) */
#tenx-landing .tenx-achieved__card {
    flex-shrink: 0 !important;
    width: 290px !important;
    height: 160px !important;
    background: #CFCFCF !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                border-radius 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Active card: large center */
#tenx-landing .tenx-achieved__card--active {
    width: 550px !important;
    height: 282px !important;
    background: #272726 !important;
    background-image: var(--card-bg) !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 35px !important;
}

/* Left neighbor of active: top-aligned, flush to left edge */
#tenx-landing .tenx-achieved__card--left {
    border-radius: 0 25px 25px 0 !important;
    align-self: flex-start !important;
}

#tenx-landing .tenx-achieved__card--left .tenx-achieved__card-inner {
    padding-left: 10px !important;
    padding-right: 30px !important;
}

/* Right neighbor of active: bottom-aligned, flush to right edge */
#tenx-landing .tenx-achieved__card--right {
    border-radius: 25px 0 0 25px !important;
    align-self: flex-end !important;
}

#tenx-landing .tenx-achieved__card--right .tenx-achieved__card-inner {
    padding-left: 30px !important;
    padding-right: 10px !important;
}

/* Card inner content */
#tenx-landing .tenx-achieved__card-inner {
    position: relative !important;
    z-index: 2 !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Active card gets more padding */
#tenx-landing .tenx-achieved__card--active .tenx-achieved__card-inner {
    padding: 40px !important;
}

/* Client name: always visible, dark on inactive, white on active */
#tenx-landing .tenx-achieved__client {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-achieved-client-size, 22px) !important;
    font-weight: 700 !important;
    color: #262626 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    transition: color 0.4s ease !important;
    width: 100% !important;
    text-align: center !important;
}

#tenx-landing .tenx-achieved__card--active .tenx-achieved__client {
    color: var(--tenx-achieved-client-color, #ffffff) !important;
    margin: 0 0 10px 0 !important;
}

/* Logo, desc, stats: collapsed + invisible on inactive, expanded + visible on active */
#tenx-landing .tenx-achieved__logo {
    display: block !important;
    width: auto !important;
    object-fit: contain !important;
    opacity: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transition: opacity 0.4s ease, max-height 0.4s ease, margin 0.4s ease !important;
}

#tenx-landing .tenx-achieved__desc {
    opacity: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transition: opacity 0.4s ease, max-height 0.4s ease, margin 0.4s ease !important;
}

#tenx-landing .tenx-achieved__stats {
    display: flex !important;
    opacity: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: opacity 0.4s ease, max-height 0.4s ease !important;
}

#tenx-landing .tenx-achieved__card--active .tenx-achieved__logo {
    opacity: 1 !important;
    max-height: 36px !important;
    margin-bottom: 12px !important;
}

#tenx-landing .tenx-achieved__card--active .tenx-achieved__desc {
    opacity: 1 !important;
    max-height: 200px !important;
    margin: 0 0 16px 0 !important;
}

#tenx-landing .tenx-achieved__card--active .tenx-achieved__stats {
    opacity: 1 !important;
    max-height: 100px !important;
    overflow: visible !important;
}

#tenx-landing .tenx-achieved__desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-achieved-desc-size, 14px) !important;
    font-weight: 400 !important;
    color: var(--tenx-achieved-desc-color, #d9d9d9) !important;
    line-height: 1.6 !important;
    max-width: 620px !important;
}

#tenx-landing .tenx-achieved__stats {
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

#tenx-landing .tenx-achieved__stat {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-achieved-stat-size, 16px) !important;
    font-weight: 500 !important;
    color: var(--tenx-achieved-stat-color, #272726) !important;
    background: var(--tenx-achieved-stat-bg, #ffffff) !important;
    padding: 8px 22px !important;
    border-radius: 50px !important;
    white-space: nowrap !important;
    border: none !important;
}

/* Nav buttons */
#tenx-landing .tenx-achieved__nav {
    position: absolute !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: rgba(39, 39, 38, 0.2) !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    transition: background 0.25s !important;
    padding: 0 !important;
}

#tenx-landing .tenx-achieved__nav:hover {
    background: rgba(39, 39, 38, 0.35) !important;
}

#tenx-landing .tenx-achieved__nav-inner {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #272726 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
}

#tenx-landing .tenx-achieved__nav svg {
    width: 12px !important;
    height: 12px !important;
}

/* Prev: bottom-left of active card */
#tenx-landing .tenx-achieved__nav--prev {
    top: auto !important;
    bottom: 25px !important;
}

/* Next: top-right of active card */
#tenx-landing .tenx-achieved__nav--next {
    top: 25px !important;
}

/* Achieved responsive: simple slider on mobile/tablet */
@media (max-width: 1024px) {
    #tenx-landing .tenx-achieved__heading {
        font-size: 42px !important;
    }

    /* Hide viewport fade edges */
    #tenx-landing .tenx-achieved__viewport::before,
    #tenx-landing .tenx-achieved__viewport::after {
        display: none !important;
    }

    /* All cards: uniform full-width slides — no active/inactive distinction
       Using #tenx-landing #achieved (2 IDs) to beat all base 1-ID selectors */
    #tenx-landing #achieved .tenx-achieved__card,
    #tenx-landing #achieved .tenx-achieved__card--active,
    #tenx-landing #achieved .tenx-achieved__card--left,
    #tenx-landing #achieved .tenx-achieved__card--right {
        flex: 0 0 100% !important;
        width: 100% !important;
        height: 320px !important;
        background: #272726 url(none) !important;
        background-image: var(--card-bg) !important;
        background-size: cover !important;
        background-position: center !important;
        border-radius: 20px !important;
        animation: none !important;
        align-self: auto !important;
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }

    /* Show all content on every card (override collapsed desktop state) */
    #tenx-landing #achieved .tenx-achieved__logo {
        display: block !important;
        max-height: 36px !important;
        width: auto !important;
        margin-bottom: 12px !important;
        object-fit: contain !important;
        opacity: 1 !important;
        overflow: visible !important;
        transition: none !important;
    }
    #tenx-landing #achieved .tenx-achieved__desc {
        display: block !important;
        opacity: 1 !important;
        max-height: none !important;
        margin: 0 0 16px 0 !important;
        overflow: visible !important;
        transition: none !important;
    }
    #tenx-landing #achieved .tenx-achieved__stats {
        display: flex !important;
        opacity: 1 !important;
        max-height: none !important;
        overflow: visible !important;
        transition: none !important;
    }

    /* White text on all cards */
    #tenx-landing #achieved .tenx-achieved__client {
        color: #ffffff !important;
        margin: 0 0 10px 0 !important;
    }

    /* Uniform card inner padding */
    #tenx-landing #achieved .tenx-achieved__card-inner {
        padding: 28px 24px !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    /* Track: gap between slides */
    #tenx-landing #achieved .tenx-achieved__track {
        gap: 16px !important;
    }

    /* Nav buttons: centered row below slider */
    #tenx-landing .tenx-achieved__nav {
        position: static !important;
        transform: none !important;
        width: 44px !important;
        height: 44px !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
    }

    #tenx-landing .tenx-achieved__nav:hover {
        background: var(--tenx-primary) !important;
        border-color: var(--tenx-primary) !important;
        color: #fff !important;
    }

    #tenx-landing .tenx-achieved__nav:hover .tenx-achieved__nav-inner {
        background: transparent !important;
        color: #fff !important;
    }

    #tenx-landing .tenx-achieved__nav-inner {
        background: transparent !important;
        color: var(--tenx-dark) !important;
    }

    #tenx-landing .tenx-achieved__nav--prev,
    #tenx-landing .tenx-achieved__nav--next {
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }

    /* Slider wrap: flex so buttons sit below viewport */
    #tenx-landing .tenx-achieved__slider-wrap {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    #tenx-landing .tenx-achieved__viewport {
        width: 100% !important;
        margin-bottom: 16px !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-achieved {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-achieved__heading {
        font-size: 32px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-achieved__heading {
        font-size: 26px !important;
    }
    #tenx-landing #achieved .tenx-achieved__card,
    #tenx-landing #achieved .tenx-achieved__card--active,
    #tenx-landing #achieved .tenx-achieved__card--left,
    #tenx-landing #achieved .tenx-achieved__card--right {
        height: 360px !important;
    }
    #tenx-landing .tenx-achieved__stat {
        font-size: 13px !important;
        padding: 6px 16px !important;
    }
}


/* --------------------------------------------
   SECTION 8: SALES / HIGH CONVERTING
   -------------------------------------------- */
#tenx-landing .tenx-sales {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-sales__heading {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-sales-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-sales-heading-color) !important;
    line-height: 1.1 !important;
    margin: 0 0 30px !important;
    max-width: calc(50% - 25px);
}

#tenx-landing .tenx-sales__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 50px !important;
    align-items: stretch !important;
}

/* Left column */
#tenx-landing .tenx-sales__left img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

/* Right column */
#tenx-landing .tenx-sales__right {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    justify-content: center !important;
}

#tenx-landing .tenx-sales__desc {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-sales-desc-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-sales-desc-color) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

#tenx-landing .tenx-sales__desc strong {
    font-weight: 700 !important;
    color: inherit !important;
}

/* Responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-sales {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-sales__heading {
        max-width: 100% !important;
        font-size: 32px !important;
        text-align: center !important;
    }
    #tenx-landing .tenx-sales__grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    #tenx-landing .tenx-sales__desc {
        text-align: center !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-sales__heading {
        font-size: 26px !important;
    }
    #tenx-landing .tenx-sales__desc {
        font-size: 14px !important;
    }
}


/* --------------------------------------------
   SECTION 9: SECTORS WE SERVE
   -------------------------------------------- */
#tenx-landing .tenx-sectors {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-sectors__header {
    text-align: center !important;
    margin-bottom: 40px;
}

#tenx-landing .tenx-sectors__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-sectors-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-sectors-heading-color) !important;
    line-height: 1 !important;
    margin: 0 auto 16px !important;
}

#tenx-landing .tenx-sectors__desc {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-sectors-desc-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-sectors-desc-color) !important;
    line-height: 1.6 !important;
    max-width: 600px;
    margin: 0 auto !important;
}

/* Sector cards bento layout (1237x454 frame, % = px / frame size) */
#tenx-landing .tenx-sectors__grid {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding-bottom: 36.7% !important;          /* 454 / 1237 */
    margin-bottom: 40px;
}

#tenx-landing .tenx-sector-card {
    position: absolute !important;
    border-radius: 25px !important;            /* Figma: 25px */
    padding: 20px 24px !important;
    display: flex !important;
    align-items: flex-end !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Card positions — exact Figma values as % of 1237×454 frame */

/* Card 1: Home Improvements  400×158  @ (0, 0) */
#tenx-landing .tenx-sector-card--1 {
    left: 0%;      top: 0%;
    width: 32.34%; height: 34.80%;
}

/* Card 2: Travel & tourism  400×178  @ (420, 20) */
#tenx-landing .tenx-sector-card--2 {
    left: 33.95%;  top: 4.41%;
    width: 32.34%; height: 39.21%;
}

/* Card 3: Education Consultancy  397×138  @ (840, 0) */
#tenx-landing .tenx-sector-card--3 {
    left: 67.91%;  top: 0%;
    width: 32.09%; height: 30.40%;
}

/* Card 4: Renovation  400×128  @ (0, 178) */
#tenx-landing .tenx-sector-card--4 {
    left: 0%;      top: 39.21%;
    width: 32.34%; height: 28.19%;
}

/* Card 5: Solar  295×109  @ (525, 218) */
#tenx-landing .tenx-sector-card--5 {
    left: 42.44%;  top: 48.02%;
    width: 23.85%; height: 24.01%;
}

/* Card 6: Healthcare  295×122  @ (840, 158) */
#tenx-landing .tenx-sector-card--6 {
    left: 67.91%;  top: 34.80%;
    width: 23.85%; height: 26.87%;
}

/* Card 7: Real Estate  295×128  @ (224, 326) */
#tenx-landing .tenx-sector-card--7 {
    left: 18.11%;  top: 71.81%;
    width: 23.85%; height: 28.19%;
}

/* Card 8: Construction  315×128  @ (840, 300) */
#tenx-landing .tenx-sector-card--8 {
    left: 67.91%;  top: 66.08%;
    width: 25.47%; height: 28.19%;
}

/* Arrow icon — centered between Renovation & Solar */
#tenx-landing .tenx-sectors__arrow {
    position: absolute !important;
    left: 35.6%;
    top: 51.8%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(219, 9, 12, 0.12) !important;
    color: var(--tenx-primary) !important;
}

#tenx-landing .tenx-sectors__arrow svg {
    display: block !important;
    color: #db090c !important;
}

/* Ellipse gradient glow — top-left corner */
#tenx-landing .tenx-sector-card::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: -30px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, var(--sector-glow) 0%, transparent 70%) !important;
    opacity: 0.6 !important;
    pointer-events: none;
    z-index: 1;
}

#tenx-landing .tenx-sector-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

#tenx-landing .tenx-sector-card__name {
    font-family: var(--tenx-body-font) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: inherit !important;
    line-height: 1.3 !important;
    position: relative;
    z-index: 2;
}

/* Footer */
#tenx-landing .tenx-sectors__footer {
    text-align: center !important;
}

#tenx-landing .tenx-sectors__bottom-text {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-sectors-desc-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-sectors-desc-color) !important;
    line-height: 1.6 !important;
    margin: 0 0 24px !important;
}

#tenx-landing .tenx-sectors__bottom-text strong {
    font-weight: 700 !important;
    color: var(--tenx-sectors-heading-color) !important;
}

/* Pill button — same style as hero */
#tenx-landing .tenx-sectors__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: var(--tenx-sectors-btn-bg) !important;
    background-image: none !important;
    color: var(--tenx-sectors-btn-text) !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 6px 6px 32px !important;
    border-radius: 100px !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-sectors__btn::before,
#tenx-landing .tenx-sectors__btn::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-sectors__btn-text {
    white-space: nowrap;
    color: var(--tenx-sectors-btn-text) !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-sectors__btn-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: var(--tenx-sectors-btn-arrow) !important;
    flex-shrink: 0;
    color: #fff !important;
}

#tenx-landing .tenx-sectors__btn-arrow svg {
    display: block !important;
}

#tenx-landing .tenx-sectors__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(219, 9, 12, 0.35) !important;
}

/* Responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-sectors {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-sectors__grid {
        position: static !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-rows: auto !important;
        gap: 12px !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }
    #tenx-landing .tenx-sector-card,
    #tenx-landing .tenx-sector-card--1,
    #tenx-landing .tenx-sector-card--2,
    #tenx-landing .tenx-sector-card--3,
    #tenx-landing .tenx-sector-card--4,
    #tenx-landing .tenx-sector-card--5,
    #tenx-landing .tenx-sector-card--6,
    #tenx-landing .tenx-sector-card--7,
    #tenx-landing .tenx-sector-card--8 {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        min-height: 90px;
    }
    #tenx-landing .tenx-sectors__arrow {
        display: none !important;
    }
    #tenx-landing .tenx-sectors__title {
        font-size: 32px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-sectors__grid {
        grid-template-columns: 1fr !important;
    }
    #tenx-landing .tenx-sectors__title {
        font-size: 26px !important;
    }
}


/* --------------------------------------------
   RESPONSIVE — HERO
   -------------------------------------------- */
@media (max-width: 1024px) {
    #tenx-landing .tenx-hero__bg-wrap {
        padding: 50px 0 30px !important;
        background-image: none !important;
        background-color: var(--tenx-hero-mobile-bg, #f5f5f5) !important;
        min-height: auto !important;
    }
    #tenx-landing .tenx-hero__headline {
        font-size: 60px !important;
    }

    /* Metrics auto-slider: show one metric at a time */
    #tenx-landing .tenx-hero__metrics {
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        margin-top: 28px !important;
    }
    #tenx-landing .tenx-hero__metrics-divider {
        display: none !important;
    }
    #tenx-landing .tenx-hero__metric {
        flex: 0 0 100% !important;
        align-items: center !important;
        text-align: center !important;
        opacity: 0 !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        transition: opacity 0.5s ease !important;
        width: 100% !important;
    }
    #tenx-landing .tenx-hero__metric.tenx-metric--active {
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

    #tenx-landing .tenx-hero__metric-value {
        font-size: 52px !important;
    }

    #tenx-landing .tenx-hero__metric-label {
        font-size: 24px !important;
        margin-top: 6px !important;
    }

    /* Reduce gap between metrics and video on tablet */
    #tenx-landing .tenx-hero__bg-wrap > .tenx-container {
        padding-bottom: 20px !important;
    }

    /* Video — tablet */
    #tenx-landing .tenx-hero__video {
        padding: 16px 0 40px !important;
    }

    #tenx-landing .tenx-hero__video .tenx-video__player {
        max-height: 60vh !important;
        border-radius: 12px !important;
    }

    #tenx-landing .tenx-video__sound-btn {
        bottom: 55px !important;
        right: 16px !important;
        width: 40px !important;
        height: 40px !important;
    }

    #tenx-landing .tenx-video__sound-btn svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 768px) {
    .tenx-container {
        padding: 0 20px !important;
    }

    #tenx-landing .tenx-hero__bg-wrap {
        padding: 60px 0 30px !important;
        min-height: 500px;
    }

    #tenx-landing .tenx-hero__bg-wrap > .tenx-container {
        padding-bottom: 16px !important;
    }

    /* Video — mobile */
    #tenx-landing .tenx-hero__video {
        padding: 12px 0 32px !important;
    }

    #tenx-landing .tenx-hero__video .tenx-video__player {
        max-height: 50vh !important;
        border-radius: 10px !important;
    }

    #tenx-landing .tenx-video__sound-btn {
        bottom: 44px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
    }

    #tenx-landing .tenx-video__sound-btn svg {
        width: 18px !important;
        height: 18px !important;
    }

    #tenx-landing .tenx-hero__headline {
        font-size: 40px !important;
    }

    #tenx-landing .tenx-hero__description {
        font-size: 15px !important;
        max-width: 100%;
    }

    #tenx-landing .tenx-hero__metric-value {
        font-size: 48px !important;
    }

    #tenx-landing .tenx-hero__metric-label {
        font-size: 22px !important;
    }
}

@media (max-width: 480px) {
    .tenx-container {
        padding: 0 16px !important;
    }

    #tenx-landing .tenx-hero {
        min-height: auto;
    }

    #tenx-landing .tenx-hero__bg-wrap > .tenx-container {
        padding-bottom: 12px !important;
    }

    /* Video — small mobile */
    #tenx-landing .tenx-hero__video {
        padding: 10px 0 24px !important;
    }

    #tenx-landing .tenx-hero__video .tenx-video__player {
        max-height: 45vh !important;
        border-radius: 8px !important;
    }

    #tenx-landing .tenx-video__sound-btn {
        bottom: 34px !important;
        right: 10px !important;
        width: 32px !important;
        height: 32px !important;
    }

    #tenx-landing .tenx-video__sound-btn svg {
        width: 16px !important;
        height: 16px !important;
    }

    #tenx-landing .tenx-hero__headline {
        font-size: 32px !important;
    }

    #tenx-landing .tenx-hero__description {
        font-size: 14px !important;
    }

    #tenx-landing .tenx-hero__metric-value {
        font-size: 44px !important;
    }

    #tenx-landing .tenx-hero__metric-label {
        font-size: 20px !important;
    }
}


/* --------------------------------------------
   SECTION 10: BOOK CONSULTATION (Custom Google Calendar Booking)
   -------------------------------------------- */

#tenx-landing .tenx-consultation {
    background: var(--tenx-consult-bg, #ffffff) !important;
    padding: 60px 0 !important;
}

#tenx-landing .tenx-consultation__heading {
    font-family: 'Encode Sans Semi Expanded', sans-serif !important;
    font-size: var(--tenx-consult-heading-size, 60px) !important;
    font-weight: 700 !important;
    color: var(--tenx-consult-heading-color, #262626) !important;
    line-height: 1.1 !important;
    margin: 0 0 40px 0 !important;
    text-align: center !important;
}

/* Card wrapper (2-column layout) */
#tenx-landing .tenx-consultation__card {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* Fallback grid (embed/static mode) */
#tenx-landing .tenx-consultation__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
    align-items: start !important;
}

/* Left column */
#tenx-landing .tenx-consultation__card .tenx-consultation__left {
    padding: 40px !important;
    border-right: 1px solid #e5e7eb !important;
}

#tenx-landing .tenx-consultation__date-row {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

#tenx-landing .tenx-consultation__date-icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ED1F24, #D60005) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#tenx-landing .tenx-consultation__date-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

#tenx-landing .tenx-consultation__date-icon svg {
    width: 24px !important;
    height: 24px !important;
}

#tenx-landing .tenx-consultation__date-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-consult-cal-heading-size, 20px) !important;
    font-weight: 600 !important;
    color: #262626 !important;
    line-height: 1.3 !important;
}

#tenx-landing .tenx-consultation__date-subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-consult-cal-subtext-size, 14px) !important;
    font-weight: 400 !important;
    color: #666666 !important;
    line-height: 1.4 !important;
}

/* Interactive calendar widget */
#tenx-landing .tenx-booking__calendar {
    background: var(--tenx-consult-calendar-bg, #F7F6F7) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    width: 100% !important;
}

#tenx-landing .tenx-consultation__calendar {
    background: var(--tenx-consult-calendar-bg, #F7F6F7) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    max-width: 527px !important;
    width: 100% !important;
}

#tenx-landing .tenx-consultation__calendar-embed {
    width: 100% !important;
    min-height: 580px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}

#tenx-landing .tenx-consultation__calendar-embed iframe,
#tenx-landing .tenx-consultation__calendar-embed .calendly-inline-widget {
    height: 580px !important;
    min-height: auto !important;
    border-radius: 20px !important;
}

#tenx-landing .tenx-cal__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

#tenx-landing .tenx-cal__month {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #262626 !important;
}

#tenx-landing .tenx-cal__nav {
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #262626 !important;
    border-radius: 50% !important;
    border: none !important;
    background: transparent !important;
    transition: background 0.2s, opacity 0.2s !important;
    padding: 0 !important;
}

#tenx-landing .tenx-cal__nav:hover {
    background: rgba(0,0,0,0.06) !important;
}

#tenx-landing .tenx-cal__nav--disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

#tenx-landing .tenx-cal__weekdays {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

#tenx-landing .tenx-cal__weekday {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #EA1B20 !important;
    padding: 4px 0 !important;
}

#tenx-landing .tenx-cal__days {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    text-align: center !important;
    gap: 4px !important;
}

#tenx-landing .tenx-cal__day {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #262626 !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    border-radius: 50% !important;
    cursor: default !important;
    transition: background 0.15s, color 0.15s !important;
}

#tenx-landing .tenx-cal__day--other {
    color: #CECECE !important;
}

#tenx-landing .tenx-cal__day--today {
    border: 2px solid #EA1B20 !important;
    font-weight: 600 !important;
}

#tenx-landing .tenx-cal__day--available {
    cursor: pointer !important;
}

#tenx-landing .tenx-cal__day--available:hover {
    background: rgba(234, 27, 32, 0.1) !important;
}

#tenx-landing .tenx-cal__day--selected {
    background: #EA1B20 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

#tenx-landing .tenx-cal__day--disabled {
    color: #d1d5db !important;
    cursor: not-allowed !important;
}

/* Time Slots */
#tenx-landing .tenx-booking__slots {
    margin-top: 24px !important;
}

#tenx-landing .tenx-booking__slots-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin: 0 0 12px 0 !important;
}

#tenx-landing .tenx-booking__slots-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#tenx-landing .tenx-booking__slot-pill {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 50px !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
}

#tenx-landing .tenx-booking__slot-pill:hover {
    border-color: #EA1B20 !important;
    color: #EA1B20 !important;
}

#tenx-landing .tenx-booking__slot-pill--selected {
    background: #EA1B20 !important;
    color: #ffffff !important;
    border-color: #EA1B20 !important;
}

#tenx-landing .tenx-booking__slots-empty,
#tenx-landing .tenx-booking__slots-loading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #6b7280 !important;
    margin: 8px 0 0 0 !important;
    font-style: italic !important;
}

/* Right column: form */
#tenx-landing .tenx-consultation__card .tenx-consultation__right {
    padding: 40px !important;
    background: #f9fafb !important;
}

#tenx-landing .tenx-consultation__grid .tenx-consultation__right {
    background: var(--tenx-consult-form-bg, #f5f5f5) !important;
    border-radius: 25px !important;
    padding: 28px 32px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Submit button text */

/* Form styles */
#tenx-landing .tenx-consultation__shortcode {
    width: 100% !important;
}

#tenx-landing .tenx-consultation__shortcode input[type="text"],
#tenx-landing .tenx-consultation__shortcode input[type="email"],
#tenx-landing .tenx-consultation__shortcode input[type="tel"],
#tenx-landing .tenx-consultation__shortcode input[type="url"],
#tenx-landing .tenx-consultation__shortcode input[type="number"],
#tenx-landing .tenx-consultation__shortcode select,
#tenx-landing .tenx-consultation__shortcode textarea {
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

#tenx-landing .tenx-consultation__shortcode textarea {
    height: 80px !important;
    padding: 10px 16px !important;
}

#tenx-landing .tenx-consultation__shortcode label {
    font-size: 14px !important;
    margin-bottom: 2px !important;
}

#tenx-landing .tenx-consultation__shortcode p,
#tenx-landing .tenx-consultation__shortcode .wpcf7-form-control-wrap,
#tenx-landing .tenx-consultation__shortcode .wpforms-field {
    margin-bottom: 8px !important;
}

#tenx-landing .tenx-consultation__shortcode input[type="submit"],
#tenx-landing .tenx-consultation__shortcode button[type="submit"] {
    height: 44px !important;
    font-size: 15px !important;
    border-radius: 50px !important;
}

#tenx-landing .tenx-consultation__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#tenx-landing .tenx-consultation__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

#tenx-landing .tenx-consultation__field label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
}

#tenx-landing .tenx-consultation__field input,
#tenx-landing .tenx-consultation__field textarea {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    padding: 0 16px !important;
    height: 46px !important;
    color: #262626 !important;
    outline: none !important;
    width: 100% !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
}

#tenx-landing .tenx-consultation__field input:focus,
#tenx-landing .tenx-consultation__field textarea:focus {
    border-color: #EA1B20 !important;
}

#tenx-landing .tenx-consultation__field input::placeholder,
#tenx-landing .tenx-consultation__field textarea::placeholder {
    color: #9ca3af !important;
}

#tenx-landing .tenx-consultation__field textarea {
    height: 80px !important;
    padding: 12px 16px !important;
    resize: vertical !important;
}

#tenx-landing .tenx-consultation__btn {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--tenx-consult-btn-gradient-start, #ED1F24), var(--tenx-consult-btn-gradient-end, #D60005)) !important;
    border: none !important;
    border-radius: 50px !important;
    height: 48px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: opacity 0.25s !important;
    margin-top: 4px !important;
}

#tenx-landing .tenx-consultation__btn:hover {
    opacity: 0.9 !important;
}

#tenx-landing .tenx-consultation__btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

#tenx-landing .tenx-consultation__privacy {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    text-align: center !important;
    margin: 8px 0 0 0 !important;
    line-height: 1.4 !important;
}

/* Status messages */
#tenx-landing .tenx-booking__status {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin: 8px 0 0 0 !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
}

#tenx-landing .tenx-booking__status--error {
    color: #dc2626 !important;
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
}

#tenx-landing .tenx-booking__status--success {
    color: #059669 !important;
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
}

#tenx-landing .tenx-booking__status--loading {
    color: #6b7280 !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

/* Consultation responsive */
@media (max-width: 1024px) {
    #tenx-landing .tenx-consultation__card {
        grid-template-columns: 1fr 1fr !important;
    }

    #tenx-landing .tenx-consultation__grid {
        grid-template-columns: 1fr 1fr !important;
    }

    #tenx-landing .tenx-consultation__heading {
        font-size: 42px !important;
    }

    #tenx-landing .tenx-consultation__card .tenx-consultation__left {
        padding: 28px !important;
    }

    #tenx-landing .tenx-consultation__card .tenx-consultation__right {
        padding: 28px !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-consultation {
        padding: 50px 0 !important;
    }

    #tenx-landing .tenx-consultation__card {
        grid-template-columns: 1fr !important;
    }

    #tenx-landing .tenx-consultation__card .tenx-consultation__left {
        border-right: none !important;
        border-bottom: 1px solid #e5e7eb !important;
        padding: 28px !important;
    }

    #tenx-landing .tenx-consultation__card .tenx-consultation__right {
        padding: 28px !important;
    }

    #tenx-landing .tenx-consultation__grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    #tenx-landing .tenx-consultation__heading {
        font-size: 32px !important;
    }

    #tenx-landing .tenx-consultation__date-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    #tenx-landing .tenx-consultation__date-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    #tenx-landing .tenx-booking__calendar {
        padding: 20px !important;
    }

    #tenx-landing .tenx-consultation__calendar {
        max-width: 100% !important;
        padding: 20px !important;
    }

    #tenx-landing .tenx-consultation__calendar-embed {
        min-height: 450px !important;
    }

    #tenx-landing .tenx-consultation__calendar-embed iframe,
    #tenx-landing .tenx-consultation__calendar-embed .calendly-inline-widget {
        height: 450px !important;
    }

    #tenx-landing .tenx-consultation__date-title {
        font-size: 18px !important;
    }

    #tenx-landing .tenx-consultation__date-subtitle {
        font-size: 13px !important;
    }

    #tenx-landing .tenx-consultation__grid .tenx-consultation__right {
        padding: 24px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-consultation__heading {
        font-size: 26px !important;
    }

    #tenx-landing .tenx-consultation__card .tenx-consultation__left,
    #tenx-landing .tenx-consultation__card .tenx-consultation__right {
        padding: 20px !important;
    }

    #tenx-landing .tenx-consultation__date-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    #tenx-landing .tenx-consultation__date-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    #tenx-landing .tenx-consultation__date-title {
        font-size: 16px !important;
    }

    #tenx-landing .tenx-booking__calendar {
        padding: 16px !important;
    }

    #tenx-landing .tenx-cal__day {
        width: 32px !important;
        height: 32px !important;
        font-size: 12px !important;
    }

    #tenx-landing .tenx-booking__slot-pill {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }

    #tenx-landing .tenx-consultation__field input,
    #tenx-landing .tenx-consultation__field textarea {
        height: 44px !important;
        font-size: 14px !important;
    }

    #tenx-landing .tenx-consultation__field textarea {
        height: 70px !important;
    }

    #tenx-landing .tenx-consultation__btn {
        height: 46px !important;
        font-size: 15px !important;
    }

    #tenx-landing .tenx-consultation__calendar-embed {
        min-height: 350px !important;
    }

    #tenx-landing .tenx-consultation__calendar-embed iframe,
    #tenx-landing .tenx-consultation__calendar-embed .calendly-inline-widget {
        height: 350px !important;
    }
}


/* --------------------------------------------
   TWO SERVICES SECTION
   -------------------------------------------- */

#tenx-landing .tenx-twoservices {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-twoservices__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
}

#tenx-landing .tenx-twoservices__card {
    background: linear-gradient(180deg, #ffffff 0%, #fde8e8 100%) !important;
    border: 1px solid #f5c6c6 !important;
    border-radius: 24px !important;
    padding: 50px 40px !important;
    display: flex !important;
    flex-direction: column !important;
}

#tenx-landing .tenx-twoservices__heading {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-twoservices-heading-size, 36px) !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.2 !important;
    margin: 0 0 24px !important;
}

#tenx-landing .tenx-twoservices__text {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-twoservices-text-size, 14px) !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 1.7 !important;
    margin: 0 0 32px !important;
    flex-grow: 1 !important;
}

#tenx-landing .tenx-twoservices__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: #db090c !important;
    background-image: none !important;
    color: #ffffff !important;
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-twoservices-cta-size, 16px) !important;
    font-weight: 500 !important;
    padding: 6px 6px 6px 32px !important;
    border-radius: 100px !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    line-height: 1 !important;
    align-self: flex-start !important;
}

#tenx-landing .tenx-twoservices__btn::before,
#tenx-landing .tenx-twoservices__btn::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-twoservices__btn-text {
    white-space: nowrap;
    color: #ffffff !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-twoservices__btn-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    flex-shrink: 0;
    color: #fff !important;
}

#tenx-landing .tenx-twoservices__btn-arrow svg {
    display: block !important;
}

#tenx-landing .tenx-twoservices__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(219, 9, 12, 0.35) !important;
}

/* Two Services responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-twoservices__grid {
        grid-template-columns: 1fr !important;
    }
    #tenx-landing .tenx-twoservices__card {
        padding: 36px 28px !important;
    }
    #tenx-landing .tenx-twoservices__heading {
        font-size: 28px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-twoservices__heading {
        font-size: 24px !important;
    }
    #tenx-landing .tenx-twoservices__card {
        padding: 28px 20px !important;
        border-radius: 18px !important;
    }
    #tenx-landing .tenx-twoservices__btn {
        font-size: 14px !important;
        padding: 5px 5px 5px 24px !important;
    }
    #tenx-landing .tenx-twoservices__btn-arrow {
        width: 40px !important;
        height: 40px !important;
    }
}


/* --------------------------------------------
   FEATURES / OTHER SERVICES (Tabs)
   -------------------------------------------- */

#tenx-landing .tenx-features {
    margin-top: 60px !important;
    padding: 0 !important;
}

#tenx-landing .tenx-features__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 50px !important;
    align-items: start !important;
    position: relative !important;
}

/* Tab list (left column) */
#tenx-landing .tenx-features__tabs {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

#tenx-landing .tenx-features__tab {
    all: unset !important;
    display: block !important;
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-features-tab-size, 20px) !important;
    font-weight: 400 !important;
    color: #999999 !important;
    padding: 20px 0 !important;
    border-bottom: 2px solid #e0e0e0 !important;
    cursor: pointer !important;
    transition: color 0.3s ease, border-color 0.3s ease !important;
    text-align: left !important;
    line-height: 1.3 !important;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#tenx-landing .tenx-features__tab:first-child {
    padding-top: 0 !important;
}

#tenx-landing .tenx-features__tab--active {
    font-weight: 600 !important;
    color: #000000 !important;
    border-bottom-color: #db090c !important;
}

#tenx-landing .tenx-features__tab:hover:not(.tenx-features__tab--active) {
    color: #555555 !important;
}

/* Content panels (middle column) */
#tenx-landing .tenx-features__content-area {
    position: relative !important;
}

#tenx-landing .tenx-features__panel {
    display: none !important;
}

#tenx-landing .tenx-features__panel--active {
    display: block !important;
}

#tenx-landing .tenx-features__heading {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-features-heading-size, 42px) !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.15 !important;
    margin: 0 0 20px !important;
}

#tenx-landing .tenx-features__text {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-features-text-size, 14px) !important;
    font-weight: 400 !important;
    color: #444444 !important;
    line-height: 1.7 !important;
    margin: 0 0 30px !important;
}

#tenx-landing .tenx-features__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: #db090c !important;
    background-image: none !important;
    color: #ffffff !important;
    font-family: var(--tenx-body-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 6px 6px 32px !important;
    border-radius: 100px !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-features__btn::before,
#tenx-landing .tenx-features__btn::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-features__btn-text {
    white-space: nowrap;
    color: #ffffff !important;
    line-height: 1 !important;
}

#tenx-landing .tenx-features__btn-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    flex-shrink: 0;
    color: #fff !important;
}

#tenx-landing .tenx-features__btn-arrow svg {
    display: block !important;
}

#tenx-landing .tenx-features__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(219, 9, 12, 0.35) !important;
}

/* Image decorations (absolute overlay, not a grid column) */
#tenx-landing .tenx-features__images {
    position: absolute !important;
    top: 0 !important;
    right: -40px !important;
    width: 200px !important;
    height: 260px !important;
    pointer-events: none !important;
}

#tenx-landing .tenx-features__img-wrap {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

#tenx-landing .tenx-features__img-wrap--active {
    display: block !important;
}

#tenx-landing .tenx-features__img-wrap img {
    width: 160px !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
}

/* stack effect: offset second visible image */
#tenx-landing .tenx-features__img-wrap--active + .tenx-features__img-wrap {
    display: block !important;
    top: 30px !important;
    right: -20px !important;
    opacity: 0.6 !important;
}

/* Features responsive */
@media (max-width: 1024px) {
    #tenx-landing .tenx-features__images {
        display: none !important;
    }
    #tenx-landing .tenx-features__heading {
        font-size: 34px !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-twoservices {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-features {
        margin-top: 40px !important;
    }
    #tenx-landing .tenx-features__grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    #tenx-landing .tenx-features__tabs {
        flex-direction: row !important;
        overflow-x: auto !important;
        gap: 0 !important;
        border-bottom: 2px solid #e0e0e0 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    #tenx-landing .tenx-features__tabs::-webkit-scrollbar {
        display: none;
    }
    #tenx-landing .tenx-features__tab {
        border-bottom: none !important;
        padding: 12px 14px !important;
        white-space: nowrap !important;
        font-size: 14px !important;
    }
    #tenx-landing .tenx-features__tab:first-child {
        padding-top: 12px !important;
    }
    #tenx-landing .tenx-features__tab--active {
        border-bottom: 3px solid #db090c !important;
    }
    #tenx-landing .tenx-features__heading {
        font-size: 28px !important;
    }
    #tenx-landing .tenx-features__images {
        display: none !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-features__tab {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
    #tenx-landing .tenx-features__heading {
        font-size: 24px !important;
    }
    #tenx-landing .tenx-features__btn {
        font-size: 14px !important;
        padding: 5px 5px 5px 24px !important;
    }
    #tenx-landing .tenx-features__btn-arrow {
        width: 40px !important;
        height: 40px !important;
    }
}


/* --------------------------------------------
   LANDING FOOTER
   -------------------------------------------- */

#tenx-landing .tenx-footer {
    border-top: 1px solid #dde3ea !important;
}

/* Top section: logo + tagline + email */
#tenx-landing .tenx-footer__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 40px 40px 30px !important;
}

#tenx-landing .tenx-footer__logo-text {
    font-family: 'Encode Sans Semi Expanded', sans-serif !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    color: var(--tenx-footer-logo-color, #1a1a1a) !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
    margin-bottom: 16px !important;
}

#tenx-landing .tenx-footer__logo-img {
    height: 80px !important;
    width: auto !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    object-fit: contain !important;
}

#tenx-landing .tenx-footer__tagline {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-footer-tagline-size, 20px) !important;
    font-weight: 400 !important;
    color: var(--tenx-footer-tagline-color, #333333) !important;
    line-height: 1.5 !important;
    margin: 0 0 20px 0 !important;
    max-width: 550px !important;
}

#tenx-landing .tenx-footer__tagline strong {
    font-weight: 700 !important;
}

#tenx-landing .tenx-footer__email {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-footer-email-size, 17px) !important;
    font-weight: 500 !important;
    color: var(--tenx-footer-email-color, #1a1a1a) !important;
    text-decoration: none !important;
    transition: opacity 0.25s !important;
}

#tenx-landing .tenx-footer__email:hover {
    opacity: 0.7 !important;
}

/* Bottom bar: copyright + links */
#tenx-landing .tenx-footer__bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid #000000 !important;
    padding: 20px 0 !important;
    margin: 0 40px !important;
}

#tenx-landing .tenx-footer__copyright {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--tenx-footer-bottom-color, #888888) !important;
}

#tenx-landing .tenx-footer__links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#tenx-landing .tenx-footer__links a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--tenx-footer-bottom-color, #888888) !important;
    text-decoration: none !important;
    transition: color 0.25s !important;
}

#tenx-landing .tenx-footer__links a:hover {
    color: #555555 !important;
}

#tenx-landing .tenx-footer__divider {
    color: #bbbbbb !important;
    font-size: 14px !important;
}

/* Footer responsive */
@media (max-width: 768px) {
    #tenx-landing .tenx-footer__top {
        padding: 40px 24px 30px !important;
    }

    #tenx-landing .tenx-footer__logo-text {
        font-size: 42px !important;
    }

    #tenx-landing .tenx-footer__tagline {
        font-size: 17px !important;
    }

    #tenx-landing .tenx-footer__bottom {
        flex-direction: column !important;
        gap: 12px !important;
        text-align: center !important;
        margin: 0 24px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-footer__logo-text {
        font-size: 36px !important;
    }

    #tenx-landing .tenx-footer__tagline {
        font-size: 15px !important;
    }

    #tenx-landing .tenx-footer__email {
        font-size: 15px !important;
    }
}

/* ==========================================================================
   PROVEN ASSETS / ADS SLIDER
   ========================================================================== */
#tenx-landing .tenx-proven {
    padding: 50px 0 !important;
}

#tenx-landing .tenx-proven__header {
    text-align: center !important;
    margin-bottom: 40px !important;
}

#tenx-landing .tenx-proven__title {
    font-family: var(--tenx-heading-font) !important;
    font-size: var(--tenx-proven-heading-size) !important;
    font-weight: 700 !important;
    color: var(--tenx-proven-heading-color) !important;
    line-height: 1.15 !important;
    margin: 0 0 16px !important;
}

#tenx-landing .tenx-proven__subtitle {
    font-family: var(--tenx-body-font) !important;
    font-size: var(--tenx-proven-subtext-size) !important;
    font-weight: 400 !important;
    color: var(--tenx-proven-subtext-color) !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
    max-width: 680px !important;
}

/* Slider */
#tenx-landing .tenx-proven__slider {
    position: relative !important;
    overflow: hidden !important;
}

#tenx-landing .tenx-proven__track {
    display: flex !important;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    gap: 24px !important;
}

#tenx-landing .tenx-proven__slide {
    flex: 0 0 calc(33.333% - 16px) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

#tenx-landing .tenx-proven__slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Navigation */
#tenx-landing .tenx-proven__nav {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 32px !important;
}

#tenx-landing .tenx-proven__arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: var(--tenx-dark) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

#tenx-landing .tenx-proven__arrow::before,
#tenx-landing .tenx-proven__arrow::after {
    display: none !important;
    content: none !important;
}

#tenx-landing .tenx-proven__arrow:hover {
    background: var(--tenx-primary) !important;
    border-color: var(--tenx-primary) !important;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 1024px) {
    #tenx-landing .tenx-proven {
        padding: 50px 0 !important;
    }
    #tenx-landing .tenx-proven__title {
        font-size: 36px !important;
    }
    #tenx-landing .tenx-proven__slide {
        flex: 0 0 calc(50% - 12px) !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-proven {
        padding: 40px 0 !important;
    }
    #tenx-landing .tenx-proven__title {
        font-size: 30px !important;
    }
    #tenx-landing .tenx-proven__subtitle {
        font-size: 14px !important;
    }
    #tenx-landing .tenx-proven__slide {
        flex: 0 0 calc(50% - 12px) !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-proven__title {
        font-size: 26px !important;
    }
    #tenx-landing .tenx-proven__slide {
        flex: 0 0 100% !important;
    }
    #tenx-landing .tenx-proven__track {
        gap: 16px !important;
    }
}

/* --------------------------------------------
   THANK YOU PAGE
   -------------------------------------------- */

#tenx-landing .tenx-header--thankyou {
    position: relative !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eee !important;
}

/* Desktop thank you: hide button, center logo, slightly bigger */
@media (min-width: 1025px) {
    #tenx-landing .tenx-header--thankyou .tenx-header__btn {
        display: none !important;
    }

    #tenx-landing .tenx-header--thankyou .tenx-header__bar {
        justify-content: center !important;
    }

}

#tenx-landing .tenx-thankyou {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: calc(100vh - 200px) !important;
    padding: 50px 0 !important;
}

#tenx-landing .tenx-thankyou__card {
    max-width: 920px !important;
    margin: 0 auto !important;
    border-radius: 20px !important;
    padding: 70px 80px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

#tenx-landing .tenx-thankyou__icon {
    margin-bottom: 24px !important;
}

#tenx-landing .tenx-thankyou__icon img {
    width: 130px !important;
    height: auto !important;
    object-fit: contain !important;
}

#tenx-landing .tenx-thankyou__heading {
    font-family: 'Encode Sans Semi Expanded', sans-serif !important;
    font-size: var(--tenx-ty-heading-size, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
}

#tenx-landing .tenx-thankyou__subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-ty-subtitle-size, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #000000 !important;
    margin-bottom: 28px !important;
    max-width: 550px !important;
}

#tenx-landing .tenx-thankyou__details {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-ty-details-size, 17px) !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #333333 !important;
    margin-bottom: 32px !important;
    max-width: 100% !important;
}

#tenx-landing .tenx-thankyou__bottom-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--tenx-ty-bottom-size, 17px) !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    color: #000000 !important;
    margin-bottom: 0 !important;
}

#tenx-landing .tenx-thankyou__whatsapp-link {
    color: var(--tenx-ty-wa-color, #000000) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

#tenx-landing .tenx-thankyou__whatsapp-link:hover {
    color: #25D366 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Thank You responsive */
@media (max-width: 1024px) {
    #tenx-landing .tenx-header--thankyou .tenx-header__bar {
        background: #ffffff !important;
    }

    #tenx-landing .tenx-thankyou__card {
        max-width: 100% !important;
        padding: 60px 50px !important;
    }

    #tenx-landing .tenx-thankyou__icon img {
        width: 110px !important;
    }

    #tenx-landing .tenx-thankyou__heading {
        font-size: 42px !important;
    }

    #tenx-landing .tenx-thankyou__subtitle {
        font-size: 18px !important;
    }

    #tenx-landing .tenx-thankyou__details {
        font-size: 16px !important;
    }

    #tenx-landing .tenx-thankyou__bottom-text {
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    #tenx-landing .tenx-thankyou {
        padding: 40px 0 !important;
        min-height: calc(100vh - 160px) !important;
    }

    #tenx-landing .tenx-thankyou__card {
        padding: 50px 28px !important;
        border-radius: 16px !important;
    }

    #tenx-landing .tenx-thankyou__icon img {
        width: 90px !important;
    }

    #tenx-landing .tenx-thankyou__heading {
        font-size: 34px !important;
    }

    #tenx-landing .tenx-thankyou__subtitle {
        font-size: 16px !important;
        max-width: 100% !important;
    }

    #tenx-landing .tenx-thankyou__details {
        font-size: 15px !important;
    }

    #tenx-landing .tenx-thankyou__bottom-text {
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    #tenx-landing .tenx-thankyou {
        padding: 30px 0 !important;
    }

    #tenx-landing .tenx-thankyou__card {
        padding: 40px 20px !important;
        border-radius: 12px !important;
    }

    #tenx-landing .tenx-thankyou__icon img {
        width: 70px !important;
    }

    #tenx-landing .tenx-thankyou__icon {
        margin-bottom: 16px !important;
    }

    #tenx-landing .tenx-thankyou__heading {
        font-size: 26px !important;
        margin-bottom: 14px !important;
    }

    #tenx-landing .tenx-thankyou__subtitle {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }

    #tenx-landing .tenx-thankyou__details {
        font-size: 14px !important;
        margin-bottom: 24px !important;
    }

    #tenx-landing .tenx-thankyou__bottom-text {
        font-size: 13px !important;
    }
}