/* ── Typography system ─────────────────────────────────────────────── */
        /* Navbar — center menu items between logo and CTA */
        .header.style-1 .header-inner-wrap { position: relative; }
        .header.style-1 .main-menu { position: absolute; left: 50%; transform: translateX(-50%); }

        /* Section labels — uppercase, bold, no dot */
        .point { text-transform: uppercase !important; letter-spacing: 0.08em; font-size: 11px !important; font-weight: 700 !important; }
        .point .item { display: none !important; }
        body { font-family: 'DM Sans', sans-serif !important; }
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Manrope', sans-serif !important; }
        .header-default .nav-link, .header-default .tf-btn, .tf-btn, .logo, .nav-link { font-family: 'Manrope', sans-serif !important; }
        .odometer, .counter-number, .wrap-counter .sub, .wrap-counter p { font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace !important; }
        p, li, span, label, input, textarea, select { font-family: 'DM Sans', sans-serif !important; }

        /* #FBEC5D — hero primary button */
        .tf-btn.btn-primary2 {
            background-color: #FBEC5D !important;
        }
        .tf-btn.btn-primary2 .bg-effect {
            background-color: #FBEC5D !important;
        }
        .tf-btn.btn-primary2 span,
        .tf-btn.btn-primary2:hover span {
            color: #121416 !important;
        }
        /* #FBEC5D — navbar Get In Touch button */
        .header .tf-btn.btn-dark {
            background-color: #FBEC5D !important;
        }
        .header .tf-btn.btn-dark span {
            color: #121416 !important;
            font-size: 14.5px !important;
        }
        .header .tf-btn.btn-dark .bg-effect {
            background-color: #FBEC5D !important;
        }

        /* Navbar & mobile menu logo — white SVG, no filter */
        .header .header-logo img,
        .offcanvas .logo img {
            filter: none !important;
        }

        /* Scrollbar — gray */
        body::-webkit-scrollbar-thumb {
            background: #9ca3af !important;
        }

        /* Global — all dark buttons: yellow hover, black text */
        .tf-btn.btn-dark .bg-effect {
            background-color: #FBEC5D !important;
        }
        .tf-btn.btn-dark:hover {
            background-color: #FBEC5D !important;
        }
        .tf-btn.btn-dark:hover span {
            color: #121416 !important;
        }

        /* Global — all border buttons: yellow hover, black text */
        .tf-btn.btn-border .bg-effect {
            background-color: #FBEC5D !important;
        }
        .tf-btn.btn-border:hover {
            background-color: #FBEC5D !important;
            border-color: #FBEC5D !important;
        }
        .tf-btn.btn-border span,
        .tf-btn.btn-border:hover span {
            color: #121416 !important;
        }

        /* Global — link-style buttons: black, stays black on hover */
        .tf-btn-link,
        .tf-btn-link:hover {
            color: #121416 !important;
        }

        /* Blog — image container border-radius */
        .section-blog-grid .blog-article-item .article-thumb,
        .section-blog .blog-article-item .article-thumb {
            overflow: hidden !important;
            border-color: transparent !important;
        }

        /* Blog — hover border: yellow instead of blue */
        .blog-article-item .article-thumb::before {
            border-color: #FBEC5D !important;
        }

        /* Blog — title links white */
        .section-blog-grid .blog-article-item a,
        .section-blog-grid .blog-article-item a:hover,
        .section-blog-grid .blog-article-item a.link,
        .section-blog-grid .blog-article-item a.link:hover,
        .blog-article-item .title a,
        .blog-article-item .title a:hover {
            color: #fff !important;
            text-decoration: none !important;
        }

        /* Blog — date tag border-radius */
        .section-blog .blog-article-item .tag {
            border-radius: 12px !important;
        }

        /* Hero label dot — black border instead of blue */
        .point .item {
            border-color: #121416 !important;
        }

        /* Blog titles — white */
        .blog-article-item .title a {
            color: #fff !important;
        }

        /* Footer links — yellow on hover */
        .footer a:hover,
        .footer a:hover span,
        .footer .footer-menu_item:hover {
            color: #FBEC5D !important;
        }

        /* Footer contact form — input & textarea border-radius */
        .footer .form-help fieldset input,
        .footer .form-help textarea {
            border-radius: 12px !important;
        }

        /* Footer contact form — light yellow background */
        .footer .right .content {
            background-color: #FEFCE8 !important;
        }

        /* Footer — desktop: form left-rounded, image right-rounded */
        @media (min-width: 576px) {
            .footer .right .content {
                border-radius: 12px 0 0 12px !important;
            }
            .footer .right .image img {
                border-radius: 0 12px 12px 0 !important;
                display: block;
                height: 100%;
                object-fit: cover;
            }
        }

        /* Footer — mobile: form fully rounded */
        @media (max-width: 575px) {
            .footer .right .content {
                border-radius: 12px !important;
            }
        }

        /* Heading tags — match button border-radius */
        .heading-tag {
            border-radius: 12px !important;
        }

        /* All buttons — match dropdown border-radius */
        .tf-btn {
            border-radius: 12px !important;
        }

        /* Footer bottom — remove inner wrapper border */
        .footer .footer-bottom .wrapper {
            border-top: none !important;
        }

        /* Mobile hamburger — shorter lines */
        .burger span {
            height: 1.5px !important;
        }

        /* Navbar bottom border */
        .header {
            border-bottom: 1px solid rgba(128, 128, 128, 0.22) !important;
        }

        /* Remove dots from dropdown items */
        .header .main-menu .navigation .has-child .submenu > li::before {
            display: none !important;
        }

        /* Shrink dropdown arrow */
        .header .main-menu .navigation .has-child > a::after {
            font-size: 4px !important;
        }

        /* Coming soon nav links — dimmed, not clickable */
        .nav-coming-soon {
            opacity: 0.35 !important;
            pointer-events: none !important;
            cursor: default !important;
        }

        /* Dropdown — black background */
        .header .main-menu .navigation .submenu,
        #header-main .main-menu .navigation .submenu {
            background-color: #000 !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
        }

        /* Navbar menu font size + color + padding */
        .header .main-menu .navigation > li > a,
        .header .main-menu .navigation li a {
            font-size: 14.5px !important;
            color: #fff !important;
            padding-left: 16px !important;
            padding-right: 16px !important;
        }
        .header .main-menu .navigation .submenu li a {
            font-size: 14px !important;
            color: #fff !important;
        }
        /* Keep white on hover/active states */
        .header .main-menu .navigation li:hover > a,
        .header .main-menu .navigation li.current-menu > a,
        .header .main-menu .navigation li.current-menu-item > a,
        #header-main .main-menu .navigation li:hover > a {
            color: #fff !important;
        }

        /* Mobile hamburger — white lines */
        .mobile-button .burger span {
            background: #fff !important;
        }

        /* Mobile nav + toggle — white */
        .nav-ul-mb .btn-open-sub::before,
        .nav-ul-mb .btn-open-sub::after {
            background-color: #fff !important;
        }

        /* Mobile menu close button — white, no border */
        .canvas-mb .close-menu,
        .close-menu {
            border: none !important;
            background: none !important;
            box-shadow: none !important;
            color: #fff !important;
        }
        .canvas-mb .close-menu i,
        .close-menu i {
            color: #fff !important;
        }


/* == blog.html inline-style replacements =================================== */
/* (all shared classes apply; no page-specific additions) */