* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
    color: #1f2937;
    background: #fff;
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: inherit
}

/* ================= VARIABLES ================= */
:root {
    --primary: #eb7128;
    --primary-soft: #eef2ff;
    --bg-soft: #fff9e8;
    --text-muted: #6b7280;
    --border: #e5e7eb;
}

/* ================= LAYOUT ================= */
.container {
    max-width: 1280px;
    margin: auto;
    padding: 0 24px;
}

/* ================= HEADER ================= */
/* BASIC */
header {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 999;
    transition: .3s ease;
    height: 80px;
}

.container.nav {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.shrink .container.nav {
    height: 80px;
    /* box-shadow: 0 10px 30px rgba(0,0,0,.08); */
}

/* LOGO */
.logo img {
    width: 200px;
}

/* MENU */
.nav-links ul {
    list-style: none;
    display: flex;
    gap: 28px;
}

.nav-links a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #374151;
}

/* DROPDOWN */
.has-dropdown {
    position: relative;
}

.dropdown {
    position: absolute;
    top: 140%;
    left: 0;
    min-width: 260px;
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(16px);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: .35s ease;
}

.has-dropdown:hover>.dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown a {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
}

.dropdown a:hover {
    background: rgba(0, 0, 0, .05);
}

/* MEGA MENU */
.mega {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    min-width: 750px;
}

.mega-col h4 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #eb7128;
}

/* CTA */
.nav-actions .btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
}

.btn.primary {
    background: #eb7128;
    color: #fff;
}

/* HAMBURGER */
.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.hamburger span {
    width: 24px;
    height: 2px;
    background: #111;
    transition: .3s ease;
}

.dropdown.mega {
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    min-width: 1080px;
    max-width: calc(100vw - 40px);
}


.has-dropdown:hover>.dropdown.mega {
    transform: translateX(-50%) translateY(0);
}

.mega {
    display: grid;
    grid-template-columns: repeat(5, minmax(200px, 1fr));
    gap: 24px;
}

.dropdown.mega {
    box-sizing: border-box;
}

.mega2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 24px;
}

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

    .hamburger {
        display: flex;
    }

    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(14px);
        display: none;
        border-top: 1px solid #e5e7eb;
    }

    .nav-links.active {
        display: block;
    }

    .main-menu {
        flex-direction: column;
        padding: 20px;
        gap: 14px;
    }

    .dropdown {
        position: static;
        transform: none;
        box-shadow: none;
        background: transparent;
        padding-left: 10px;
    }

    .mega {
        grid-template-columns: 1fr;
        min-width: auto;
    }
    
    .dropdown.mega {
        transform: none !important;
            min-width: auto;
    }
}

/* MOBILE DROPDOWN DEFAULT CLOSED */
@media (max-width: 991px) {

    .dropdown {
        position: static;
        max-height: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: transparent;
        padding: 0;
        transition: max-height .35s ease;
    }

    .has-dropdown.open>.dropdown {
        max-height: 1200px;
        /* enough for mega */
        padding: 15px;
    }

    .has-dropdown>a::after {
        content: "▾";
        float: right;
        transition: .3s;
    }

    .has-dropdown.open>a::after {
        transform: rotate(180deg);
    }
}


/* ================= HERO ================= */
.hero {
    background: var(--bg-soft);
    padding: 90px 0;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: center;
}

/* LEFT CONTENT */
.hero h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.hero p {
    margin: 20px 0 28px;
    font-size: 17px;
    color: var(--text-muted);
    max-width: 520px;
}

.hero-actions {
    display: flex;
    gap: 14px;
    margin-bottom: 28px;
}

.hero-actions .btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid #eb7128;
}

/* FEATURE LIST */
.features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    font-size: 14px;
    color: #374151;
}

.features span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.features span::before {
    content: "✔";
    color: #f59e0b;
    font-size: 14px;
}

/* TRUST STRIP */
.trust-strip {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.trust-box {
    background: #fff;
    border: 1px solid var(--border);
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* RIGHT VISUAL */
.hero-visual {
    position: relative;
}

.visual-card {
    background: #ffffff00;
    border-radius: 24px;
    padding: 10px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .15);
    position: relative;
    z-index: 2;
}

/* Decorative blobs (Folderit-like feel) */
.blob {
    position: absolute;
    width: 220px;
    height: 220px;
    background: #fde68a;
    border-radius: 50%;
    top: -40px;
    right: -40px;
    z-index: 1;
}

.blob.small {
    width: 120px;
    height: 120px;
    background: #ddd6fe;
    bottom: -30px;
    left: -30px;
}

/* ================= RESPONSIVE ================= */
@media(max-width:1000px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .trust-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:600px) {
    .hero h1 {
        font-size: 34px
    }

    .features {
        grid-template-columns: 1fr
    }
}



.feature-canvas {
    padding: 60px 0;
}

.feature-wrap {
    display: grid;
    grid-template-columns: 1.1fr auto 1fr;
    gap: 60px;
    padding: 64px;
    border-radius: 32px;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #22d3ee, #6366f1, #ec4899) border-box;
    border: 2px solid transparent;
    box-shadow: 0 40px 100px rgba(0, 0, 0, .08);
}

/* LEFT */
.feature-left h2 {
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -.5px;
}

.feature-left p {
    margin: 22px 0 30px;
    font-size: 16px;
    color: #6b7280;
    max-width: 520px;
}

.feature-actions {
    display: flex;
    gap: 14px;
}

/* DIVIDER */
.feature-divider {
    width: 2px;
    background: linear-gradient(180deg, #22d3ee, #6366f1, #ec4899);
    border-radius: 2px;
}

/* RIGHT */
.feature-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 40px;
}

.feature-item h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.feature-item p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px) {
    .feature-wrap {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .feature-divider {
        width: 100%;
        height: 2px;
    }

    .feature-right {
        grid-template-columns: 1fr;
    }

    .feature-left h2 {
        font-size: 34px;
    }
}

/* Eyebrow text */
.eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    color: #6366f1;
    margin-bottom: 14px;
}

/* CTA variations */
.feature-actions {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 10px;
}

/* Text-style primary CTA */
.link-cta {
    font-size: 15px;
    font-weight: 600;
    color: #eb7128;
    position: relative;
}

.link-cta::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
    transform: scaleX(0);
    transform-origin: left;
    transition: .3s ease;
}

.link-cta:hover::after {
    transform: scaleX(1);
}

/* Ghost CTA */
.ghost-cta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    color: #374151;
    transition: .25s ease;
}

.ghost-cta:hover {
    background: #f8fafc;
}

/* Responsive tweak */
@media(max-width:600px) {
    .feature-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
}

.security-section {
    background: #fff;
    color: #000;
    padding: 60px 0;
}

.security-wrap {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 80px;
    align-items: center;
}

/* LEFT */
.security-left h2 {
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin-bottom: 20px;
}

.security-left p {
    color: #000;
    font-size: 16px;
    max-width: 520px;
    margin-bottom: 28px;
}

/* Bullet points */
.security-points {
    list-style: none;
    display: grid;
    gap: 14px;
}

.security-points li {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    color: #000;
}

.security-points li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #f7a20b;
    font-size: 14px;
}

/* RIGHT VISUAL */
.security-visual {
    position: relative;
    height: 360px;
}

.security-card {
    position: absolute;
    /* background: rgba(255, 255, 255, .06); */
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 20px 22px;
    font-size: 14px;
    color: #e5e7eb;
}

/* Main card */
.security-card.main {
    inset: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    background:
        linear-gradient(135deg, rgba(99, 102, 241, .35), rgba(34, 211, 238, .25));
    box-shadow: 0 40px 120px rgba(99, 102, 241, .35);
}

.security-card.main span {
    font-size: 12px;
    color: #e0e7ff;
}

/* Floating cards */
.security-card.top {
    top: 20px;
    left: 100px;
    background: rgb(235 113 40);
    color: #000000;
}

.security-card.bottom {
    bottom: 20px;
    right: 100px;
    background: rgb(235 113 40);
    color: #000000;
}

.security-card.side {
    top: 140px;
    right: 10px;
    background: rgb(235 113 40);
    color: #000000;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px) {
    .security-wrap {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .security-visual {
        height: 300px;
    }

    .security-card.main {
        inset: 60px 40px;
    }
}

@media(max-width:600px) {
    .security-left h2 {
        font-size: 34px;
    }

    .security-visual {
        height: 260px;
    }

    .security-card {
        font-size: 13px;
    }
}

.mobile-experience {
    background: #fffdfd;
    /* background: #f4f4f4; */
    color: #0f172a;
    padding: 80px 0;
}

.mobile-wrap {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: center;
}

/* CONTENT */
.mobile-content h2 {
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin-bottom: 20px;
}

.mobile-content>p {
    font-size: 16px;
    color: #475569;
    max-width: 560px;
    margin-bottom: 40px;
}

/* FEATURES */
.mobile-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 36px;
}

.mobile-feature {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.feature-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    flex-shrink: 0;
}

.mobile-feature h4 {
    font-size: 16px;
    margin-bottom: 4px;
    color: #0f172a;
}

.mobile-feature p {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

/* IMAGE */
.mobile-visual img {
    max-width: 360px;
    width: 100%;
    height: auto;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px) {
    .mobile-wrap {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .mobile-visual {
        order: -1;
        display: flex;
        justify-content: center;
    }
}

@media(max-width:600px) {
    .mobile-content h2 {
        font-size: 34px;
    }

    .mobile-features {
        grid-template-columns: 1fr;
    }
}

.security-flow-section {
    background: #0b1530;
    padding: 100px 0 120px;
    color: #e5e7eb;
}

/* TOP GRID */
.security-flow-top {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: start;
    margin-bottom: 90px;
}

/* LEFT */
.security-flow-left h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: -.6px;
    margin-bottom: 26px;
}

.flow-btn {
    display: inline-block;
    background: #eb7128;
    color: #ffffff;
    padding: 12px 26px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: .25s ease;
}

/* RIGHT */
.security-flow-right p {
    font-size: 16px;
    line-height: 1.7;
    color: #b7c1e0;
    max-width: 520px;
}

/* DIAGRAM */
.flow-diagram {
    width: 100%;
    display: flex;
    justify-content: center;
}

.flow-diagram img {
    width: 100%;
    max-width: 1100px;
    height: auto;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px) {
    .security-flow-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .security-flow-left h2 {
        font-size: 36px;
    }
}

@media(max-width:600px) {
    .security-flow-section {
        padding: 80px 0;
    }

    .security-flow-left h2 {
        font-size: 32px;
    }
}

.proton-security {
    background: #ffffff;
    padding: 120px 0;
}

.proton-security .tag {
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    color: #fff;
    background: #eb7128;
}

.proton-wrap {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 90px;
    align-items: center;
}

/* LEFT VISUAL */
.proton-visual {
    background: #f5f3ff;
    border-radius: 32px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visual-inner {
    position: relative;
    width: 100%;
}

.visual-inner img {
    width: 100%;
    height: auto;
    display: block;
}

/* RIGHT CONTENT */
.proton-content h2 {
    font-size: 40px;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    line-height: 1.2em;
}

.headline-stack {
    margin-bottom: 14px;
}

.headline-stack span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #b74d0d;
}

.desc {
    font-size: 16px;
    color: #475569;
    max-width: 520px;
    margin-bottom: 32px;
}

/* CHECKLIST */
.checklist {
    list-style: none;
    display: grid;
    gap: 22px;
}

.checklist li {
    position: relative;
    padding-left: 28px;
}

.checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    color: #6366f1;
    font-weight: 700;
}

