/* ===== Transparent navbar behavior (same as index / x_compare) ===== */
    .menu-classic.menu-fixed.menu-transparent {
        background: transparent;
        transition: background .3s ease, box-shadow .3s ease, color .3s ease;
    }

    .menu-fixed.scroll-menu {
        background: rgb(0, 71, 103) !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, .45);
    }

    /* We DO have a hero here, so don’t push main down */
    body.no-hero main {
        padding-top: 0;
    }

    /* ===== HERO VIDEO ===== */
    .section-video-hero {
        position: relative;
        width: 100%;
        height: 30vh;
        /* adjust to taste */
        min-height: 480px;
        overflow: hidden;
    }

    .section-video-hero video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-video-hero::after {
        /* subtle overlay to help text (if shown later) */
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .35) 100%);
        pointer-events: none;
    }

    /* Optional hero text block (currently hidden; we keep only SR text for SEO) */
    .video-hero-content {
        display: none;
    }

    /* ===== General page spacing ===== */
    main>section>.container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    /* Keep theme white panels */
    .cnt-call,
    .comment-list li,
    .timeline .panel,
    .header-base,
    main>section.section-base.section-color,
    .section-color .input-text,
    .section-color .input-select,
    .section-color .input-textarea,
    .section-color .form-box,
    .section-color .cnt-box {
        background: #fff;
    }

    /* Tighter default vertical rhythm */
    h1+p,
    h2+p,
    h3+p,
    h4+p,
    h2+h4,
    h1+h4,
    h2+ul.icon-list,
    h3+ul.icon-list,
    p+h3,
    p+.btn,
    p+h4,
    h4+.btn,
    h4+.btn-text,
    h4+input,
    h4+select,
    h4+textarea,
    p+ul.icon-list,
    p+.btn-text,
    p+table,
    p+pre,
    p+img,
    p+.row,
    p+.img-box,
    p+.media-box,
    p+.cnt-box,
    p+.icon-links,
    p+ul.icon-list,
    .container>.row+.row,
    .container>div+p,
    p+.text-list,
    .container>div+.btn,
    .table+.btn,
    .table+.btn-text,
    h4+div,
    h4+ul,
    h4+ul.icon-list,
    h4+a,
    .slimScrollDiv+.btn,
    h3+.grid-list,
    h3+.slider,
    .text-list+.btn,
    .text-list+.btn-text {
        margin-top: 5px;
    }

    /* Accessibility helper */
    .sr-only {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    /* Make transparent menu truly transparent (ThemeKit variants) */
    body>nav.menu-transparent,
    .menu-transparent .form-control,
    .menu-transparent .btn,
    .menu-transparent .menu-cnt>ul>li:hover>a,
    .menu-transparent .lan-menu>li>a,
    .menu-transparent .btn:hover,
    .menu-big-box.menu-transparent .menu-box,
    .menu-transparent .menu-mini,
    .menu-transparent .lan-menu>li:hover>a {
        background-color: transparent;
    }

    /* Turnstile (Cloudflare) aligns nicely inline */
    .turnstile-wrap {
        margin-top: 8px;
        margin-bottom: 8px;
    }