/* Nexus Design Academy - Clean Visibility & Styling Overrides */

/* ==========================================================================
   HUB CORE RESPONSIVE FLEX & GRID ARCHITECTURE
   ========================================================================== */

/* 1. Full-width Section Containers */
.lqd-sec,
.elementor-section {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* 2. Responsive Boxed Containers */
.lqd-container,
.elementor-container,
.lqd-con-boxed,
.e-con-boxed {
    max-width: 1240px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.lqd-con-full,
.e-con-full {
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    box-sizing: border-box !important;
}

.lqd-con-inner,
.e-con-inner {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* 3. Column & Widget Wrappers */
.lqd-column,
.elementor-column {
    min-height: 1px;
    position: relative;
    box-sizing: border-box;
}

.lqd-col-100 { width: 100%; }
.lqd-col-60 { width: 60%; }
.lqd-col-50 { width: 50%; }
.lqd-col-33 { width: 33.333%; }
.lqd-col-25 { width: 25%; }
.lqd-col-20 { width: 20%; }

.lqd-widget__width-auto,
.elementor-widget__width-auto {
    width: auto !important;
    flex-grow: 0 !important;
}

/* ==========================================================================
   RESPONSIVE HEADER VISIBILITY (DESKTOP VS MOBILE)
   ========================================================================== */

/* Desktop Header (>= 1200px) */
@media (min-width: 1200px) {
    .lqd-el-1475ae38,
    .elementor-element-1475ae38 {
        display: block !important;
    }
    .lqd-mobile-sec {
        display: none !important;
    }
    .lqd-hidden-desktop,
    .elementor-hidden-desktop {
        display: none !important;
    }

    /* Header Horizontal Row Alignment */
    .lqd-el-1475ae38 .lqd-w-wrap,
    .lqd-el-67e08f9a > .lqd-w-wrap,
    .lqd-el-1475ae38 .lqd-widget-wrap {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .lqd-el-1475ae38 .lqd-el-3315f057 {
        width: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    .lqd-el-1475ae38 .lqd-el-6b4cc8ee {
        flex: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .lqd-el-1475ae38 .lqd-el-2f1a22eb {
        width: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
}

/* Tablet & Mobile (< 1200px) */
@media (max-width: 1199px) {
    .lqd-el-1475ae38,
    .elementor-element-1475ae38,
    .lqd-hidden-tablet,
    .lqd-hidden-phone,
    .elementor-hidden-tablet,
    .elementor-hidden-phone {
        display: none !important;
    }
    
    .lqd-mobile-sec {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        z-index: 50 !important;
        background: #ffffff !important;
        border-radius: 20px 20px 0 0 !important;
        margin-top: -14px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    }

    .lqd-mobile-sec-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px 20px !important;
        width: 100% !important;
    }

    .lqd-mobile-sec .navbar-brand {
        display: flex !important;
        align-items: center !important;
    }

    .lqd-mobile-sec .navbar-brand img {
        height: 38px !important;
        width: auto !important;
    }

    .lqd-mobile-sec .navbar-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        padding: 8px !important;
        cursor: pointer !important;
    }

    .lqd-mobile-sec .navbar-toggle .bars {
        width: 24px !important;
        height: 18px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .lqd-mobile-sec .navbar-toggle .bar {
        display: block !important;
        width: 100% !important;
        height: 2.5px !important;
        background-color: #0f172a !important;
        border-radius: 2px !important;
    }
}

/* Hero Horizontal Buttons Row */
.lqd-el-16118fc,
.hero-btn-3d-wrapper,
.hero-btn-3d-wrap,
.lqd-el-16118fc.lqd-con {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

.lqd-el-919d47a,
.lqd-el-1f2c224 {
    width: auto !important;
    display: inline-flex !important;
}

/* Perfect Center Alignment for Hero Buttons on Mobile */
@media (max-width: 767px) {
    .hero-btn-3d-wrap,
    .hero-btn-3d-wrap .lqd-con-inner,
    .lqd-el-16118fc,
    .lqd-el-16118fc .lqd-con-inner,
    .lqd-el-16118fc.lqd-con {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        gap: 14px !important;
        text-align: center !important;
    }

    .lqd-el-919d47a,
    .lqd-el-1f2c224,
    .lqd-el-8118ec9,
    .lqd-el-ec4ec12,
    .lqd-el-8118ec9 .lqd-w-container,
    .lqd-el-ec4ec12 .lqd-w-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .hero-3d-flip-btn,
    .lqd-el-8118ec9 a.btn,
    .lqd-el-ec4ec12 a.btn {
        width: 260px !important;
        max-width: calc(100vw - 48px) !important;
        min-width: 240px !important;
        margin: 0 auto !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding: 15px 24px !important;
    }

    .hero-3d-flip-btn .btn-txt {
        flex: 1 !important;
        text-align: center !important;
    }
}

/* Hero Trust Badges Row */
.lqd-el-bc8dc52 > .lqd-container,
.lqd-el-bc8dc52 > .lqd-container > .lqd-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.lqd-el-bc8dc52 .lqd-column,
.lqd-el-b428bcc,
.lqd-el-2c46f8a,
.lqd-el-5c78bbc {
    width: auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* 4. Fix Star SVGs & Font Icons Expanding */
.e-font-icon-svg,
svg.e-fas-star,
.lqd-star-rating svg,
.elementor-star-rating svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.lqd-star-rating,
.elementor-star-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* 5. Hero Alignment & Sizing */
.lqd-el-818391a,
.elementor-element-818391a {
    display: none !important;
}

@media (min-width: 1200px) {
    .lqd-el-818391a,
    .elementor-element-818391a {
        display: block !important;
    }
}

.lqd-el-54b7f2c {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 35px 20px 10px 20px !important;
}

@media (max-width: 767px) {
    .lqd-el-54b7f2c {
        padding: 12px 16px 10px 16px !important;
        margin-top: 0 !important;
    }

    .lqd-el-022c7d6 > .lqd-el-populated {
        padding: 0 !important;
    }

    .lqd-el-48f0fd5 .ld-fh-element,
    .lqd-el-48f0fd5 h1 {
        font-size: clamp(34px, 9.2vw, 48px) !important;
        line-height: 1.06em !important;
        margin-bottom: 14px !important;
        letter-spacing: -0.8px !important;
    }

    .lqd-el-f5f3252 .ld-fh-element,
    .lqd-el-f5f3252 p {
        font-size: 14.5px !important;
        line-height: 1.55em !important;
        margin-bottom: 22px !important;
        padding: 0 4px !important;
        color: #475569 !important;
    }

    .lqd-el-16118fc {
        margin-bottom: 12px !important;
        gap: 12px !important;
    }

    .lqd-el-16118fc .btn {
        padding: 12px 28px !important;
        font-size: 14px !important;
    }
}

.lqd-el-022c7d6 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.lqd-el-022c7d6 > .lqd-el-populated {
    padding: 0 10% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* ==========================================================================
   HERO 3D SHOWCASE & FLOATING DECORATIVE ELEMENTS (Section 30ec01d)
   ========================================================================== */

.lqd-el-30ec01d,
.elementor-element-30ec01d {
    position: relative !important;
    width: 100% !important;
    max-width: 1150px !important;
    margin: 30px auto 40px auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.lqd-el-b75652b > .lqd-w-wrap,
.elementor-element-b75652b > .elementor-widget-wrap {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 480px !important;
}

/* Dashboard Showcase Image (Untitled-13.png) */
.lqd-el-3f883b3,
.elementor-element-3f883b3 {
    position: relative !important;
    width: 100% !important;
    max-width: 980px !important;
    margin: 20px auto 40px auto !important;
    z-index: 10 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.lqd-el-3f883b3 .lqd-w-container,
.lqd-el-3f883b3 .lqd-imggrp-single,
.lqd-el-3f883b3 .lqd-imggrp-img-container,
.lqd-el-3f883b3 figure {
    width: 100% !important;
    max-width: 980px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Center Showcase Image Container - Transparent PNG without frame */
.lqd-el-3f883b3,
.elementor-element-3f883b3,
.lqd-el-3f883b3 .lqd-w-container,
.lqd-el-3f883b3 .lqd-imggrp-single,
.lqd-el-3f883b3 .lqd-imggrp-img-container,
.lqd-el-3f883b3 figure {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    z-index: 5 !important;
}

.lqd-el-3f883b3 [data-shadow-style],
.lqd-el-3f883b3 [data-shadow-style] figure {
    box-shadow: none !important;
}

.lqd-el-3f883b3 img,
.elementor-element-3f883b3 img,
.lqd-hero-center-showcase-img {
    width: 100% !important;
    max-width: 940px !important;
    min-width: min(100%, 760px) !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.13)) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
}

.lqd-el-3f883b3:hover img,
.lqd-hero-center-showcase-img:hover {
    transform: scale(1.02) translateY(-4px) !important;
    filter: drop-shadow(0 35px 70px rgba(0, 0, 0, 0.18)) !important;
}

@media (max-width: 991px) {
    .lqd-el-3f883b3,
    .elementor-element-3f883b3 {
        max-width: 95% !important;
        margin: 15px auto 30px auto !important;
    }
    .lqd-el-3f883b3 img,
    .elementor-element-3f883b3 img,
    .lqd-hero-center-showcase-img {
        max-width: 100% !important;
        min-width: 100% !important;
        border-radius: 0 !important;
    }
}

/* Universal Absolute Position for 4 Floating Accent PNGs - Higher z-index above card */
.lqd-hub-absolute,
.elementor-absolute,
.lqd-el-1795549,
.lqd-el-413134a,
.lqd-el-fb5ac62,
.lqd-el-184ff1c,
.elementor-element-1795549,
.elementor-element-413134a,
.elementor-element-fb5ac62,
.elementor-element-184ff1c,
.lqd-floating-accent-img {
    position: absolute !important;
    z-index: 35 !important;
    pointer-events: auto !important;
    margin: 0 !important;
}

/* 1. Target floater (Top-Left) */
.lqd-el-fb5ac62,
.elementor-element-fb5ac62 {
    top: 4% !important;
    left: 4% !important;
    width: 90px !important;
    max-width: 90px !important;
}

/* 2. Mouse floater (Top-Right) */
.lqd-el-413134a,
.elementor-element-413134a {
    top: 15% !important;
    right: 5% !important;
    left: auto !important;
    width: 75px !important;
    max-width: 75px !important;
}

/* 3. Code floater (Bottom-Left) */
.lqd-el-1795549,
.elementor-element-1795549 {
    bottom: 8% !important;
    top: auto !important;
    left: 6% !important;
    width: 80px !important;
    max-width: 80px !important;
}

/* 4. Cube floater (Bottom-Right) */
.lqd-el-184ff1c,
.elementor-element-184ff1c {
    bottom: 5% !important;
    top: auto !important;
    right: 5% !important;
    left: auto !important;
    width: 85px !important;
    max-width: 85px !important;
}

.lqd-el-1795549 img,
.lqd-el-413134a img,
.lqd-el-fb5ac62 img,
.lqd-el-184ff1c img,
.elementor-element-1795549 img,
.elementor-element-413134a img,
.elementor-element-fb5ac62 img,
.elementor-element-184ff1c img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15)) !important;
}

/* ==========================================================================
   4 FEATURE CARDS ROW (UI/UX, Graphic, E-commerce, Design System)
   ========================================================================== */

.lqd-el-bc8dc52,
.elementor-element-bc8dc52 {
    position: relative !important;
    width: 100% !important;
    padding: 60px 0 40px 0 !important;
    display: block !important;
}

.lqd-el-bc8dc52 > .lqd-container,
.elementor-element-bc8dc52 > .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 1024px) {
    .lqd-el-bc8dc52 > .lqd-container,
    .elementor-element-bc8dc52 > .elementor-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 640px) {
    .lqd-el-bc8dc52 > .lqd-container,
    .elementor-element-bc8dc52 > .elementor-container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

.lqd-el-bc8dc52 .lqd-column,
.elementor-element-bc8dc52 .elementor-column,
.lqd-el-aa3f1a7,
.lqd-el-c0817be,
.lqd-el-98e6009,
.lqd-el-ef3e956 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1.5px solid #f1f5f9 !important;
    border-radius: 24px !important;
    padding: 36px 22px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    position: relative !important;
}

.lqd-el-bc8dc52 .lqd-column:hover,
.elementor-element-bc8dc52 .elementor-column:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(230, 57, 70, 0.10) !important;
    border-color: rgba(230, 57, 70, 0.35) !important;
}

.lqd-el-bc8dc52 .lqd-w-wrap,
.elementor-element-bc8dc52 .elementor-widget-wrap {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
}

.lqd-el-bc8dc52 .lqd-w-ld_fancy_image,
.elementor-element-bc8dc52 .elementor-widget-ld_fancy_image {
    margin-bottom: 16px !important;
    display: flex !important;
    justify-content: center !important;
    position: relative !important;
}

.lqd-el-bc8dc52 .lqd-hub-absolute,
.elementor-element-bc8dc52 .elementor-absolute,
.lqd-el-2a485ae,
.lqd-el-e50faec,
.lqd-el-bf905de,
.lqd-el-f5b5f23 {
    position: absolute !important;
    top: -10px !important;
    left: -10px !important;
    width: 55px !important;
    max-width: 55px !important;
    pointer-events: none !important;
}

.lqd-el-bc8dc52 h3.lqd-heading-title,
.elementor-element-bc8dc52 h3.elementor-heading-title {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 12px 0 8px 0 !important;
}

.lqd-el-bc8dc52 p.ld-fh-element,
.elementor-element-bc8dc52 p.ld-fh-element {
    font-size: 13.5px !important;
    line-height: 1.6em !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* ==========================================================================
   DIAGONAL CROSSING MARQUEE TICKERS ("NEXUS DESIGN ACADEMY")
   ========================================================================== */

.lqd-el-213b8ab8,
.elementor-element-213b8ab8 {
    position: relative !important;
    width: 115vw !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(-5deg) !important;
    transform-origin: center center !important;
    z-index: 4 !important;
    overflow: hidden !important;
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
    pointer-events: auto !important;
}

.lqd-el-213b8ab8 p,
.lqd-el-58760b65 p,
.lqd-el-58760b65 .carousel-item-content {
    font-family: 'Space Grotesk', 'Montserrat', sans-serif !important;
    font-size: clamp(38px, 5.5vw, 76px) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #a10000 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 40px !important;
    line-height: 1 !important;
}

.lqd-el-6e742c9f,
.elementor-element-6e742c9f {
    position: relative !important;
    width: 115vw !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(5deg) !important;
    transform-origin: center center !important;
    z-index: 3 !important;
    overflow: hidden !important;
    margin-top: -45px !important;
    margin-bottom: 60px !important;
    padding: 10px 0 !important;
    pointer-events: auto !important;
}

.lqd-el-6e742c9f p,
.lqd-el-dd6fd27 p,
.lqd-el-dd6fd27 .carousel-item-content {
    font-family: 'Space Grotesk', 'Montserrat', sans-serif !important;
    font-size: clamp(38px, 5.5vw, 76px) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #e2e8f0 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 40px !important;
    line-height: 1 !important;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.08) !important;
}

/* Ensure Carousel Items align horizontally for continuous marquee */
.lqd-el-58760b65 .flickity-slider,
.lqd-el-dd6fd27 .flickity-slider {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.lqd-el-58760b65 .carousel-item,
.lqd-el-dd6fd27 .carousel-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* Guarantee all headings, hero text, and subtitles are fully visible with exact colors */
.ld-fh-element,
.lqd-split-lines,
.lqd-lines,
.split-inner,
.lqd-heading-title,
.ld-fancy-heading {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure the gradient word on ACADEMY shines properly */
.gradient-word {
    background: linear-gradient(135deg, #FF4500 0%, #FF0055 50%, #7928CA 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

/* ==========================================================================
   GLOBAL HEADER & ANNOUNCEMENT BAR CONSISTENCY ACROSS ALL PAGES
   ========================================================================== */

/* Top Announcement Strip */
.top-announcement-strip,
.lqd-hub-634 .lqd-hub-element.lqd-el-5d53a6ea,
.lqd-el-5d53a6ea {
    padding: 10px 16px 20px 16px !important;
    margin: 0 !important;
    background: linear-gradient(90deg, #3d0000 0%, #170003 100%) !important;
    min-height: auto !important;
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
}

.top-announcement-flex,
.lqd-el-5d53a6ea .lqd-w-wrap,
.lqd-hub-634 .lqd-el-9674326 > .lqd-w-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

.top-announcement-p,
.lqd-el-7f6456dd .ld-fh-element {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    letter-spacing: 0.1px !important;
}

.top-announcement-p strong {
    color: #fca5a5 !important;
    font-weight: 700 !important;
}

.top-announcement-link,
.lqd-el-31f5a743 a.btn {
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.top-announcement-link:hover,
.lqd-el-31f5a743 a.btn:hover {
    color: #fca5a5 !important;
    transform: translateX(2px) !important;
}

@media (max-width: 767px) {
    .top-announcement-strip,
    .lqd-hub-634 .lqd-hub-element.lqd-el-5d53a6ea,
    .lqd-el-5d53a6ea {
        padding: 9px 12px 18px 12px !important;
    }
    .top-announcement-flex {
        gap: 4px 8px !important;
    }
    .top-announcement-p,
    .lqd-el-7f6456dd .ld-fh-element {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }
    .top-announcement-link,
    .lqd-el-31f5a743 a.btn {
        font-size: 11px !important;
    }
}

/* Curved Header Container */
.lqd-hub-634 .lqd-hub-element.lqd-el-1475ae38,
.lqd-el-1475ae38 {
    margin-top: -14px !important;
    border-radius: 25px 25px 0px 0px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.07) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}

.lqd-hub-634 .lqd-hub-element.lqd-el-1475ae38 > .lqd-container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

/* Logo Alignment */
.module-logo,
.module-logo .navbar-brand {
    display: flex !important;
    align-items: center !important;
    padding: 18px 0 !important;
}

.module-logo .logo-sticky {
    display: none !important;
}

.module-logo img,
.navbar-brand img {
    height: 38px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Primary Navigation Items */
.main-nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-nav > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-nav > li > a {
    color: #374151 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    padding: 12px 18px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.main-nav > li > a:hover,
.main-nav > li.current-menu-item > a,
.main-nav > li.is-active > a {
    color: #e63946 !important;
    background-color: rgba(230, 57, 70, 0.06) !important;
}

/* Header Action Button with 3D Flip */
.lqd-el-2f1a22eb a.btn,
.lqd-w-ld_button .btn-solid {
    perspective: 800px !important;
    background-color: #EDF2F6 !important;
    color: #490000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important;
    transform-style: preserve-3d !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

.lqd-el-2f1a22eb a.btn:hover,
.lqd-w-ld_button .btn-solid:hover {
    transform: rotateX(-360deg) !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}

.lqd-el-2f1a22eb a.btn .btn-icon,
.lqd-w-ld_button .btn-solid .btn-icon {
    transition: color 0.4s ease !important;
}

.lqd-el-2f1a22eb a.btn:hover .btn-icon,
.lqd-w-ld_button .btn-solid:hover .btn-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Dropdown Submenu */
.main-nav .nav-item-children {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
    padding: 8px !important;
    min-width: 220px !important;
}

.main-nav .nav-item-children li a {
    padding: 10px 16px !important;
    border-radius: 10px !important;
    color: #374151 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}

.main-nav .nav-item-children li a:hover {
    background: #f8fafc !important;
    color: #e63946 !important;
    transform: translateX(4px) !important;
}

/* Clickability and Pointer Events */
#header,
.site-header,
.main-header,
.main-nav,
.main-nav > li,
.main-nav > li > a,
.module-logo a,
.navbar-brand,
.lqd-w-ld_button a {
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ==========================================================================
   HUB DESIGN SYSTEM - ANIMATED BUTTONS & MICRO-INTERACTIONS
   ========================================================================== */

/* Primary Kinetic Pill Button */
.btn-hub-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, #e63946 0%, #d90429 100%) !important;
    color: #ffffff !important;
    font-family: var(--lqd-body-font-family, 'Inter', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 12px 26px !important;
    border-radius: 999px !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(230, 57, 70, 0.28) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.btn-hub-primary:hover {
    background: linear-gradient(135deg, #d90429 0%, #b3001e 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2.5px) scale(1.02) !important;
    box-shadow: 0 14px 30px rgba(230, 57, 70, 0.42) !important;
}

.btn-hub-primary:active {
    transform: translateY(0) scale(0.98) !important;
}

.btn-hub-primary .btn-icon,
.btn-hub-primary i {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-hub-primary:hover .btn-icon,
.btn-hub-primary:hover i {
    transform: translateX(4px) !important;
}

/* Secondary Frosted Pill Button */
.btn-hub-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    color: #1e293b !important;
    font-family: var(--lqd-body-font-family, 'Inter', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    border: 1.5px solid #e2e8f0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.btn-hub-secondary:hover {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.15) !important;
}

/* Kinetic Hover Text Switcher (Y-axis roll) */
.btn-hover-txt-switch-y {
    position: relative !important;
    overflow: hidden !important;
}

.btn-hover-txt-switch-y .btn-txt {
    display: inline-block !important;
    position: relative !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-hover-txt-switch-y:hover .btn-txt {
    transform: translateY(-120%) !important;
}

.btn-hover-txt-switch-y .btn-txt::after {
    content: attr(data-text);
    position: absolute !important;
    top: 120% !important;
    left: 0 !important;
    width: 100% !important;
    display: block !important;
}

/* ==========================================================================
   HUB DESIGN SYSTEM - COURSE CARD 3D BENTO STYLING
   ========================================================================== */

.hub-course-card {
    background: #ffffff !important;
    border-radius: 28px !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.hub-course-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(230, 57, 70, 0.25) !important;
    box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(230, 57, 70, 0.1) !important;
}

.hub-course-banner {
    height: 180px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: linear-gradient(135deg, #111827 0%, #1f2937 60%, #450a0a 100%) !important;
}

.hub-card-tag {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
}

.hub-rating-badge {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fbbf24 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Tool Ticker Stream */
.hub-tool-ticker {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    animation: nexusMarquee 28s linear infinite !important;
    width: max-content !important;
}

.hub-tool-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

/* Hero 3D Buttons on Homepage */
.hero-3d-flip-btn {
    perspective: 800px !important;
    transform-style: preserve-3d !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important;
}

.hero-3d-flip-btn:hover {
    transform: rotateX(-360deg) !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Remove boxed white background on Hero to let particles & ambient glows blend seamlessly */
.lqd-el-54b7f2c,
.lqd-el-022c7d6,
.lqd-el-022c7d6 > .lqd-w-wrap,
.lqd-el-022c7d6 > .lqd-el-populated,
.lqd-el-48f0fd5,
.lqd-el-f5f3252,
.lqd-el-16118fc,
.lqd-el-919d47a,
.lqd-el-1f2c224,
.lqd-el-b428bcc,
.lqd-el-2c46f8a,
.lqd-el-5c78bbc {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Ensure surrounding decorative absolute floaters do not intercept cursor movement */
.lqd-el-1795549,
.lqd-el-413134a,
.lqd-el-fb5ac62,
.lqd-el-184ff1c,
.lqd-el-1795549 *,
.lqd-el-413134a *,
.lqd-el-fb5ac62 *,
.lqd-el-184ff1c * {
    pointer-events: none !important;
}

.lqd-el-3f883b3 {
    position: relative !important;
    z-index: 10 !important;
}

.lqd-el-3f883b3 .lqd-imggrp-single {
    cursor: default !important;
}

/* ==========================================================================
   HUB SAAS - BACKGROUND MOTION EFFECTS & FLOATING MINI-BADGES
   ========================================================================== */

/* Particle Canvas Containers */
.ld-particles-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.ld-particles-container canvas {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: auto !important;
}

/* Ambient Radial Glow Orbs */
.ambient-glow-orb {
    position: absolute !important;
    border-radius: 9999px !important;
    filter: blur(80px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: pulseGlow 12s ease-in-out infinite alternate !important;
}

.glow-orb-primary {
    background: radial-gradient(circle, rgba(230, 57, 70, 0.22) 0%, rgba(230, 57, 70, 0) 70%) !important;
    width: 500px !important;
    height: 500px !important;
}

.glow-orb-secondary {
    background: radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, rgba(99, 102, 241, 0) 70%) !important;
    width: 450px !important;
    height: 450px !important;
}

.glow-orb-mint {
    background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0) 70%) !important;
    width: 400px !important;
    height: 400px !important;
}

@keyframes pulseGlow {
    0% { transform: scale(0.9) translate(0px, 0px); opacity: 0.6; }
    50% { transform: scale(1.15) translate(20px, -15px); opacity: 0.9; }
    100% { transform: scale(1) translate(-15px, 20px); opacity: 0.7; }
}

/* Floating Interactive Mini-Badges */
.hub-floating-badge {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    z-index: 20 !important;
    pointer-events: auto !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
    animation: floatBadgeSlow 6s ease-in-out infinite !important;
}

.hub-floating-badge:hover {
    transform: scale(1.06) translateY(-4px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.14) !important;
    border-color: rgba(230, 57, 70, 0.3) !important;
}

.hub-floating-badge-reverse {
    animation: floatBadgeSlowRev 7s ease-in-out infinite !important;
}

@keyframes floatBadgeSlow {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(1.5deg); }
}

@keyframes floatBadgeSlowRev {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(12px) rotate(-1.5deg); }
}

/* ==========================================================================
   DESKTOP & MOBILE COMPLETE VISIBILITY GUARANTEE FOR ALL LANDING PAGE SECTIONS
   ========================================================================== */

/* 1. Force all Elementor sections, containers, columns, and widgets to be visible */
.lqd-sec,
.lqd-top-section,
.lqd-inner-section,
.lqd-container,
.lqd-column,
.lqd-widget,
.lqd-w-wrap,
.lqd-w-container,
.lqd-con,
.lqd-con-inner,
.lqd-con-boxed,
.lqd-con-full,
.lqd-flex,
.lqd-child,
.lqd-parent {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Neutralize all data-custom-animations and data-ca-options initial opacity:0 states */
[data-custom-animations="true"],
[data-custom-animations="true"] *,
[data-ca-options],
[data-ca-options] *,
[data-split-text="true"],
[data-split-text="true"] *,
[data-parallax="true"],
[data-parallax="true"] *,
[data-reveal="true"],
[data-reveal="true"] *,
.lqd-el-has-inner-anim,
.lqd-el-has-inner-anim * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Ensure all typography, split-lines, split-words, and split-chars are visible on all screen sizes */
.ld-fh-element,
.ld-fancy-heading,
.ld-fancy-heading h1,
.ld-fancy-heading h2,
.ld-fancy-heading h3,
.ld-fancy-heading h4,
.ld-fancy-heading h5,
.ld-fancy-heading h6,
.ld-fancy-heading p,
.lqd-heading-title,
.lqd-split-lines,
.lqd-split-words,
.lqd-split-chars,
.lqd-lines,
.lqd-words,
.lqd-chars,
.split-inner,
.split-unit,
.lqd-adv-txt-fig {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: inline-block !important;
}

/* 4. Category icon boxes, scales, and cards */
.lqd-iconbox-scale,
.iconbox,
.iconbox-icon-wrap,
.iconbox-icon-container,
.lqd-iconbox-heading {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.lqd-iconbox-scale {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 5. Carousels, Flickity Viewports, and Marquees */
.carousel-container,
.carousel-items,
.flickity-viewport,
.flickity-slider,
.carousel-item,
.carousel-item-inner,
.carousel-item-content {
    opacity: 1 !important;
    visibility: visible !important;
}

.carousel-items[data-lqd-flickity*="marquee"] .flickity-viewport {
    overflow: hidden !important;
    width: 100% !important;
}

.carousel-items[data-lqd-flickity*="marquee"] .flickity-slider {
    display: flex !important;
    animation: nexusMarquee 35s linear infinite !important;
    width: max-content !important;
    flex-wrap: nowrap !important;
}

.carousel-items[data-lqd-flickity*="marquee"]:hover .flickity-slider {
    animation-play-state: paused !important;
}

@keyframes nexusMarquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* 6. Images, Figures, and Media */
.lqd-imggrp-single,
.lqd-imggrp-img-container,
.lqd-w-ld_fancy_image img,
.lqd-w-image img,
figure,
figure img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 7. Bento Grid and Feature Cards */
.lqd-rep-da83251,
.lqd-rep-f7c35b5,
.lqd-rep-d963b76,
.lqd-rep-c882ebc,
.lqd-rep-9b59691,
.lqd-rep-faea6f5 {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==========================================================================
   DESKTOP HOME SECTIONS - WHITE SPACE FIX & MODERN CARD SYSTEM
   ========================================================================== */

/* 1. Neutralize sticky collapse & pin-spacer bloating across all sections */
.lqd-css-sticky {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.pin-spacer {
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
}

/* 2. Categories Section (FIND YOUR STYLE AND COURSE HERE) */
.lqd-el-6e3fb5be {
    padding: 60px 24px 40px 24px !important;
    position: relative !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .lqd-el-6e3fb5be {
        padding: 35px 20px 30px 20px !important;
    }
}

.lqd-el-6e3fb5be > .lqd-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 40px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.lqd-el-6e3fb5be .lqd-el-1ff2fe21 {
    width: 42% !important;
    max-width: 42% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
}

.lqd-el-6e3fb5be .lqd-el-1ff2fe21 h6 {
    color: #e63946 !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    margin-bottom: 12px !important;
}

.lqd-el-6e3fb5be .lqd-el-1ff2fe21 h2 {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: clamp(28px, 3.8vw, 46px) !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.12em !important;
    letter-spacing: -1px !important;
    margin-bottom: 16px !important;
}

.lqd-el-6e3fb5be .lqd-el-1ff2fe21 p {
    color: #64748b !important;
    font-size: 15.5px !important;
    line-height: 1.65em !important;
    margin: 0 !important;
}

.lqd-el-6e3fb5be .lqd-el-5141bc32 {
    width: 55% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

@media (max-width: 991px) {
    .lqd-el-6e3fb5be > .lqd-con-inner {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 28px !important;
    }

    .lqd-el-6e3fb5be .lqd-el-1ff2fe21 {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    .lqd-el-6e3fb5be .lqd-el-1ff2fe21 h2 {
        font-size: 30px !important;
        line-height: 1.15em !important;
    }

    .lqd-el-6e3fb5be .lqd-el-1ff2fe21 p {
        font-size: 15px !important;
        line-height: 1.6em !important;
        width: 100% !important;
    }

    .lqd-el-6e3fb5be .lqd-el-5141bc32 {
        width: 100% !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px !important;
    }
}

@media (max-width: 640px) {
    .lqd-el-6e3fb5be .lqd-el-1ff2fe21 h2 {
        font-size: 26px !important;
        line-height: 1.2em !important;
        margin-bottom: 12px !important;
    }

    .lqd-el-6e3fb5be .lqd-el-5141bc32 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* Neutralize ghost nested backgrounds & build single clean card */
.lqd-el-6e3fb5be .lqd-iconbox-scale {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 24px 16px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.lqd-el-6e3fb5be .lqd-iconbox-scale > .lqd-w-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.lqd-el-6e3fb5be .lqd-iconbox-scale .iconbox {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.lqd-el-6e3fb5be .lqd-iconbox-scale .iconbox-icon-wrap {
    margin: 0 0 12px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.lqd-el-6e3fb5be .lqd-iconbox-scale .iconbox-icon-container {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #ffe4e6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.lqd-el-6e3fb5be .lqd-iconbox-scale:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 32px rgba(230, 57, 70, 0.12) !important;
    border-color: rgba(230, 57, 70, 0.4) !important;
}

.lqd-el-6e3fb5be .lqd-iconbox-heading {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 !important;
    line-height: 1.3em !important;
}

/* Circular Inline Headline Orbs */
.nexus-headline-orb {
    display: inline-flex !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    margin: 0 6px !important;
    flex: 0 0 48px !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4) !important;
    position: relative !important;
}

.nexus-headline-orb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Our Vision Mobile Responsive Overrides */
@media (max-width: 767px) {
    #our-vision,
    .our-vision,
    section#our-vision {
        padding: 32px 16px 20px 16px !important;
        margin: 20px 0 !important;
        border-radius: 24px !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #our-vision .container,
    #our-vision .row,
    #our-vision .col,
    #our-vision .col-12 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    #our-vision h2,
    .our-vision .lqd-text-reveal-el {
        font-size: 20px !important;
        letter-spacing: -0.5px !important;
        line-height: 1.35em !important;
        margin-bottom: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .nexus-headline-orb {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        flex: 0 0 28px !important;
        margin: 0 4px !important;
        border-radius: 50% !important;
        vertical-align: middle !important;
        display: inline-flex !important;
    }

    .nexus-headline-orb img {
        width: 100% !important;
        height: 100% !important;
        border-radius: 50% !important;
    }

    .nexus-vision-badges {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
        width: auto !important;
    }

    .nexus-vision-pill {
        width: auto !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
    }

    .nexus-vision-arrow {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex: 0 0 38px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
    }

    #our-vision #nexus-throwable-scene {
        height: 420px !important;
        min-height: 420px !important;
        width: 100% !important;
        min-width: 100% !important;
        position: relative !important;
        overflow: visible !important;
    }

    #nexus-throwable-scene .lqd-throwable-element,
    #nexus-throwable-scene .nexus-physics-pill,
    #nexus-throwable-scene .lqd-throwable-element span {
        font-size: 11px !important;
        padding: 4px 10px !important;
        white-space: nowrap !important;
        text-align: center !important;
        line-height: 1.3em !important;
        border-radius: 9999px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    }
}

/* 3. Featured Courses Cards (01 UI/UX & 02 Figma/Dev) */
.lqd-el-445ba44,
.lqd-el-85211c0 {
    margin: 25px 0 !important;
    position: relative !important;
    top: 0 !important;
}

.lqd-el-445ba44 .lqd-el-c1900b6,
.lqd-el-85211c0 .lqd-el-15cf9c4e {
    background: linear-gradient(135deg, #181b20 0%, #0d0f12 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 28px !important;
    padding: 50px 45px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12) !important;
    color: #ffffff !important;
    position: relative !important;
    overflow: hidden !important;
}

.lqd-el-445ba44 h6.lqd-heading-title,
.lqd-el-85211c0 h6.lqd-heading-title {
    color: #f7fd92 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

.lqd-el-445ba44 h2.lqd-heading-title,
.lqd-el-85211c0 h2.lqd-heading-title {
    color: #ffffff !important;
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: clamp(24px, 3.5vw, 38px) !important;
    font-weight: 700 !important;
    line-height: 1.2em !important;
    margin-bottom: 18px !important;
}

.lqd-el-445ba44 .lqd-w-text-editor p,
.lqd-el-85211c0 .lqd-w-text-editor p {
    color: #94a3b8 !important;
    font-size: 16px !important;
    line-height: 1.6em !important;
    max-width: 700px !important;
}

/* 4. Digital Skills and Courses (Bento Grid Section) */
.lqd-el-218bd0c1 {
    background: #f8fafc !important;
    border-radius: 36px !important;
    padding: 70px 40px !important;
    margin: 50px 0 !important;
    border: 1px solid #e2e8f0 !important;
}

.lqd-el-218bd0c1 .lqd-con-inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}

@media (max-width: 768px) {
    .lqd-el-218bd0c1 .lqd-con-inner {
        grid-template-columns: 1fr !important;
    }
}

.lqd-el-218bd0c1 .lqd-el-7a583c24 {
    grid-column: 1 / -1 !important;
    margin-bottom: 10px !important;
}

.lqd-el-218bd0c1 .lqd-el-4c22c67d,
.lqd-el-218bd0c1 .lqd-el-1f6c54aa,
.lqd-el-218bd0c1 .lqd-el-595d8e89,
.lqd-el-218bd0c1 .lqd-el-5ce4ec54,
.lqd-el-218bd0c1 .lqd-el-e0d7eb3 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
}

.lqd-el-218bd0c1 .lqd-fb-style-10 {
    background: #ffffff !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 24px !important;
    padding: 35px 30px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.lqd-el-218bd0c1 .lqd-fb-style-10:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 36px rgba(230, 57, 70, 0.10) !important;
    border-color: rgba(230, 57, 70, 0.3) !important;
}

.lqd-el-218bd0c1 .lqd-fb__title {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 10px !important;
}

.lqd-el-218bd0c1 .lqd-fb-content p {
    font-size: 14.5px !important;
    line-height: 1.6em !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* 5. Clean achievements section */
.lqd-el-5ee233c8 {
    padding: 50px 0 !important;
}

.lqd-el-5ee233c8 .lqd-el-3f64220f .lqd-con-inner {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

@media (max-width: 768px) {
    .lqd-el-5ee233c8 .lqd-el-3f64220f .lqd-con-inner {
        grid-template-columns: 1fr !important;
    }
}

.lqd-el-5ee233c8 .lqd-el-4121e46c,
.lqd-el-5ee233c8 .lqd-el-287ac8d0,
.lqd-el-5ee233c8 .lqd-el-3d40e3b8 {
    background: #ffffff !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 28px 24px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

/* ==========================================================================
   6. TESTIMONIALS & INSTRUCTORS SECTION (lqd-el-323a631)
   ========================================================================== */

.lqd-el-323a631 {
    position: relative !important;
    width: 100% !important;
    padding: 80px 24px !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.lqd-el-323a631 > .lqd-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.lqd-el-323a631 .lqd-el-130babb {
    width: 48% !important;
    max-width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.lqd-el-323a631 .lqd-el-9596e47 {
    width: 48% !important;
    max-width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.lqd-el-323a631 .lqd-el-130babb h2 {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: clamp(28px, 3.8vw, 48px) !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.12em !important;
    letter-spacing: -1px !important;
    margin-bottom: 16px !important;
}

.lqd-el-323a631 .lqd-el-130babb p.ld-fh-element {
    color: #64748b !important;
    font-size: 15.5px !important;
    line-height: 1.65em !important;
    margin-bottom: 25px !important;
}

/* Inner Counters Row */
.lqd-el-b3fdb7b {
    width: 100% !important;
    margin-top: 15px !important;
}

.lqd-el-b3fdb7b > .lqd-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.lqd-el-b3fdb7b .lqd-column {
    width: auto !important;
    flex: 1 !important;
}

.lqd-el-b3fdb7b .lqd-counter-nums-wrap {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1 !important;
}

.lqd-el-b3fdb7b .ld-fh-element {
    font-size: 14px !important;
    color: #64748b !important;
    margin-top: 6px !important;
}

/* Mobile Responsiveness for Testimonials & Instructors */
@media (max-width: 991px) {
    .lqd-el-323a631 {
        padding: 40px 20px !important;
    }

    .lqd-el-323a631 > .lqd-container {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 36px !important;
    }

    .lqd-el-323a631 .lqd-el-130babb,
    .lqd-el-323a631 .lqd-el-9596e47 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .lqd-el-323a631 .lqd-el-130babb h2 {
        font-size: 28px !important;
        line-height: 1.18em !important;
    }

    .lqd-el-b3fdb7b > .lqd-container {
        flex-direction: row !important;
        gap: 20px !important;
    }
}

/* ==========================================================================
   AUTHENTIC LIQUIDTHEMES HUB MOBILE HEADER & BURGER NAVIGATION
   ========================================================================== */

/* Prevent Hub Modern nav style from displacing/shifting the page horizontally */
html.mobile-nav-activated,
body.mobile-nav-open {
    overflow-x: hidden !important;
}

.mobile-nav-activated #lqd-site-content,
.mobile-nav-activated .lqd-mobile-sec-inner,
.mobile-nav-activated .main-footer,
.mobile-nav-activated .titlebar-inner,
.mobile-nav-activated #wrap,
.mobile-nav-activated main,
.mobile-nav-activated header,
.mobile-nav-activated [data-mobile-nav-style] #lqd-site-content,
.mobile-nav-activated [data-mobile-nav-style] .lqd-mobile-sec-inner,
.mobile-nav-activated [data-mobile-nav-style] .main-footer,
.mobile-nav-activated [data-mobile-nav-style] .titlebar-inner,
.mobile-nav-activated [data-mobile-nav-style] .lqd-mobile-sec:before {
    transform: none !important;
    left: 0 !important;
    right: auto !important;
}

.lqd-mobile-sec {
    display: none;
    position: relative;
    width: 100%;
    z-index: 99999;
}

@media (max-width: 1199px) {
    .lqd-mobile-sec {
        display: block !important;
    }
    .lqd-el-1475ae38.lqd-hidden-tablet,
    .lqd-hidden-tablet,
    .lqd-hidden-phone {
        display: none !important;
    }
}

.lqd-mobile-sec-inner.navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
    z-index: 100 !important;
}

.lqd-mobile-sec .navbar-brand {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lqd-mobile-sec .navbar-brand img {
    height: 36px !important;
    width: auto !important;
    max-height: 36px !important;
    object-fit: contain !important;
}

/* Hub Mobile Nav Burger Toggle Button */
.lqd-mobile-sec .nav-trigger.style-mobile,
.navbar-toggle.nav-trigger {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #f4f5f7 !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    box-shadow: none !important;
}

.lqd-mobile-sec .nav-trigger.style-mobile:hover,
.lqd-mobile-sec .nav-trigger.style-mobile:focus {
    background: #e9ecf0 !important;
}

.lqd-mobile-sec .nav-trigger .bars {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 20px !important;
    height: 14px !important;
    position: relative !important;
}

.lqd-mobile-sec .nav-trigger .bars:before,
.lqd-mobile-sec .nav-trigger .bars:after {
    content: none !important;
    display: none !important;
}

.lqd-mobile-sec .nav-trigger .bars-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lqd-mobile-sec .nav-trigger .bar {
    display: block !important;
    width: 20px !important;
    height: 2.2px !important;
    background-color: #1e293b !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.25s ease, background-color 0.2s ease !important;
    transform-origin: center !important;
}

.lqd-mobile-sec .nav-trigger .bar:before,
.lqd-mobile-sec .nav-trigger .bar:after {
    content: none !important;
    display: none !important;
}

/* Animated X when Mobile Navigation is Expanded */
.lqd-mobile-sec .nav-trigger[aria-expanded="true"] .bar:nth-child(1),
.mobile-nav-activated .lqd-mobile-sec .nav-trigger .bar:nth-child(1),
.lqd-mobile-sec .nav-trigger.is-active .bar:nth-child(1) {
    transform: translateY(6px) rotate(45deg) !important;
    background-color: #e63946 !important;
}

.lqd-mobile-sec .nav-trigger[aria-expanded="true"] .bar:nth-child(2),
.mobile-nav-activated .lqd-mobile-sec .nav-trigger .bar:nth-child(2),
.lqd-mobile-sec .nav-trigger.is-active .bar:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}

.lqd-mobile-sec .nav-trigger[aria-expanded="true"] .bar:nth-child(3),
.mobile-nav-activated .lqd-mobile-sec .nav-trigger .bar:nth-child(3),
.lqd-mobile-sec .nav-trigger.is-active .bar:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg) !important;
    background-color: #e63946 !important;
}

/* ==========================================================================
   ULTRA-MODERN FULLSCREEN MOBILE SCREEN MENU (WHITE & RED THEME)
   ========================================================================== */

.nexus-fullscreen-mobile-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: #ffffff !important;
    z-index: 999999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-12px) scale(0.99) !important;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.nexus-fullscreen-mobile-menu.is-open,
.nexus-mobile-menu-active .nexus-fullscreen-mobile-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

html.nexus-mobile-menu-active,
body.nexus-mobile-menu-active {
    overflow: hidden !important;
    height: 100vh !important;
}

.nexus-fs-inner {
    width: 100% !important;
    height: 100% !important;
    padding: 16px 18px 28px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

/* Header inside modal */
.nexus-fs-header {
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.nexus-fs-close {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.nexus-fs-close svg {
    stroke: #0f172a !important;
    transition: stroke 0.2s ease !important;
}

.nexus-fs-close:hover,
.nexus-fs-close:active {
    background: #e63946 !important;
    border-color: #e63946 !important;
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

.nexus-fs-close:hover svg,
.nexus-fs-close:active svg {
    stroke: #ffffff !important;
}

/* Welcome Box */
.nexus-fs-welcome-box {
    background: #fff5f5 !important;
    border: 1px solid #fee2e2 !important;
}

.nexus-fs-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #e63946 0%, #b91c1c 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nexus-fs-portal-btn {
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.nexus-fs-pill-badge {
    background: #e63946 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 10px rgba(230, 57, 70, 0.25) !important;
}

/* Navigation List */
.nexus-fs-nav-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.nexus-fs-nav-item > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 14px !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.nexus-fs-nav-item:hover > a,
.nexus-fs-nav-item.is-active > a {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
    transform: translateX(4px) !important;
}

.nexus-fs-num {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #e63946 !important;
    margin-right: 10px !important;
    font-family: monospace !important;
}

.nexus-fs-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    flex: 1 !important;
}

.nexus-fs-arrow {
    font-size: 12px !important;
    color: #94a3b8 !important;
    transition: transform 0.2s ease !important;
}

.nexus-fs-nav-item:hover .nexus-fs-arrow {
    transform: translateX(4px) !important;
    color: #e63946 !important;
}

.nexus-fs-badge-glow {
    background: rgba(230, 57, 70, 0.12) !important;
    color: #e63946 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    margin-right: 8px !important;
}

.nexus-fs-badge-purple {
    background: rgba(99, 102, 241, 0.12) !important;
    color: #6366f1 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    margin-right: 8px !important;
}

.nexus-fs-divider {
    height: 1px !important;
    background: #e2e8f0 !important;
    margin: 6px 0 !important;
}

/* Full-Width 2-Column Action CTAs */
.nexus-fs-actions {
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    margin-top: 14px !important;
    padding-top: 10px !important;
}

.nexus-fs-actions-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.nexus-fs-btn-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 13px 16px !important;
    background: linear-gradient(135deg, #e63946 0%, #b91c1c 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(230, 57, 70, 0.28) !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    text-align: center !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.nexus-fs-btn-primary:hover {
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

.nexus-fs-btn-secondary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 13px 16px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    text-align: center !important;
    transition: background-color 0.2s ease !important;
}

.nexus-fs-btn-secondary:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

.nexus-fs-btn-logout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 13px 16px !important;
    background: #fee2e2 !important;
    border: 1px solid #fca5a5 !important;
    color: #dc2626 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Social Icon Pills */
.nexus-fs-social-pill {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #e63946 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.nexus-fs-social-pill:hover {
    background: #e63946 !important;
    color: #ffffff !important;
    border-color: #e63946 !important;
    transform: translateY(-2px) !important;
}

/* High Contrast Rules for Dark Cards & Course Banners */
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white .font-heading,
[class*="bg-slate-900"] h1,
[class*="bg-slate-900"] h2,
[class*="bg-slate-900"] h3,
[class*="from-slate-900"] h1,
[class*="from-slate-900"] h2,
[class*="from-[#180306]"] h1,
[class*="from-[#180306]"] h2,
[class*="from-[#160608]"] h1,
[class*="from-[#160608]"] h2 {
    color: #ffffff !important;
}

.text-white p,
[class*="from-slate-900"] p,
[class*="from-[#180306]"] p {
    color: #cbd5e1 !important;
}

/* Signature Alternating Diagonal Kinetic Marquee Strips */
.lqd-diagonal-marquee-sec {
    position: relative !important;
    width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    overflow: hidden !important;
    padding: 60px 0 !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    pointer-events: auto !important;
    background: transparent !important;
}

.diagonal-strip-wrapper {
    position: relative !important;
    width: 130vw !important;
    left: -15vw !important;
    overflow: hidden !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    cursor: grab !important;
    touch-action: pan-y !important;
}

.diagonal-strip-wrapper:active {
    cursor: grabbing !important;
}

/* Strip 1: Tilted -3.5deg (Gold / Neon Accent) */
.diagonal-strip-1-wrap {
    transform: rotate(-3.5deg) !important;
    background: #f7fd92 !important;
    color: #000000 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18) !important;
    padding: 16px 0 !important;
    z-index: 3 !important;
    margin-bottom: 24px !important;
}

.diagonal-strip-1-wrap .diag-item {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    white-space: nowrap !important;
    padding: 0 28px !important;
    display: inline-block !important;
}

/* Strip 2: Tilted +3.5deg (Obsidian Dark with Crisp White) */
.diagonal-strip-2-wrap {
    transform: rotate(3.5deg) !important;
    background: #121519 !important;
    color: #ffffff !important;
    border-top: 2px solid rgba(255, 255, 255, 0.18) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
    padding: 16px 0 !important;
    z-index: 2 !important;
    margin-top: -15px !important;
}

.diagonal-strip-2-wrap .diag-item {
    font-family: 'Space Grotesk', 'Be Vietnam Pro', sans-serif !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    padding: 0 28px !important;
    display: inline-block !important;
}

.diagonal-marquee-track {
    display: flex !important;
    width: max-content !important;
    will-change: transform !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.diagonal-marquee-content {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

@media (max-width: 767px) {
    .lqd-diagonal-marquee-sec {
        padding: 35px 0 !important;
        margin-top: 15px !important;
        margin-bottom: 25px !important;
    }
    .diagonal-strip-1-wrap {
        transform: rotate(-3deg) !important;
        padding: 11px 0 !important;
        margin-bottom: 16px !important;
    }
    .diagonal-strip-2-wrap {
        transform: rotate(3deg) !important;
        padding: 11px 0 !important;
        margin-top: -10px !important;
    }
    .diagonal-strip-1-wrap .diag-item,
    .diagonal-strip-2-wrap .diag-item {
        font-size: 13px !important;
        letter-spacing: 1.5px !important;
        padding: 0 14px !important;
    }
}

/* =========================================================================
   HEADER PRIMARY CTA BUTTON (BOLD JET BLACK DEFAULT, CRISP WHITE TEXT)
   ========================================================================= */
.nexus-header-cta-btn,
.lqd-hub-634 .lqd-hub-element.lqd-el-2f1a22eb .btn,
.lqd-el-2f1a22eb a.btn,
.lqd-el-2f1a22eb .btn {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
    border: none !important;
    text-decoration: none !important;
}

.nexus-header-cta-btn .btn-txt,
.lqd-hub-634 .lqd-hub-element.lqd-el-2f1a22eb .btn .btn-txt,
.lqd-el-2f1a22eb a.btn .btn-txt,
.lqd-el-2f1a22eb .btn .btn-txt {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.nexus-header-cta-btn .btn-icon,
.nexus-header-cta-btn .btn-icon svg,
.nexus-header-cta-btn .btn-icon svg path,
.lqd-hub-634 .lqd-hub-element.lqd-el-2f1a22eb .btn .btn-icon,
.lqd-hub-634 .lqd-hub-element.lqd-el-2f1a22eb .btn .btn-icon svg,
.lqd-hub-634 .lqd-hub-element.lqd-el-2f1a22eb .btn .btn-icon svg path,
.lqd-el-2f1a22eb a.btn .btn-icon,
.lqd-el-2f1a22eb a.btn .btn-icon svg,
.lqd-el-2f1a22eb a.btn .btn-icon svg path,
.lqd-el-2f1a22eb .btn .btn-icon,
.lqd-el-2f1a22eb .btn .btn-icon svg,
.lqd-el-2f1a22eb .btn .btn-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.nexus-header-cta-btn:hover,
.lqd-hub-634 .lqd-hub-element.lqd-el-2f1a22eb .btn:hover,
.lqd-el-2f1a22eb a.btn:hover,
.lqd-el-2f1a22eb .btn:hover {
    background: #e63946 !important;
    background-color: #e63946 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(230, 57, 70, 0.4) !important;
    transform: translateY(-1px) !important;
}