.checklist strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}

.checklist p {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px) {
    .proton-wrap {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .proton-visual {
        order: -1;
    }
}

@media(max-width:600px) {
    .proton-content h2 {
        font-size: 32px;
    }

    .headline-stack span {
        font-size: 18px;
    }
}

/* ================= TEAM FOLDERS SIMPLE ================= */

.team-folders-simple {
    background: #fffdfd;
    /* background: #fff9e8; */
    padding: 60px 0;
}

.tfs-head {
    max-width: 760px;
    margin-bottom: 60px;
}


.tfs-head h3 {
    font-size: 26px;
    margin-bottom: 14px;
}

.tfs-head p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

/* GRID */
.tfs-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 60px;
    align-items: start;
}

/* FEATURES */
.tfs-features {
    display: grid;
    gap: 28px;
}

.tfs-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.tfs-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    flex-shrink: 0;
}

.tfs-item h4 {
    font-size: 17px;
    margin-bottom: 6px;
}

.tfs-item p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* IMAGE */
.tfs-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:900px) {
    .tfs-grid {
        grid-template-columns: 1fr;
    }

    .tfs-image {
        max-width: 360px;
    }
}

@media(max-width:600px) {
    .tfs-head h3 {
        font-size: 22px;
    }
}

/* ================= GLOBAL FILE LOCKING ================= */

.file-locking {
    background: #ffffff;
    padding: 60px 0;
}

/* HEADER */
.fl-head {
    max-width: 760px;
    margin: 0 auto 70px;
    text-align: center;
}

.fl-head h3 {
    font-size: 38px;
    color: #3b2f6b;
    margin-bottom: 16px;
    line-height: 1.2em;
}

.fl-head p {
    font-size: 16px;
    color: #5b5b6f;
    line-height: 1.7;
}

/* CARDS GRID */
.fl-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* CARD */
.fl-card {
    background: #f9fafb;
    border-radius: 28px;
    padding: 36px;
}

.fl-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: #eef2ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 22px;
}

.fl-card h4 {
    font-size: 14px;
    margin-bottom: 12px;
    color: #3b2f6b;
}

.fl-card p {
    font-size: 15px;
    color: #5b5b6f;
    line-height: 1.7;
}

/* ================= RESPONSIVE ================= */

@media(max-width:900px) {
    .fl-cards {
        grid-template-columns: 1fr;
    }
}

@media(max-width:600px) {
    .fl-head h2 {
        font-size: 30px;
    }
}

/* ================= FOOTER ================= */

.nfc-footer {
    font-family: inherit;
}

/* TOP */
.footer-top {
    background: #e8e7e7;
    /* background: #d5d5d5; */
    padding: 60px 0;
    border-top: 1px solid #eee;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;
    gap: 50px;
}

/* BRAND */
.footer-brand .footer-logo img {
    width: 180px;
}

.footer-brand h3 span {
    color: #f97316;
}

.footer-brand p {
    font-size: 15px;
    color: #555;
    margin-bottom: 18px;
}

.footer-contact p {
    font-size: 14px;
    color: #444;
    margin-bottom: 6px;
}

/* COLUMNS */
.footer-col h4,
.footer-trust h4 {
    font-size: 16px;
    margin-bottom: 14px;
}

.footer-col ul {
    list-style: none;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col a {
    font-size: 14px;
    color: #555;
    transition: .2s;
}

.footer-col a:hover {
    color: #000;
}

/* TRUST */
.footer-trust .trust-item {
    font-size: 14px;
    margin-bottom: 10px;
    color: #444;
    background: #d5d5d5;
    border-radius: 10px;
    width: 180px;
}

.footer-trust .trust-item img {
    width: 100%;
}

.footer-social {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.footer-social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #333;
}

/* BOTTOM */
.footer-bottom {
    background: #111827;
    color: #9ca3af;
    padding: 18px 0;
}

.bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.footer-bottom ul {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    list-style: none;
}

.footer-bottom a {
    font-size: 13px;
    color: #9ca3af;
}

.footer-bottom a:hover {
    color: #fff;
}

/* RESPONSIVE */
@media(max-width:1000px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:600px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .bottom-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
}

.pricing-section {
    padding: 60px 0;
}

.pricing-head {
    text-align: center;
    margin-bottom: 60px;
}

.pricing-head h2 {
    font-size: 32px;
}

.pricing-head p {
    font-size: 16px;
}


.pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}


.featured {
    border: 2px solid #eb7128;
    background: #f5f7ff;
    position: relative;
}

.badge {
    position: absolute;
    top: -12px;
    right: 20px;
    background: #eb7128;
    color: #fff;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 999px;
}

.subtitle {
    color: #6b7280;
    margin-bottom: 12px;
}

.price {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 16px;
}

.price span {
    font-size: 14px;
    color: #6b7280;
}

.cta {
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background: #eef2ff;
    font-weight: 600;
    margin-bottom: 18px;
}

.cta.primary {
    background: #eb7128;
    color: #fff;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.feature-list li {
    font-size: 14px;
    margin-bottom: 10px;
}

.extra {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.toggle {
    margin-top: 12px;
    background: none;
    border: none;
    color: #eb7128;
    font-weight: 600;
    cursor: pointer;
}

.pricing-card {
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.pricing-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li {
    font-size: 14px;
    margin-bottom: 10px;
}

/* hidden initially */
.extra {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s ease;
}

.toggle {
    margin-top: 12px;
    background: none;
    border: none;
    color: #eb7128;
    font-weight: 600;
    cursor: pointer;
    align-self: flex-start;
}

/* ================= RESPONSIVE ================= */

/* Large tablets */
@media (max-width: 1200px) {
    .pricing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablets */
@media (max-width: 900px) {
    .pricing-title {
        font-size: 32px;
    }

    .pricing-card {
        padding: 24px;
    }

    .price {
        font-size: 30px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .pricing-section {
        padding: 60px 0;
    }

    .pricing-title {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .pricing-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .pricing-card {
        padding: 22px;
        border-radius: 14px;
    }

    .price {
        font-size: 28px;
    }

    .subtitle {
        font-size: 13px;
    }

    .feature-list li {
        font-size: 13px;
    }

    .cta {
        width: 100%;
        text-align: center;
    }

    .toggle {
        font-size: 14px;
    }

    /* badge positioning fix */
    .badge {
        top: -10px;
        right: 14px;
        font-size: 11px;
        padding: 4px 10px;
    }
}

.compare-section {
    padding: 60px 20px;
    background: #fff;
}

.compare-title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
    font-weight: 700;
}

.container {
    max-width: 1300px;
    margin: auto;
}

/* TABLE */
.table-wrap {
    overflow-x: auto;
    border-radius: 14px;
    margin-bottom: 30px;
}

.compare-table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.compare-table th,
.compare-table td {
    padding: 16px;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
    font-size: 14px;
}

.compare-table th:first-child,
.compare-table td:first-child {
    text-align: left;
    font-weight: 600;
    background: #f9fafb;
    position: sticky;
    left: 0;
    z-index: 1;
}

.compare-table thead th {
    background: #f3f4f6;
    font-size: 15px;
}

.compare-table tr:hover {
    background: #f9fafb;
}

.highlight {
    background: #eef2ff !important;
    font-weight: 700;
}

/* ACCORDION */
.compare-accordion details {
    margin-bottom: 18px;
    border-radius: 10px;
    overflow: hidden;
}

.compare-accordion summary {
    background: #eb7128;
    color: #fff;
    padding: 14px 18px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}

.compare-accordion details[open] summary {
    background: #b74d0d;
}

/* MOBILE */
@media(max-width:768px) {
    .compare-title {
        font-size: 28px;
    }

    .compare-table {
        min-width: 600px;
    }

    .compare-table th,
    .compare-table td {
        padding: 12px;
        font-size: 13px;
    }
}

.upgrade-sections {
    padding: 60px 0;
}

.upgrade-section {
    background: #eb7128;
    padding: 30px 20px;
    border-radius: 10px;
}

.upgrade-container {
    max-width: 1100px;
    margin: auto;
    text-align: center;
}

.upgrade-container .head {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}

.upgrade-btn {
    display: inline-block;
    background: #ffffff;
    color: #eb7128;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 50px;
    transition: all 0.3s ease;
}

.upgrade-btn:hover {
    background: #c7c5fb;
}

.payment-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.payment-logos img {
    height: 30px;
    filter: grayscale(100%);
    opacity: 0.7;
}

.vat-note {
    max-width: 900px;
    margin: auto;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
}

/* ===== Base ===== */
.nfc-contact {
    padding: 80px 20px;
    background: #f5f7fb;
    font-family: Inter, Segoe UI, sans-serif;
}

.nfc-contact-wrapper {
    max-width: 1200px;
    margin: auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
}

/* ===== Left ===== */
.nfc-contact-left {
    padding: 48px;
    background: linear-gradient(180deg, #f9fafc, #eef2f8);
}

.nfc-badge {
    display: inline-block;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 16px;
}

.nfc-contact-left h2,
.nfc-contact-right h2 {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 10px;
}

.subtitle {
    color: #6b7280;
    margin-bottom: 28px;
    line-height: 1.6;
}

.office-block {
    margin-bottom: 20px;
    color: #4b5563;
}

.office-block .company {
    font-weight: 600;
    color: #111827;
}

.map-box {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.map-box iframe {
    width: 100%;
    height: 240px;
    border: 0;
}

/* ===== Right ===== */
.nfc-contact-right {
    padding: 56px;
}

.nfc-form {
    display: grid;
    gap: 18px;
}

.form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.form-group input,
.form-group textarea {
    width: 100%;
    margin-top: 6px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #6366f1;
}

/* ===== Button ===== */
.nfc-btn {
    margin-top: 12px;
    padding: 16px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #eb7128, #eb7128);
    box-shadow: 1px 4px 5px rgba(79, 70, 229, 0.35);
    transition: transform .2s ease, box-shadow .2s ease;
}

.nfc-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 4px rgba(79, 70, 229, 0.45);
}


/* ===== Responsive ===== */
@media (max-width: 992px) {
    .nfc-contact-wrapper {
        grid-template-columns: 1fr;
    }

    .nfc-contact-left,
    .nfc-contact-right {
        padding: 36px;
    }
}

@media (max-width: 576px) {
    .nfc-contact {
        padding: 50px 16px;
    }

    .nfc-contact-left h2,
    .nfc-contact-right h2 {
        font-size: 24px;
    }

    .nfc-btn {
        font-size: 15px;
        padding: 14px;
    }
}

.nfc-abouts-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(2, 1.2fr);
    gap: 40px;
}

@media (max-width: 992px) {
    .nfc-about-container {
        grid-template-columns: 1fr;
    }
}


.nfc-about-container.narrow {
    max-width: 820px;
}

.nfc-about-container.split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.nfc-about-hero {
    background: linear-gradient(180deg, #f9fafc, #eef2f8);
    padding: 100px 0;
}

.nfc-about-hero-content h1 {
    font-size: 44px;
    margin-bottom: 20px;
}

.nfc-about-hero-visual img {
    width: 100%;
}

.nfc-about-badge {
    display: inline-block;
    background: #eef2ff;
    color: #4f46e5;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    margin-bottom: 16px;
}

.nfc-about-vision {
    padding: 80px 0;
    text-align: center;
}

.nfc-about-vision-card img {
    width: 64px;
    margin-bottom: 20px;
}

.nfc-about-offer {
    background: #f5f7fb;
    padding: 90px 0;
}

.nfc-about-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.nfc-about-card {
    background: #fff;
    padding: 32px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
}

.nfc-about-card img {
    width: 44px;
    margin-bottom: 14px;
}

.nfc-about-commitment {
    padding: 90px 0;
}

.nfc-about-commitment-visual img {
    width: 100%;
    border-radius: 18px;
}

/* ===============================
   WHY CHOOSE NFC VAULT – SECTION
================================ */

.nfc-about-why {
    padding: 80px 20px;
    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
}

.nfc-about-why .container {
    max-width: 1200px;
    margin: auto;
}

.nfc-about-why h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #111827;
}

/* Grid */
.nfc-about-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* Card */
.nfc-about-why-grid .why-card {
    display: flex;
    gap: 18px;
    padding: 26px 24px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    transition: all 0.35s ease;
    cursor: default;
}

/* Hover effect */
.nfc-about-why-grid .why-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
    border-color: rgba(249, 115, 22, 0.4);
}

/* Icon wrapper */
.nfc-about-why-grid .why-icon {
    min-width: 56px;
    height: 56px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f97316, #fb923c);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.35);
    flex-shrink: 0;
}

/* Text */
.nfc-about-why-grid .why-content strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 6px;
}

.nfc-about-why-grid .why-content span {
    font-size: 15px;
    line-height: 1.6;
    color: #6b7280;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 1024px) {
    .nfc-about-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .nfc-about-why {
        padding: 60px 16px;
    }

    .nfc-about-why h3 {
        font-size: 28px;
        margin-bottom: 36px;
    }

    .nfc-about-why-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .nfc-about-why-grid .why-card {
        padding: 22px;
    }

    .nfc-about-why-grid .why-icon {
        min-width: 48px;
        height: 48px;
        font-size: 20px;
    }
}


.cta-section {
    padding: 60px 0;
}

.nfc-about-cta {
    background: #eb7128;
    color: #fff;
    padding: 60px;
    text-align: center;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 992px) {
    .nfc-about-container.split {
        grid-template-columns: 1fr;
    }

    .nfc-about-grid,
    .nfc-about-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .nfc-about-hero-content h1 {
        font-size: 32px;
    }

    .nfc-about-grid,
    .nfc-about-why-grid {
        grid-template-columns: 1fr;
    }
}

/* pages structure and UI */

/* ===== HERO SECTION STYLES ===== */

.nfc-hero {
    width: 100%;
    overflow: hidden;
    font-family: 'Segoe UI', sans-serif;
}

.nfc-hero-wrapper {
    display: flex;
    min-height: 600px;
}

/* LEFT SIDE */

.nfc-hero-left {
    width: 45%;
    background: #181515;
    /* Dropbox-style dark */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.nfc-hero-content {
    max-width: 520px;
}

.nfc-hero-tag {
    font-size: 14px;
    background-color: #ffffff;
    padding: 5px;
    color: #000;
    border-radius: 8px;
}

.nfc-hero-left h1 {
    font-size: 46px;
    line-height: 1.15;
    margin: 20px 0;
    font-weight: 600;
}

.nfc-hero-left p {
    font-size: 17px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.nfc-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eb7128;
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.nfc-hero-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-2px);
}

/* RIGHT SIDE */

.nfc-hero-right {
    width: 55%;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.nfc-hero-image-wrapper {
    padding: 15px;
    width: 100%;

}

.nfc-hero-image-wrapper img {
    width: 100%;
    border-radius: 12px;
    display: block;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1100px) {
    .nfc-hero-left h1 {
        font-size: 38px;
    }
}

@media (max-width: 992px) {
    .nfc-hero-wrapper {
        flex-direction: column;
    }

    .nfc-hero-left,
    .nfc-hero-right {
        width: 100%;
        padding: 40px 20px;
    }

    .nfc-hero-left {
        text-align: center;
    }

    .nfc-hero-content {
        margin: auto;
    }

    .nfc-hero-left h1 {
        font-size: 32px;
    }

    .nfc-hero-image-wrapper {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .nfc-hero-left h1 {
        font-size: 28px;
    }

    .nfc-hero-left p {
        font-size: 15px;
    }
}

/* ===== KEY CHALLENGES SECTION ===== */

.nfc-challenges {
    padding: 60px 0;
    background: #fff;
}

.nfc-challenges-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 50px;
    align-items: center;
}

.nfc-challenges-left h2 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #111;
    line-height: 1.2;
}

.nfc-challenges-left p {
    color: #555;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.6;
    max-width: 520px;
}

.nfc-section-tag {
    display: inline-block;
    background: rgba(243, 112, 33, 0.1);
    color: #f37021;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: 600;
}

.nfc-challenge-illustration img {
    width: 100%;
    max-width: 420px;
    border-radius: 16px;
    margin-top: 10px;
}

/* RIGHT GRID */

.nfc-challenges-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.nfc-challenge-card {
    background: #ffffff;
    padding: 24px;
    border-radius: 14px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.nfc-challenge-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

.nfc-card-icon {
    font-size: 28px;
    margin-bottom: 12px;
}

.nfc-challenge-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #111;
}

.nfc-challenge-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 992px) {
    .nfc-challenges-wrapper {
        grid-template-columns: 1fr;
    }

    .nfc-challenges-left {
        text-align: center;
    }

    .nfc-challenges-left p {
        margin-left: auto;
        margin-right: auto;
    }

    .nfc-challenge-illustration img {
        margin: auto;
    }
}

@media (max-width: 600px) {
    .nfc-challenges-right {
        grid-template-columns: 1fr;
    }

    .nfc-challenges-left h2 {
        font-size: 28px;
    }
}

/* ===== EXISTING SOLUTIONS LIMITATIONS SECTION ===== */

.nfc-solutions-limit {
    padding: 60px 0;
    background: #efefef;
}

.nfc-solutions-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: flex-start;
}

/* LEFT SIDE */

.nfc-solutions-left {
    position: sticky;
    top: 100px;
}

.nfc-badge {
    display: inline-block;
    background: #fff1e5;
    color: #ff7b00;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    margin-bottom: 15px;
    font-weight: 600;
}

.nfc-solutions-left h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #0f172a;
    line-height: 1.3;
}

.nfc-solutions-left p {
    font-size: 16px;
    color: #475569;
    line-height: 1.7;
    max-width: 520px;
}

/* RIGHT SIDE CARDS */

.nfc-solutions-right {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.nfc-solution-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 22px;
    border-radius: 14px;
    transition: all 0.3s ease;
}

.nfc-solution-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    transform: translateX(5px);
}

.nfc-solution-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.nfc-solution-head .icon {
    width: 36px;
    height: 36px;
    background: #fff6ed;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.nfc-solution-card h4 {
    font-size: 18px;
    margin: 0;
    color: #0f172a;
}

.nfc-solution-card p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 992px) {
    .nfc-solutions-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .nfc-solutions-left {
        position: relative;
        top: 0;
        text-align: center;
    }

    .nfc-solutions-left p {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 600px) {
    .nfc-solutions-left h2 {
        font-size: 26px;
    }

    .nfc-solution-card {
        padding: 16px;
    }
}

/* ===== LEADERS SECTION ===== */

.nfc-leaders-section {
    padding: 60px 0;
    background: #ffffff;
}

.nfc-leaders-head {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 50px;
}

.nfc-leaders-head h2 {
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 14px;
    line-height: 1.3;
}

.nfc-leaders-head p {
    color: #64748b;
    font-size: 16px;
}

/* GRID */

.nfc-leaders-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* CARDS */

.nfc-leader-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px;
    transition: all 0.3s ease;
    text-align: left;
    position: relative;
}

.nfc-leader-card:hover {
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.08);
    transform: translateY(-6px);
}

.nfc-leader-card .icon {
    width: 52px;
    height: 52px;
    background: #fff1e5;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
}

.nfc-leader-card h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #0f172a;
}

.nfc-leader-card p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.7;
}

/* COLOR ACCENTS LIKE SCREENSHOT */

.nfc-leader-card:nth-child(1) .icon {
    background: #e6f0ff;
}

.nfc-leader-card:nth-child(2) .icon {
    background: #eafaf2;
}

.nfc-leader-card:nth-child(3) .icon {
    background: #fff6e5;
}

/* RESPONSIVE */

@media (max-width: 992px) {
    .nfc-leaders-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .nfc-leaders-grid {
        grid-template-columns: 1fr;
    }

    .nfc-leaders-head h2 {
        font-size: 26px;
    }
}

/* ===== SETUP SECTION ===== */

.nfc-setup-section {
    padding: 60px 0;
    background: #efefef;
    font-family: 'Segoe UI', sans-serif;
}

/* HEADER */

.nfc-setup-head {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 50px;
}

.nfc-setup-head h2 {
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 10px;
}

.nfc-setup-head p {
    color: #64748b;
    font-size: 16px;
}

/* WRAPPER */

.nfc-setup-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* CARDS */

.nfc-setup-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 28px;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.nfc-setup-card:hover {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
    transform: translateY(-6px);
}

/* BADGES */

.setup-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: 600;
}

.setup-badge.cloud {
    background: #e6f0ff;
    color: #1e40af;
}

.setup-badge.onprem {
    background: #eafaf2;
    color: #166534;
}

/* TITLE */

.nfc-setup-card h4 {
    font-size: 20px;
    color: #0f172a;
    margin-bottom: 16px;
}

/* IMAGE */

.setup-image {
    border-radius: 12px;
    padding: 12px;
    text-align: center;
    margin-bottom: 18px;
    overflow: hidden;
}

.setup-image img {
    width: 100%;
    border-radius: 10px;
    max-height: 320px;
    object-fit: contain;
    transform: scale(1.5);
}

/* DESCRIPTION */

.setup-desc {
    font-size: 14px;
    color: #64748b;
    line-height: 1.7;
}

/* RESPONSIVE */

@media (max-width: 992px) {
    .nfc-setup-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .nfc-setup-head h2 {
        font-size: 26px;
    }
}

/* ===== HOW IT WORKS SECTION ===== */

.nfc-how-section {
    padding: 60px 0;
    background: #fff;
}

/* HEADER */

.nfc-how-head {
    text-align: center;
    margin: 0 auto 50px;
}

.nfc-how-head h2 {
    font-size: 34px;
    color: #0f172a;
    margin-bottom: 12px;
}

.nfc-how-head p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.7;
}

/* GRID */

.nfc-how-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* CARD */

.nfc-how-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 26px;
    transition: all 0.3s ease;
}

.nfc-how-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
}

/* ICON WRAP */

.icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.icon-wrap i {
    font-size: 20px;
}

/* COLORS */

.icon-wrap.blue {
    background: #e6f0ff;
    color: #1e40af;
}

.icon-wrap.green {
    background: #eafaf2;
    color: #166534;
}

.icon-wrap.yellow {
    background: #fff7e6;
    color: #b45309;
}

.icon-wrap.red {
    background: #ffecec;
    color: #b91c1c;
}

.icon-wrap.cyan {
    background: #e6f8ff;
    color: #0e7490;
}

.icon-wrap.gray {
    background: #f1f5f9;
    color: #475569;
}

/* CARD TEXT */

.nfc-how-card h4 {
    font-size: 18px;
    color: #0f172a;
    margin-bottom: 10px;
}

.nfc-how-card p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.7;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .nfc-how-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .nfc-how-grid {
        grid-template-columns: 1fr;
    }

    .nfc-how-head h2 {
        font-size: 26px;
    }
}

/* ===== CASE STUDY SECTION ===== */

.nfc-case-section {
    padding: 60px 0;
    background: #efefef;
}

/* HEADER */

.nfc-case-header {
    text-align: center;
    margin-bottom: 50px;
}

.nfc-case-header h2 {
    font-size: 34px;
    color: #0f172a;
    margin-bottom: 10px;
}

.nfc-case-header h2 span {
    color: #f77f00;
    /* NFC Vault Orange */
}

.nfc-case-header p {
    color: #64748b;
    font-size: 16px;
    max-width: 750px;
    margin: auto;
}

/* GRID */

.nfc-case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* CARD */

.nfc-case-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.nfc-case-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
}

/* IMAGE */

.nfc-case-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* BODY */

.nfc-case-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.case-tag {
    font-size: 13px;
    color: #475569;
    font-weight: 600;
    margin-bottom: 6px;
}

.nfc-case-body h3 {
    font-size: 18px;
    color: #0f172a;
    margin-bottom: 10px;
    line-height: 1.4;
}

.nfc-case-body p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.7;
    margin-bottom: 16px;
    flex-grow: 1;
}

.read-more {
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    margin-top: auto;
}

.read-more:hover {
    text-decoration: underline;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .nfc-case-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .nfc-case-grid {
        grid-template-columns: 1fr;
    }

    .nfc-case-header h2 {
        font-size: 26px;
    }
}

/* ===== FEATURES SECTION ===== */

.nfc-features-section {
    padding: 60px 0;
    background: #fff;
}

/* HEADER */

.nfc-features-header {
    text-align: center;
    margin-bottom: 50px;
}

.nfc-features-header h2 {
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 10px;
}

.nfc-features-header p {
    color: #64748b;
    max-width: 820px;
    margin: auto;
    font-size: 16px;
}

/* GRID */

.nfc-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}

/* CARD */

.nfc-feature-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 22px;
    transition: all 0.3s ease;
    border: 1px solid #e2e8f0;
}

.nfc-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}

/* ICON */

.nfc-feature-card .icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #fff1e6;
    /* Light NFC orange tone */
    color: #f77f00;
    /* NFC Orange */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 12px;
}

/* TEXT */

.nfc-feature-card h3 {
    font-size: 17px;
    color: #0f172a;
    margin-bottom: 8px;
}

.nfc-feature-card p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .nfc-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .nfc-features-grid , #nfc-features-grids {
        grid-template-columns: 1fr;
    }

    .nfc-features-header h2 {
        font-size: 26px;
    }
}




/* code start here */

/* Section Base */
.deployment-section {
    background-color: #efefef;
    padding: 60px 20px;
}

/* Heading */
.deployment-heading h2{
    text-align: center;
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 14px;
    line-height: 1.3;
}

/* Row Layout */
.deployment-row {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 40px;
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.deployment-row:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.deployment-row.reverse {
    flex-direction: row-reverse;
}

/* Image */
.deployment-image {
    flex: 1;
    text-align: center;
}

.deployment-image img {
    width: 100%;
    max-width: 460px;
    border-radius: 12px;
}

/* Content */
.deployment-content {
    flex: 1;
}

.deployment-tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #457b9d;
    background-color: #edf6fb;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.deployment-title {
    font-size: 26px;
    font-weight: 700;
    color: #1d3557;
    margin-bottom: 14px;
}

.deployment-text {
    font-size: 16px;
    line-height: 1.7;
    color: #333333;
    max-width: 520px;
}

/* Responsive */
@media (max-width: 992px) {

    .deployment-row,
    .deployment-row.reverse {
        flex-direction: column;
        text-align: center;
    }

    .deployment-text {
        margin: 0 auto;
    }
}

@media (max-width: 576px) {
    .deployment-heading {
        font-size: 28px;
        margin-bottom: 50px;
    }

    .deployment-title {
        font-size: 22px;
    }

    .deployment-row {
        padding: 30px 20px;
    }
}


/* Section Base */
.benefits-section {
    background-color: #fff;
    padding: 60px 20px;
}

.benefit-container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 70px;
}

/* Left Content */
.benefits-content {
    flex: 1;
}

.benefits-heading {
    font-size: 34px;
    font-weight: 700;
    color: #1d3557;
    margin-bottom: 20px;
}

.benefits-intro {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 40px;
}

.benefits-intro span {
    color: #ff7f27;
    font-weight: 600;
}

/* Benefit List */
.benefits-list {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.benefit-item {
    display: flex;
    gap: 18px;
    padding: 18px 22px;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.benefit-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.benefit-icon {
    font-size: 26px;
    flex-shrink: 0;
}

.benefit-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 6px;
}

.benefit-item p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}

/* Right Image */
.benefits-image {
    flex: 1;
    text-align: center;
}

.benefits-image img {
    width: 100%;
    max-width: 450px;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

/* Responsive */
@media (max-width: 992px) {
    .benefits-container {
        flex-direction: column-reverse;
        text-align: center;
    }

    .benefit-item {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .benefits-heading {
        font-size: 28px;
    }

    .benefits-intro {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    .benefit-container {
        gap: 40px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .benefit-container {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
}

/* =========================
   Section Background
========================= */

.study-wrapper {
  background-color: #efefef;
  padding: 80px 20px;
  font-family: "Segoe UI", system-ui, sans-serif;
}

.study-container {
  max-width: 1300px;
  margin: 0 auto;
}

/* =========================
   Section Heading
========================= */

.study-heading {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 60px;
}

.study-heading span {
  color: #ff7a00;
}

/* =========================
   Main Card (Large Soft Box)
========================= */

.study-card {
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 60px;
  background-color: #f7f7f7;
  padding: 50px;
  border-radius: 28px;
}

/* =========================
   Image Area (Left)
========================= */



.study-media img {
  width: 100%;
  height: auto;
  max-height: 320px;
  
  object-fit: contain;
}

/* =========================
   Content Area (Right)
========================= */

.study-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.study-badge {
  display: inline-block;
  background-color: #eb7128;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 999px;
  width: fit-content;
  margin-bottom: 22px;
}

.study-title {
  font-size: 30px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 22px;
  line-height: 1.3;
}

.study-description {
  font-size: 16px;
  line-height: 1.75;
  color: #475569;
  max-width: 620px;
}

/* =========================
   Responsive
========================= */

@media (max-width: 1024px) {
  .study-card {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 40px;
  }

  .study-heading {
    font-size: 32px;
  }

  .study-title {
    font-size: 26px;
  }
}


.datasheet-wrap {
  max-width: 900px;
  margin: 80px auto 50px auto; /* center horizontally */
  text-align: center;
}

.datasheet-title {
  font-size: 32px;
  color: #f37021;
  font-weight: 700;
  margin-bottom: 20px;
}

.datasheet-text {
  font-size: 17px;
  color: #333;
  line-height: 1.6;
  text-align: justify;
}


.nfc-case-grids {
grid-template-columns: repeat(4, 1fr);
}

#nfc-leaders-grids {
    
    grid-template-columns: repeat(4, 1fr);
    
}





#nfc-features-grids{
grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {
    #nfc-features-grids {
        grid-template-columns: 1fr;
    }
}

.macos-layout-section {
  background-color: #ffffff;
  padding: 80px 20px;
  font-family: "Segoe UI", system-ui, sans-serif;
}

.macos-layout-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* ROW must stretch */
.macos-layout-row {
  display: flex;
  align-items: stretch; /* 🔥 IMPORTANT */
  gap: 60px;
}

/* LEFT CONTENT */
.macos-layout-content {
  flex: 0 0 58%;
}

/* TEXT STYLES */
.macos-label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #2563eb;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 14px;
}

.macos-title {
  font-size: 36px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 24px;
  line-height: 1.25;
}

.macos-text {
  font-size: 16px;
  line-height: 1.9;
  color: #374151;
  margin-bottom: 18px;
}

/* RIGHT IMAGE */
.macos-layout-image {
  flex: 0 0 42%;
  position: relative;
}

/* Image fills full column height */
.macos-layout-image img {
  width: 100%;
  height: 100%;              /* 🔥 KEY */
  object-fit: cover;         /* 🔥 KEY */
  border-radius: 16px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .macos-layout-row {
    flex-direction: column;
  }

  .macos-layout-image img {
    height: auto;
  }

  .macos-title {
    font-size: 28px;
  }
}


#deployment-rows{
 box-shadow: none;
}

.info-note {
    border-left: 5px solid #f37021;
    padding: 20px 25px;
    margin: 40px 0;
    border-radius: 6px;
    font-family: 'Segoe UI', sans-serif;
}

.note-label {
    font-weight: 700;
    color: #f37021;
    margin-bottom: 8px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-note p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #555;
}


/* SECTION */

.zxq-hypernova-benefits-shell {
    padding: 80px 20px;
    background: #f4f7fb;
    font-family: 'Segoe UI', sans-serif;
}

.zxq-hypernova-benefits-core {
    max-width: 1200px;
    margin: auto;
}

.zxq-hypernova-benefits-heading {
    text-align: center;
    font-size: 36px;
    color: #2c3e50;
    margin-bottom: 60px;
    font-weight: 700;
}

.zxq-hypernova-benefits-grid {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.zxq-hypernova-benefits-nav {
    flex: 1;
    min-width: 280px;
}

.zxq-hypernova-benefits-tab {
    background: #ffffff;
    padding: 20px 25px;
    margin-bottom: 15px;
    border-left: 4px solid #ddd;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.zxq-hypernova-benefits-tab span {
    font-size: 18px;
    color: #2c3e50;
    font-weight: 500;
}

.zxq-hypernova-benefits-tab.active {
    border-left-color: #f37021;
}

.zxq-hypernova-benefits-tab.active span {
    color: #f37021;
}

.zxq-hypernova-benefits-display {
    flex: 2;
    min-width: 300px;
    background: #ffffff;
    padding: 35px;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.zxq-hypernova-benefits-panel {
    display: none;
}

.zxq-hypernova-benefits-panel.active {
    display: block;
}

.zxq-hypernova-benefits-panel h3 {
    color: #f37021;
    font-size: 24px;
    margin-bottom: 20px;
}

.zxq-hypernova-benefits-panel p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 18px;
}

.zxq-hypernova-benefits-panel strong {
    color: #2c3e50;
}

@media (max-width: 768px) {
    .zxq-hypernova-benefits-grid {
        flex-direction: column;
    }
}



#directory-img {
   
    height: 300px;
    
}


#nfc-leaders-grids {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}



/* SECTION WRAPPER */
.zenova-compliance-hyperwrap {
    background: #efefef;
    padding: 60px 6%;
}

/* GRID LAYOUT */
.zenova-compliance-gridflux {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    align-items: center;
    gap: 80px;
    max-width: 1300px;
    margin: auto;
}

/* LEFT CONTENT */
.zenova-compliance-textsphere {
    position: relative;
}

.zenova-compliance-titanhead {
    font-size: 52px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 35px;
    line-height: 1.2;
}

.zenova-compliance-megacopy {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
}

/* BUTTON AREA */
.zenova-compliance-actionbar {
    margin-top: 35px;
    display: flex;
    gap: 20px;
}

/* PRIMARY BUTTON */
.zenova-cta-orbitpulse {
    padding: 14px 34px;
    background: #ffffff;
    border: 1px solid #2f3b48;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s ease;
}

.zenova-cta-orbitpulse:hover {
    background: #2f3b48;
    color: #ffffff;
}

/* SECONDARY BUTTON */
.zenova-cta-outlineflux {
    padding: 14px 34px;
    background: transparent;
    border: 1px solid #999;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s ease;
}

.zenova-cta-outlineflux:hover {
    background: #ffffff;
}

/* IMAGE SIDE */
.zenova-compliance-visualcore img {
    width: 100%;
    border-radius: 18px; /* Clean rounded look */
    object-fit: cover;
}

/* RESPONSIVE DESIGN */
@media (max-width: 992px) {
    .zenova-compliance-gridflux {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .zenova-compliance-titanhead {
        font-size: 36px;
    }

    .zenova-compliance-actionbar {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* SECTION WRAPPER */
.aurelios-casevault-quantumwrap {
    background: #ffffff;
    padding: 60px 6%;
}

/* HEADER */
.aurelios-casevault-headerbar {
    margin-bottom: 80px;
    border-left: 6px solid #f37021;
    padding-left: 20px;
}

.aurelios-casevault-headerbar h2 {
    font-size: 38px;
    font-weight: 700;
    color: #2f3b48;
}

/* GRID STRUCTURE */
.aurelios-casevault-gridline {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 80px;
    align-items: center;
    padding-bottom: 30px;
}

.aurelios-casevault-gridline.reverseflow {
    padding-bottom: 0;
}

/* REVERSE SECOND ROW */
.reverseflow {
    grid-template-columns: 1fr 1.1fr;
}

/* TEXT SIDE */
.aurelios-casevault-textmatrix {
    max-width: 580px;
}

.aurelios-casevault-tagpulse {
    display: inline-block;
    padding: 8px 18px;
    background: #f37021;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.aurelios-casevault-headingcore {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #2f3b48;
}

.aurelios-casevault-textmatrix p {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 18px;
}

/* IMAGE SIDE */
.aurelios-casevault-visualnode img {
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .aurelios-casevault-gridline {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-bottom: 80px;
    }

    .reverseflow {
        grid-template-columns: 1fr;
    }

    .aurelios-casevault-headerbar h2 {
        font-size: 28px;
    }

    .aurelios-casevault-headingcore {
        font-size: 24px;
    }
}



/* SECTION */
.zycronexa-dualchallenge-hypercluster {
    background: #ffffff;
    padding: 60px 6%;
}

/* HEADING */
.zycronexa-dualchallenge-headingvault {
    text-align: center;
    max-width: 850px;
    margin: auto;
    margin-bottom: 80px;
}

.zycronexa-dualchallenge-headingvault h2 {
    font-size: 42px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 20px;
}

.zycronexa-dualchallenge-headingvault p {
    font-size: 18px;
    color: #555;
}

/* GRID CORE */
.zycronexa-dualchallenge-gridcore {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    max-width: 1100px;
    margin: auto;
}

/* COLUMN */
.zycronexa-dualchallenge-columnzone {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* ITEM */
.zycronexa-dualchallenge-itemnode {
    display: flex;
    gap: 20px;
    padding-left: 20px;
    border-left: 4px solid #f37021;
}

/* ICON */
.zycronexa-dualchallenge-iconring {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #f37021;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #f37021;
    flex-shrink: 0;
}

/* TITLE */
.zycronexa-dualchallenge-itemnode h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #2f3b48;
}

/* TEXT */
.zycronexa-dualchallenge-itemnode p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .zycronexa-dualchallenge-gridcore {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .zycronexa-dualchallenge-headingvault h2 {
        font-size: 28px;
    }
}




/* SECTION */
.veltrixa-casechronicle-megawrap {
    background: #ffffff;
    padding: 60px 0;
    position: relative;
}

/* HEADING */
.veltrixa-casechronicle-headingvault {
    text-align: center;
    margin-bottom: 100px;
}

.veltrixa-casechronicle-headingvault h2 {
    font-size: 42px;
    font-weight: 700;
    color: #2f3b48;
}

/* TIMELINE CORE */
.veltrixa-casechronicle-timelinecore {
    position: relative;
    max-width: 1100px;
    margin: auto;
}

/* CENTER VERTICAL LINE */
.veltrixa-casechronicle-axisline {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: #e5e5e5;
    transform: translateX(-50%);
}

/* NODE ROW */
.veltrixa-casechronicle-node {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin-bottom: 30px;
    gap: 60px;
    position: relative;
}

/* LEFT / RIGHT CONTROL */


.rightnode {
    text-align: left;
}

/* CONTENT BOX */
.veltrixa-casechronicle-contentbox {
    border: 1px solid #e5e5e5;
    padding: 40px;
    background: #ffffff;
}

.veltrixa-casechronicle-tagcore {
    display: inline-block;
    padding: 6px 16px;
    background: #f37021;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 20px;
}

.veltrixa-casechronicle-contentbox h3 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #2f3b48;
}

.veltrixa-casechronicle-contentbox p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

/* IMAGE BOX */
.veltrixa-casechronicle-imagebox img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
}

/* RESPONSIVE */
@media (max-width: 992px) {

    .veltrixa-casechronicle-axisline {
        display: none;
    }

    .veltrixa-casechronicle-node {
        grid-template-columns: 1fr;
        text-align: left;
        margin-bottom: 80px;
    }

    .leftnode, .rightnode {
        text-align: left;
    }
}


/* SECTION WRAPPER */
.xenovique-remotepower-hypercluster {
    background: #ffffff;
    padding: 60px 0;
}

/* HEADING */
.xenovique-remotepower-headingvault {
    text-align: center;
    margin-bottom: 80px;
}

.xenovique-remotepower-headingvault h2 {
    font-size: 42px;
    font-weight: 700;
    color: #2f3b48;
}

/* FLEX STRUCTURE */
.xenovique-remotepower-flexmatrix {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    max-width: 1200px;
    margin: auto;
}

/* PANEL */
.xenovique-remotepower-panelnode {
    flex: 1;
    text-align: center;
    padding: 20px 10px;
    border-right: 1px solid #e5e5e5;
}

/* REMOVE BORDER FOR LAST */
.xenovique-remotepower-panelnode:last-child {
    border-right: none;
}

/* IMAGE */
.xenovique-remotepower-illustrationcore svg {
    width: 120px;
    max-width: 100%;
    margin-bottom: 30px;
}

/* TITLE */
.xenovique-remotepower-panelnode h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #f37021;
}

/* DIVIDER LINE */
.xenovique-remotepower-dividerline {
    width: 60px;
    height: 2px;
    background: #e5e5e5;
    margin: 0 auto 5px;
}

/* TEXT */
.xenovique-remotepower-panelnode p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    max-width: 320px;
    margin: auto;
}

/* RESPONSIVE */
@media (max-width: 992px) {

    .xenovique-remotepower-flexmatrix {
        flex-direction: column;
        gap: 70px;
    }

    .xenovique-remotepower-panelnode {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 50px;
    }

    .xenovique-remotepower-panelnode:last-child {
        border-bottom: none;
    }
}


/* SECTION WRAPPER */
.novatrixa-digitalfoundation-outerwrap {
    background: #efefef;
    padding: 60px 6%;
}

/* GRID STRUCTURE */
.novatrixa-digitalfoundation-innergrid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    align-items: center;
    gap: 80px;
    max-width: 1300px;
    margin: auto;
}

/* LEFT TEXT */
.novatrixa-digitalfoundation-textzone {
    max-width: 650px;
}

.novatrixa-digitalfoundation-mainheading {
    font-size: 44px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 30px;
    line-height: 1.2;
}

.novatrixa-digitalfoundation-paragraph {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
}

/* RIGHT IMAGE */
.novatrixa-digitalfoundation-visualzone img {
    width: 100%;
    max-width: 480px;
    display: block;
    margin: auto;
}

/* RESPONSIVE */
@media (max-width: 992px) {

    .novatrixa-digitalfoundation-innergrid {
        grid-template-columns: 1fr;
        gap: 60px;
        text-align: center;
    }

    .novatrixa-digitalfoundation-textzone {
        margin: auto;
    }

    .novatrixa-digitalfoundation-mainheading {
        font-size: 30px;
    }
}


/* SECTION */
.velorix-comparegrid-hyperboard {
    background: #ffffff;
    padding: 60px 6%;
}

/* HEADING */
.velorix-comparegrid-headingvault {
    text-align: center;
    margin-bottom: 60px;
}

.velorix-comparegrid-headingvault h2 {
    font-size: 40px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 15px;
}

.velorix-comparegrid-headingvault p {
    font-size: 18px;
    color: #555;
}

/* MATRIX */
.velorix-comparegrid-matrixcore {
    max-width: 1100px;
    margin: auto;
    border: 1px solid #e5e5e5;
}

/* ROW */
.velorix-comparegrid-row {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 1fr);
    padding: 18px 25px;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.velorix-comparegrid-row:last-child {
    border-bottom: none;
}

/* HEADER */
.velorix-comparegrid-headerrow {
    background: #f8f8f8;
    font-weight: 600;
}

/* BADGES */
.velorix-badge {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}

/* STATUS COLORS */
.excellent {
    background: #e6f4ea;
    color: #1e7e34;
}

.good {
    background: #e7f0ff;
    color: #1f4fa3;
}

.fair {
    background: #fff4e5;
    color: #cc7a00;
}

.poor {
    background: #fdecea;
    color: #b42318;
}

.yes {
    background: #fff4e5;
    color: #cc7a00;
}

.no {
    background: #e6f4ea;
    color: #1e7e34;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .velorix-comparegrid-row {
        grid-template-columns: 1fr 1fr;
        row-gap: 10px;
    }

    .velorix-comparegrid-headerrow {
        display: none;
    }
}


/* SECTION WRAPPER */
.zyphora-foundationinsight-hyperframe {
    background: #ffffff;
    padding: 20px 0px;
}

/* CONTAINER */
.zyphora-foundationinsight-container {
    max-width: 1100px;
    margin: auto;
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

/* LEFT ACCENT LINE */
.zyphora-foundationinsight-accentline {
    width: 6px;
    min-height: 220px;
    background: #f37021;
}
#zyphora-foundationinsight-accentlines{
    min-height: 80px;
}


/* CONTENT */
.zyphora-foundationinsight-contentcore {
    flex: 1;
}

/* HEADING */
.zyphora-foundationinsight-headingvault {
    font-size: 42px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 30px;
    line-height: 1.2;
}

/* MAIN TEXT */
.zyphora-foundationinsight-maintext {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
}

/* HIGHLIGHT LINE */
.zyphora-foundationinsight-highlightline {
    font-size: 20px;
    font-weight: 600;
    color: #2f3b48;
    border-top: 1px solid #e5e5e5;
    padding-top: 25px;
}

/* RESPONSIVE */
@media (max-width: 768px) {

    .zyphora-foundationinsight-container {
        flex-direction: column;
    }

    .zyphora-foundationinsight-accentline {
        width: 100%;
        height: 5px;
        min-height: auto;
    }

    .zyphora-foundationinsight-headingvault {
        font-size: 28px;
    }
}


/* SECTION WRAPPER */
.aerovanta-featurematrix-hyperwrap {
    background: #ffffff;
    padding: 60px 0;
}

/* HEADING */
.aerovanta-featurematrix-headingvault {
    text-align: center;
    
    margin: auto;
    margin-bottom: 80px;
}

.aerovanta-featurematrix-headingvault h2 {
    font-size: 42px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 20px;
}

.aerovanta-featurematrix-headingvault p {
    font-size: 18px;
    color: #555;
    line-height: 1.7;
}

/* GRID */
.aerovanta-featurematrix-gridcore {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: auto;
}

/* FEATURE NODE */
.aerovanta-featurematrix-node {
    border: 1px solid #e5e5e5;
    padding: 35px 30px;
    transition: 0.3s ease;
}

/* Hover without shadow */
.aerovanta-featurematrix-node:hover {
    border-color: #f37021;
}

/* ICON STRIP */
.aerovanta-featurematrix-iconstrip {
    font-size: 28px;
    margin-bottom: 20px;
    color: #f37021;
}

/* TITLE */
.aerovanta-featurematrix-node h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #2f3b48;
}

/* TEXT */
.aerovanta-featurematrix-node p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .aerovanta-featurematrix-gridcore {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .aerovanta-featurematrix-gridcore {
        grid-template-columns: 1fr;
    }

    .aerovanta-featurematrix-headingvault h2 {
        font-size: 28px;
    }
}





/* SECTION */
.orvexira-dualsolution-hyperwrap {
    background: #ffffff;
    padding: 60px 6%;
}

/* HEADING */
.orvexira-dualsolution-headingvault {
    text-align: center;
    margin-bottom: 80px;
}

.orvexira-dualsolution-headingvault h2 {
    font-size: 42px;
    font-weight: 700;
    color: #2f3b48;
}

/* GRID */
.orvexira-dualsolution-gridcore {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    max-width: 1100px;
    margin: auto;
}

/* COLUMN */
.orvexira-dualsolution-columnzone {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

/* ITEM */
.orvexira-dualsolution-itemnode {
    display: flex;
    gap: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}

/* Remove bottom border for last item */
.orvexira-dualsolution-columnzone li:last-child {
    border-bottom: none;
}

/* ICON */
.orvexira-dualsolution-iconorb {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px solid #f37021;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #f37021;
    flex-shrink: 0;
}

/* TITLE */
.orvexira-dualsolution-itemnode h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #2f3b48;
}

/* TEXT */
.orvexira-dualsolution-itemnode p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .orvexira-dualsolution-gridcore {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .orvexira-dualsolution-headingvault h2 {
        font-size: 28px;
    }
}






/* SECTION */
.quantivex-cloudfusion-hyperstream {
    background: #ffffff;
    padding: 60px 6%;
}

/* HEADING */
.quantivex-cloudfusion-headingvault {
    text-align: center;
    /* max-width: 900px; */
    margin: auto;
    margin-bottom: 30px;
}

.quantivex-cloudfusion-headingvault h2 {
    font-size: 44px;
    font-weight: 700;
    color: #2f3b48;
    margin-bottom: 20px;
}

.quantivex-cloudfusion-headingvault p {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
}

/* FLOW CORE */
.quantivex-cloudfusion-flowcore {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    margin: auto;
}

/* STEP NODE */
.quantivex-cloudfusion-stepnode {
    text-align: center;
    max-width: 280px;
}

/* ICON CIRCLE */
.quantivex-cloudfusion-iconcircle {
    width: 90px;
    height: 90px;
    border: 2px solid #f37021;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin: 0 auto 25px auto;
    color: #f37021;
}

/* TITLE */
.quantivex-cloudfusion-stepnode h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #2f3b48;
}

/* TEXT */
.quantivex-cloudfusion-stepnode p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

/* CONNECTOR LINE */
.quantivex-cloudfusion-connector {
    width: 80px;
    height: 2px;
    background: #e5e5e5;
}

#paragraph-large-photo{
    text-align: justify;
}

/* RESPONSIVE */
@media (max-width: 992px) {

    .quantivex-cloudfusion-flowcore {
        flex-direction: column;
    }

    .quantivex-cloudfusion-connector {
        width: 2px;
        height: 60px;
    }

    .quantivex-cloudfusion-headingvault h2 {
        font-size: 28px;
    }
}

/* SECTION */
.veltrixa-admincontrol-hyperwrap {
    background: #ffffff;
    padding: 60px 6%;
}

/* HEADING */
.veltrixa-admincontrol-headingzone {
    margin-bottom: 60px;
}

.veltrixa-admincontrol-headingzone h2 {
    font-size: 44px;
    font-weight: 700;
    color: #f37021;
}

/* LAYOUT */
.veltrixa-admincontrol-layoutcore {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: start;
    max-width: 1300px;
    margin: auto;
}

/* IMAGE */
.veltrixa-admincontrol-visualzone img {
    width: 100%;
    border-radius: 12px;
    max-height: 621px;
}

/* FEATURE GRID */
.veltrixa-admincontrol-featuregrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

/* FEATURE UNIT */
.veltrixa-admincontrol-featureunit {
    padding: 30px;
    border: 1px solid #e5e5e5;
    transition: 0.3s ease;
}

/* Hover effect without shadow */
.veltrixa-admincontrol-featureunit:hover {
    border-color: #f37021;
}

/* ICON RING */
.veltrixa-admincontrol-iconring {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #f37021;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 20px;
    color: #f37021;
}

/* TITLE */
.veltrixa-admincontrol-featureunit h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #2f3b48;
}

/* TEXT */
.veltrixa-admincontrol-featureunit p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .veltrixa-admincontrol-layoutcore {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .veltrixa-admincontrol-featuregrid {
        grid-template-columns: 1fr;
    }

    .veltrixa-admincontrol-headingzone h2 {
        font-size: 30px;
    }
}


/* SECTION */
.xenoritha-productivity-hypergridwrap {
    background: #ffffff;
    padding: 60px 0;
}

/* HEADING */
.xenoritha-productivity-headingvault {
    margin-bottom: 60px;
}

.xenoritha-productivity-headingvault h2 {
    font-size: 44px;
    color: #f37021;
    font-weight: 700;
    margin-bottom: 10px;
}

.xenoritha-productivity-headingvault p {
    font-size: 18px;
    color: #555;
}

/* LAYOUT */
.xenoritha-productivity-layoutcore {
    margin: auto;
    align-items: start;
}

/* FEATURE GRID */
.xenoritha-productivity-featuregrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

/* FEATURE UNIT */
.xenoritha-productivity-featureunit {
    border: 1px solid #e5e5e5;
    padding: 30px;
    transition: 0.3s ease;
}

/* Hover without shadow */
.xenoritha-productivity-featureunit:hover {
    border-color: #f37021;
}

/* ICON */
.xenoritha-productivity-iconring {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #f37021;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #f37021;
    margin-bottom: 20px;
}

/* TITLE */
.xenoritha-productivity-featureunit h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #2f3b48;
}

/* TEXT */
.xenoritha-productivity-featureunit p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
}

/* IMAGE */
.xenoritha-productivity-visualzone img {
    width: 100%;
    border-radius: 12px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .xenoritha-productivity-layoutcore {
        grid-template-columns: 1fr;
    }

    .xenoritha-productivity-featuregrid {
        grid-template-columns: 1fr;
    }

    .xenoritha-productivity-headingvault h2 {
        font-size: 30px;
    }
}


.cf-collab-section {
    padding: 60px 20px;
    background: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.cf-wrapper {
    max-width: 1200px;
    margin: auto;
}

.cf-heading {
    font-size: 32px;
    color: #f37021;
    font-weight: 700;
    margin-bottom: 20px;
}

.cf-subtext {
    font-size: 17px;
    color: #333;
    max-width: 800px;
    margin-bottom: 30px;
}

.cf-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* LEFT */
.cf-left {
    flex: 1;
    min-width: 300px;
}

.cf-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.cf-card {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.cf-card-head {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.cf-card h4 {
    font-size: 20px;
    margin: 0;
    color: #2c3e50;
    font-weight: 700;
}

.cf-card p {
    color: #333;
    line-height: 1.6;
    margin: 0;
}

/* ICON */
.cf-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.cf-icon svg {
    width: 24px;
    height: 24px;
    stroke-width: 2;
    fill: none;
}

/* colors */
.cf-icon.blue svg { stroke: #1976d2; }
.cf-icon.green svg { stroke: #388e3c; }
.cf-icon.orange svg { stroke: #e65100; }
.cf-icon.pink svg { stroke: #c2185b; }
.cf-icon.cyan svg { stroke: #00acc1; }
.cf-icon.purple svg { stroke: #8e24aa; }

/* RIGHT */
.cf-right {
    width: 350px;
}

.cf-right-box {
    height: 100%;
    min-height: 600px;
    background: #f5f5f5;
    border-radius: 8px;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.cf-team-icon {
    width: 80px;
    height: 80px;
    stroke: #f37021;
    stroke-width: 1.5;
    fill: none;
    margin-bottom: 20px;
}

.cf-right-box h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.cf-right-box p {
    color: #666;
    max-width: 300px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .cf-grid {
        grid-template-columns: 1fr;
    }
    .cf-right {
        width: 100%;
    }
}


.zx-compliance-sec {
  padding: 60px 20px;
  background: #ffffff;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.zx-container {
  max-width: 1200px;
  margin: auto;
}

.zx-title {
  font-size: 32px;
  color: #f37021;
  font-weight: 700;
  margin-bottom: 30px;
}

.zx-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* LEFT BOX */
.zx-left-box {
  width: 350px;
}

.zx-left-inner {
  height: 100%;
  max-height: 420px;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 25px;
}

.zx-shield-icon {
  width: 80px;
  height: 80px;
  stroke: #f37021;
  stroke-width: 1.5;
  fill: none;
  margin-bottom: 20px;
}

.zx-left-inner h4 {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.zx-left-inner p {
  color: #666;
  max-width: 280px;
}

/* RIGHT GRID */
.zx-right-grid {
  flex: 1;
  min-width: 300px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

/* CARD */
.zx-card {
  background: #fff;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.zx-card-head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.zx-card h4 {
  font-size: 20px;
  margin: 0;
  font-weight: 700;
  color: #2c3e50;
}

.zx-card p {
  color: #333;
  line-height: 1.6;
  margin: 0;
}

/* ICON */
.zx-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.zx-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke-width: 2;
}

.zx-icon.blue svg { stroke: #1976d2; }
.zx-icon.green svg { stroke: #388e3c; }
.zx-icon.orange svg { stroke: #e65100; }
.zx-icon.pink svg { stroke: #c2185b; }

/* RESPONSIVE */
@media (max-width: 992px) {
  .zx-right-grid {
    grid-template-columns: 1fr;
  }

  .zx-left-box {
    width: 100%;
  }
}

.zkx-sec-share {
    background: #efefef;
    padding: 60px 0px;
}

/* main wrapper */
.zkx-wrapper {
    position: relative;
    background: #fff;
    padding: 60px 50px 50px 80px;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
}

/* vertical orange accent */
.zkx-accent-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #eb7128;
    border-radius: 12px 0 0 12px;
}

/* title */
.zkx-main-title {
    font-size: 32px;
    color: #eb7128;
    font-weight: 700;
    margin-bottom: 25px;
}

/* desc */
.zkx-main-desc {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 45px;
}

/* bottom grid */
.zkx-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* text block */
.zkx-text-block h3 {
    font-size: 22px;
    color: #2c3e50;
    margin-bottom: 20px;
}

/* list style */
.zkx-point-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zkx-point-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px;
    line-height: 1.6;
    color: #333;
}

/* square bullet */
.zkx-point-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #eb7128;
}

/* image */
.zkx-image-wrap img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ddd;
}

/* responsive */
@media (max-width: 900px) {
    .zkx-bottom-grid {
        grid-template-columns: 1fr;
    }

    .zkx-wrapper {
        padding: 40px 25px 25px 50px;
    }

    .zkx-main-title {
        font-size: 26px;
    }
}



.vex-enterprise-block {
    background: #efefef;
    padding: 90px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.vex-container {
    max-width: 1150px;
    margin: auto;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    padding: 50px;
}

/* top small header */
.vex-top-strip {
    margin-bottom: 40px;
}

.vex-top-strip h2 {
    font-size: 28px;
    color: #eb7128;
    margin-bottom: 5px;
    font-weight: 700;
}

.vex-top-strip span {
    color: #666;
    font-size: 16px;
}

/* layout */
.vex-layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    align-items: start;
}

/* text */
.vex-text-area h3 {
    font-size: 24px;
    color: #2c3e50;
    margin-bottom: 20px;
}

.vex-text-area p {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 18px;
}

.vex-text-area strong {
    color: #eb7128;
    font-weight: 600;
}

/* image panel */
.vex-image-panel {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.vex-image-panel img {
    width: 100%;
    display: block;
}

/* responsive */
@media (max-width: 900px) {
    .vex-layout {
        grid-template-columns: 1fr;
    }

    .vex-container {
        padding: 30px 20px;
    }

    .vex-top-strip h2 {
        font-size: 22px;
    }
}


.zenith-center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
   
    background-color: #efefef;
}

.zenith-center-box {
    text-align: center;
}

/* 👇 Bottom spacing for h1 and p */
.zenith-center-box h1 {
    margin-bottom: 20px;
}

.zenith-center-box p {
    margin-bottom: 30px;
        font-size: 18px;
            line-height: 1.8;
}


#headings-library-photo{
    font-size: 33px;
}




/* SECTION BACKGROUND */
.quantara-hybrid-problematrix {
    background: #efefef;
    padding: 100px 20px;
    font-family: 'Segoe UI', sans-serif;
}

/* WRAPPER */
.quantara-hybrid-wrapper {
    max-width: 1200px;
    margin: auto;
}

/* HEADER */
.quantara-hybrid-headerzone {
    text-align: center;
    margin-bottom: 30px;
}

.quantara-hybrid-mainheading {
    font-size: 48px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 25px;
}

.quantara-hybrid-subheading {
    font-size: 20px;
    color: #666;
    max-width: 850px;
    margin: auto;
    line-height: 1.7;
}

/* FLEX AREA */
.quantara-hybrid-flexarena {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* STRIP DESIGN (No Box / No Shadow) */
.quantara-hybrid-stripunit {
    flex: 1;
    min-width: 280px;
    padding-left: 30px;
    border-left: 4px solid #eb7128;
    position: relative;
}

/* FLOATING ICON */
.quantara-hybrid-iconhalo {
    font-size: 40px;
    margin-bottom: 25px;
    color: #eb7128;
}

/* TITLE */
.quantara-hybrid-stripunit h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #2c3e50;
}

/* TEXT */
.quantara-hybrid-stripunit p {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
}

/* HOVER EFFECT (clean, not shadow, not box) */
.quantara-hybrid-stripunit:hover {
    border-left: 4px solid #2c3e50;
    transition: 0.3s ease;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .quantara-hybrid-flexarena {
        flex-direction: column;
        gap: 50px;
    }

    .quantara-hybrid-mainheading {
        font-size: 36px;
    }
}

.xyranovex-spolimit-verticalcore {
    background: #ffffff;
    padding: 20px 0px;
    font-family: "Segoe UI", sans-serif;
}

/* Intro block */
.xyranovex-spolimit-introblock {
    
    margin: 30px;
    text-align: center;
}

.xyranovex-spolimit-introblock h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
    color: #111;
}

.xyranovex-spolimit-introblock p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
}

/* Section Heading */
.xyranovex-spolimit-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 70px;
    color: #111;
}

/* Timeline */
.xyranovex-spolimit-timeline {
    position: relative;
    max-width: 800px;
    margin: auto;
    padding-left: 60px;
}

/* Vertical Line */
.xyranovex-spolimit-timeline::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #eb7128;
}

/* Item */
.xyranovex-spolimit-node {
    position: relative;
    margin-bottom: 60px;
}

/* Number Circle */
.xyranovex-spolimit-marker {
    position: absolute;
    left: -60px;
    top: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #eb7128;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

/* Text */
.xyranovex-spolimit-node p {
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    color: #333;
}

.xyranovex-spolimit-node strong {
    color: #000;
}

/* Responsive */
@media (max-width: 768px) {

    .xyranovex-spolimit-introblock h1 {
        font-size: 30px;
    }

    .xyranovex-spolimit-heading {
        font-size: 24px;
    }

    .xyranovex-spolimit-timeline {
        padding-left: 50px;
    }

    .xyranovex-spolimit-marker {
        left: -50px;
        width: 38px;
        height: 38px;
        font-size: 12px;
    }
}


#cloud-file-server-headings{
    font-size: 33px;
}



.velmora-nexaflow-wrapper {
    background: #ffffff;
    padding: 100px 8%;
    font-family: "Segoe UI", sans-serif;
}

.velmora-nexaflow-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

/* Column */
.velmora-nexaflow-col {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

/* Feature Item */
.velmora-nexaflow-item {
    position: relative;
    padding-left: 55px;
}

/* Accent vertical bar */
.velmora-nexaflow-item::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 5px;
    width: 3px;
    height: 45px;
    background: #eb7128;
}

/* Icon */
.velmora-nexaflow-icon {
    font-size: 20px;
    margin-bottom: 15px;
}

/* Heading */
.velmora-nexaflow-item h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

/* Text */
.velmora-nexaflow-item p {
    font-size: 16.5px;
    line-height: 1.8;
    color: #444;
    margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .velmora-nexaflow-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
}


.zytrion-dfs-shell {
    font-family: Arial, sans-serif;
    max-width: 100%;
    
    background: #ffffff;
}

/* Header */
.zytrion-dfs-header {
    background: #eb7128;
    padding: 1.8rem;
    margin-top: 30px;
    text-align: center;
}

.zytrion-dfs-header h2 {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
}

/* Body */
.zytrion-dfs-body {
    padding: 3rem 2rem;
}

.zytrion-dfs-title {
    font-size: 24px;
    color: #eb7128;
    margin-bottom: 15px;
}

.zytrion-dfs-intro {
    color: #5a6a7a;
    line-height: 1.7;
    margin-bottom: 50px;
}

/* Timeline */
.zytrion-dfs-timeline {
    position: relative;
    padding-left: 60px;
}

/* Vertical line */
.zytrion-dfs-timeline::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #eb7128;
}

/* Node */
.zytrion-dfs-node {
    position: relative;
    margin-bottom: 60px;
}

/* Marker circle */
.zytrion-dfs-marker {
    position: absolute;
    left: -60px;
    top: 0;
    width: 45px;
    height: 45px;
    background: #eb7128;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* Content */
.zytrion-dfs-content h4 {
    margin: 0 0 10px 0;
    color: #2c3e50;
    font-weight: 700;
}

.zytrion-dfs-content p {
    margin: 0;
    color: #5a6a7a;
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 768px) {
    .zytrion-dfs-timeline {
        padding-left: 50px;
    }

    .zytrion-dfs-marker {
        left: -50px;
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
}


.zyqentra-webvault-shell {
    background: #ffffff;
    padding: 120px 8%;
    font-family: "Segoe UI", sans-serif;
}

.zyqentra-webvault-container {
    max-width: 1200px;
    margin: auto;
}

.zyqentra-webvault-heading {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 90px;
    color: #111;
}

/* 2x2 Grid */
.zyqentra-webvault-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px 120px;
}

/* Feature Item */
.zyqentra-webvault-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

/* Orange Accent Line */
.zyqentra-webvault-accent {
    width: 4px;
    height: 75px;
    background: #eb7128;
    flex-shrink: 0;
    margin-top: 8px;
}

/* Content */
.zyqentra-webvault-content {
    max-width: 450px;
}

.zyqentra-webvault-content h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

.zyqentra-webvault-content p {
    font-size: 16.5px;
    line-height: 1.8;
    color: #4a5a6a;
    margin: 0;
}

/* Responsive */
@media (max-width: 900px) {

    .zyqentra-webvault-grid {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .zyqentra-webvault-heading {
        font-size: 28px;
    }
}


.xevantro-dfscore-shell {
    background: #ffffff;
    padding: 120px 8%;
    font-family: "Segoe UI", sans-serif;
}

.xevantro-dfscore-container {
    max-width: 1200px;
    margin: auto;
}

/* Header */
.xevantro-dfscore-header {
    text-align: center;
    margin-bottom: 100px;
}

.xevantro-dfscore-header h2 {
    font-size: 42px;
    font-weight: 700;
    color: #2f3d4a;
    margin-bottom: 25px;
}

.xevantro-dfscore-header p {
    font-size: 18px;
    line-height: 1.8;
    color: #5a6a7a;
    max-width: 850px;
    margin: auto;
}

/* Grid Layout */
.xevantro-dfscore-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 120px;
}

/* Feature Item */
.xevantro-dfscore-item {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

/* Orange Accent Line */
.xevantro-dfscore-accent {
    width: 4px;
    height: 80px;
    background: #eb7128;
    flex-shrink: 0;
    margin-top: 10px;
}

/* Content */
.xevantro-dfscore-icon {
    font-size: 28px;
    margin-bottom: 15px;
}

.xevantro-dfscore-content h4 {
    font-size: 22px;
    font-weight: 700;
    color: #2f3d4a;
    margin-bottom: 15px;
}

.xevantro-dfscore-content p {
    font-size: 16.5px;
    line-height: 1.8;
    color: #5a6a7a;
    margin: 0;
}

/* Responsive */
@media (max-width: 900px) {

    .xevantro-dfscore-grid {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .xevantro-dfscore-header h2 {
        font-size: 30px;
    }
}
.velmora-dfschallenges-shell {
    background: #efefef;
    padding: 120px 8%;
    font-family: "Segoe UI", sans-serif;
}

.velmora-dfschallenges-wrapper {
    max-width: 1300px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 80px;
    align-items: center;
}

/* Image */
.velmora-dfschallenges-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Content */
.velmora-dfschallenges-content {
    position: relative;
    padding-left: 40px;
}

/* Vertical Accent Block */
.velmora-dfschallenges-accent {
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 120px;
    background: #eb7128;
}

/* Heading */
.velmora-dfschallenges-content h2 {
    font-size: 44px;
    font-weight: 800;
    color: #2f3d4a;
    margin-bottom: 30px;
}

/* Paragraph */
.velmora-dfschallenges-content p {
    font-size: 18px;
    line-height: 1.9;
    color: #4a5a6a;
    margin: 0;
}

/* Responsive */
@media (max-width: 992px) {

    .velmora-dfschallenges-wrapper {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .velmora-dfschallenges-content {
        padding-left: 0;
    }

    .velmora-dfschallenges-accent {
        display: none;
    }

    .velmora-dfschallenges-content h2 {
        font-size: 32px;
    }
}



.zyphoria-dfscloud-shell {
    background: #ffffff;
    padding: 120px 8%;
    font-family: "Segoe UI", sans-serif;
}

.zyphoria-dfscloud-container {
    max-width: 1100px;
    margin: auto;
}

/* Header */
.zyphoria-dfscloud-header {
    text-align: center;
    margin-bottom: 80px;
}

.zyphoria-dfscloud-header h2 {
    font-size: 44px;
    font-weight: 800;
    color: #1f2d3d;
    position: relative;
    display: inline-block;
}

/* Underline Accent */
.zyphoria-dfscloud-header h2::after {
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    background: #eb7128;
    margin: 20px auto 0;
}

/* Body */
.zyphoria-dfscloud-body {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

/* Row */
.zyphoria-dfscloud-row {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    padding-left: 20px;
    border-left: 4px solid #eb7128;
}

/* Icon */
.zyphoria-dfscloud-icon {
    font-size: 30px;
    color: #eb7128;
    flex-shrink: 0;
}

/* Text */
.zyphoria-dfscloud-text p {
    font-size: 18px;
    line-height: 1.9;
    color: #4a5a6a;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {

    .zyphoria-dfscloud-header h2 {
        font-size: 30px;
    }

    .zyphoria-dfscloud-row {
        flex-direction: column;
        gap: 15px;
        border-left: 3px solid #eb7128;
        padding-left: 15px;
    }

    .zyphoria-dfscloud-text p {
        font-size: 16px;
    }
}



/* Main Section Background */
.zenova-hypercloud-wrapper {
    background: #efefef;
    padding: 100px 20px;
    display: flex;
    justify-content: center;
}

/* White Card Layout */
.zenova-hypercloud-shell {
    background: #ffffff;
    width: 100%;
    max-width: 1100px;
    padding: 70px 60px;
    border-radius: 28px;
    position: relative;
}

/* Subtle Split Layout Effect */
.zenova-hypercloud-shell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: #eb7128;
    border-radius: 28px 0 0 28px;
}

/* Top Small Label */
.zenova-hypercloud-eyebrow {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 40px;
    background: #eb7128;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 40px;
}

/* Content Alignment */
.zenova-hypercloud-contentzone {
    max-width: 850px;
}

/* Main Title */
.zenova-hypercloud-title {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 30px;
    font-weight: 600;
}

/* Description */
.zenova-hypercloud-description {
    font-size: 18px;
    line-height: 1.8;
}


.veltrixa-secureflow-wrapper {
    background: #ffffff;
    padding: 60px 20px;
}

.veltrixa-secureflow-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

/* Panel Layout */
.veltrixa-secureflow-panel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap:30px;
    border-radius: 40px;
    overflow: hidden;
}

/* Reverse Layout */
.veltrixa-secureflow-panel-reverse {
    direction: rtl;
}

.veltrixa-secureflow-panel-reverse .veltrixa-secureflow-content {
    direction: ltr;
}

/* Image Section */
.veltrixa-secureflow-visual {
    height: 420px;
    overflow: hidden;
}

.veltrixa-secureflow-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content Section */
.veltrixa-secureflow-content {
    padding: 80px;
    background: #ffffff;
    border-radius: 40px 0 0 40px;
}

/* Reverse Content Radius Fix */
.veltrixa-secureflow-panel-reverse .veltrixa-secureflow-content {
    border-radius: 0 40px 40px 0;
}

/* Small Label */
.veltrixa-secureflow-label {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 25px;
    background: #eb7128;
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
}

/* Heading */
.veltrixa-secureflow-heading {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 1.4;

}

/* Paragraph */
.veltrixa-secureflow-description {
    font-size: 17px;
    line-height: 1.9;
}

/* Responsive */
@media (max-width: 992px) {
    .veltrixa-secureflow-panel {
        grid-template-columns: 1fr;
    }

    .veltrixa-secureflow-panel-reverse {
        direction: ltr;
    }

    .veltrixa-secureflow-content {
        border-radius: 0;
        padding: 50px 35px;
    }

    .veltrixa-secureflow-visual {
        height: 300px;
    }
}


.zyphorix-deploynote-wrapper {
    background: #efefef;
    padding: 60px 0px;
    display: flex;
    justify-content: center;
}

.zyphorix-deploynote-container {
    max-width: 1000px;
    width: 100%;
}

/* Header */
.zyphorix-deploynote-header {
    margin-bottom: 20px;
    text-align: left;
}

.zyphorix-deploynote-title {
    font-size: 42px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;
}

/* Orange Accent Line */
.zyphorix-deploynote-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 80%;
    background: #eb7128;
    border-radius: 4px;
}

/* Note Card */
.zyphorix-deploynote-card {
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Each Note Point */
.zyphorix-deploynote-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    font-size: 18px;
    line-height: 1.9;
}

/* Orange Bullet */
.zyphorix-deploynote-bullet {
    min-width: 14px;
    height: 14px;
    background: #eb7128;
    border-radius: 50%;
    margin-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {

    .zyphorix-deploynote-title {
        font-size: 30px;
    }

    .zyphorix-deploynote-card {
        padding: 40px 30px;
    }

    .zyphorix-deploynote-item {
        font-size: 16px;
    }
}

.nivora-remoteclarity-section {
    background: #ffffff;
    padding: 60px 20px;
}

.nivora-remoteclarity-inner {
    max-width: 1000px;
    margin: 0 auto;
}

/* Heading */
.nivora-remoteclarity-heading {
    font-size: 36px;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.nivora-remoteclarity-heading::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #eb7128;
    margin-top: 15px;
    border-radius: 3px;
}

/* Paragraph Styling */
.nivora-remoteclarity-content p {
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 28px;
    text-align: justify;
}

/* Feature Grid */
.nivora-remoteclarity-features {
    margin-top: 70px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

/* Minimal Card */
.nivora-remoteclarity-card {
    background: #efefef;
    padding: 30px;
    border-radius: 18px;
    font-size: 16px;
    line-height: 1.8;
    position: relative;
}

/* Small Accent Line */
.nivora-remoteclarity-accent {
    display: block;
    width: 40px;
    height: 3px;
    background: #eb7128;
    margin-bottom: 15px;
    border-radius: 2px;
}

/* Responsive */
@media (max-width: 768px) {
    .nivora-remoteclarity-heading {
        font-size: 26px;
    }

    .nivora-remoteclarity-content p {
        font-size: 15px;
    }
}

#zyphora-foundationinsight-maintextss{
    margin-bottom: 10px;

}

#zyphora-foundationinsight-accentlineses{
        min-height: 110px;

}

#nivora-remoteclarity-featureses{
    margin-top: 20px;
}

#nivora-remoteclarity-headinges{
    margin-bottom: 20px;
}

#zyphora-foundationinsight-ieses{
    min-height: 150px;
}


.sp-limit-wrapper{
    max-width:1200px;
    margin:60px auto;
    padding:40px;
    background:#ffffff;
    border-radius:12px;
}

.sp-limit-header{
    text-align:center;
    margin-bottom:50px;
}

.sp-limit-header h2{
    font-size:32px;
    color:#FF6B35;
    margin:0;
    font-weight:700;
    position:relative;
    display:inline-block;
}

.sp-limit-header h2::after{
    content:"";
    display:block;
    height:3px;
    width:60%;
    margin:15px auto 0;
    background:#FF6B35;
}

.sp-limit-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:40px;
}

.sp-limit-card{
    padding:30px;
    border:1px solid #e6e6e6;
    border-radius:10px;
    transition:all 0.3s ease;
}

.sp-limit-card:hover{
    border-color:#FF6B35;
}

.sp-limit-title{
    display:flex;
    align-items:center;
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
    color:#333;
}

.sp-limit-number{
    width:38px;
    height:38px;
    background:#FF6B35;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-weight:bold;
}

.sp-limit-quote{
    background:#fafafa;
    padding:18px;
    border-left:4px solid #FF6B35;
    font-style:italic;
    font-size:15px;
    color:#444;
    margin-bottom:20px;
    line-height:1.7;
}

.sp-limit-card p{
    font-size:15px;
    color:#555;
    line-height:1.8;
    margin-bottom:15px;
    text-align:justify;
}

/* Responsive */
@media (min-width:768px){
    .sp-limit-grid{
        grid-template-columns:1fr 1fr;
    }
    .sp-limit-card:nth-child(3){
        grid-column:1 / -1;
    }
}



.collab-x-wrapper{
    padding:60px 0px;
}

.collab-x-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* LEFT CONTENT */
.collab-x-content{
    flex:1;
}

.collab-x-heading{
    font-size:34px;
    font-weight:800;
    color:#eb7128;
    margin-bottom:50px;
}

/* CARD WRAPPER */
.collab-x-card-wrap{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* CARD */
.collab-x-card{
    display:flex;
    gap:25px;
    align-items:flex-start;
    padding:20px;
    background:#ffffff;
    border-radius:16px;
    border:1px solid #e5e5e5;
    transition:all 0.35s ease;
}

.collab-x-card:hover{
    transform:translateY(-6px);
    border-color:#eb7128;
}

/* ICON */
.collab-x-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    flex-shrink:0;
}

.collab-x-icon.blue{
    background:#e8f0ff;
    color:#4a7cf3;
}

.collab-x-icon.green{
    background:#e9f7ef;
    color:#2db36b;
}

/* TEXT */
.collab-x-text h3{
    margin:0 0 12px;
    font-size:24px;
    font-weight:700;
    color:#1f2937;
}

.collab-x-text p{
    margin:0;
    font-size:16px;
    line-height:1.8;
    color:#555;
}

/* IMAGE SIDE */
.collab-x-image{
    flex:1;
    text-align:right;
}

.collab-x-image img{
    width:100%;
    max-width:100%;
    border-radius:20px;
    object-fit:cover;
}

/* RESPONSIVE */
@media(max-width:992px){

    .collab-x-container{
        flex-direction:column;
    }

    .collab-x-heading{
        text-align:center;
    }

    .collab-x-image{
        text-align:center;
    }
}

/* Modal Overlay */
    .yt-modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.8);
      z-index: 9999;
      justify-content: center;
      align-items: center;
      animation: fadeIn 0.2s ease;
    }
    .yt-modal-overlay.active {
      display: flex;
    }

    /* Modal Box */
    .yt-modal-box {
      position: relative;
      width: 90%;
      max-width: 860px;
      background: #000;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 20px 60px rgba(0,0,0,0.6);
      animation: scaleIn 0.25s ease;
    }

    /* 16:9 Ratio */
    .yt-modal-box .video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
    }
    .yt-modal-box .video-wrapper iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

    /* Close Button */
    .yt-close-btn {
      position: absolute;
      top: 10px;
      right: 12px;
      background: rgba(0, 0, 0, 0.7);
      border: 2px solid rgba(255,255,255,0.4);
      color: #fff;
      font-size: 20px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, transform 0.2s;
      z-index: 10;
    }
    .yt-close-btn:hover {
      background: #e00;
      border-color: #e00;
      transform: scale(1.1);
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to   { opacity: 1; }
    }
    @keyframes scaleIn {
      from { transform: scale(0.85); opacity: 0; }
      to   { transform: scale(1);    opacity: 1; }
    }