/* ── 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;
        }

        /* Coming soon nav links — dimmed, not clickable */
        .nav-coming-soon {
            opacity: 0.35 !important;
            pointer-events: none !important;
            cursor: default !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;
        }

        /* 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;
        }

        /* 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;
        }

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

        /* Our Services cards — white bg, border, dark text, yellow hover */
        .section-service .tf-box-icon.style-6 {
            background-color: #ffffff !important;
            border: 1px solid rgba(128, 128, 128, 0.22) !important;
            border-radius: 12px !important;
            cursor: pointer !important;
            position: relative !important;
        }
        /* Stretch heading link to cover entire card */
        .section-service .tf-box-icon.style-6 h3 a::after {
            content: '';
            position: absolute;
            inset: 0;
        }
        /* Icon container — bordered, smaller */
        .section-service .tf-box-icon.style-6 .icon {
            border: 1px solid rgba(128, 128, 128, 0.22) !important;
            border-radius: 12px !important;
            width: 46px !important;
            height: 46px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background-color: transparent !important;
        }
        .section-service .tf-box-icon.style-6 .icon img {
            width: 22px !important;
            height: 22px !important;
            filter: brightness(0) !important;
            transition: none !important;
            animation: none !important;
        }
        .section-service .tf-box-icon.style-6.effec-icon .icon,
        .section-service .tf-box-icon.style-6.effec-icon .icon img {
            animation: none !important;
            transition: none !important;
        }
        /* Text — dark by default */
        .section-service .tf-box-icon.style-6 h3,
        .section-service .tf-box-icon.style-6 h3 a,
        .section-service .tf-box-icon.style-6 p {
            color: #121416 !important;
        }
        /* Hover — white bg stays, border turns yellow, text stays black */
        .section-service .tf-box-icon.style-6:hover {
            background-color: #ffffff !important;
            border-color: #FBEC5D !important;
        }
        .section-service .tf-box-icon.style-6:hover .icon {
            border-color: #FBEC5D !important;
        }
        .section-service .tf-box-icon.style-6:hover h3,
        .section-service .tf-box-icon.style-6:hover h3 a,
        .section-service .tf-box-icon.style-6:hover p,
        .section-service .tf-box-icon.style-6:hover .tf-btn-link,
        .section-service .tf-box-icon.style-6:hover .tf-btn-link span {
            color: #121416 !important;
        }

        /* Core values cards — no pointer cursor */
        .section-service .tf-box-icon.style-6 {
            cursor: default !important;
        }

        /* Contact page — remove gray gradient, white bg */
        .section-contact.style-default {
            background: #ffffff !important;
        }

        /* Contact page — border on form like dropdown */
        .form-contact {
            border: 1px solid rgba(128, 128, 128, 0.22) !important;
            border-radius: 0 !important;
            padding: 32px !important;
        }

        /* Map item — light yellow background */
        .map-item {
            background-color: #FEFCE8 !important;
        }

        /* Contact form — smaller placeholder text */
        .form-contact fieldset input::placeholder,
        .form-contact fieldset textarea::placeholder,
        .form-contact fieldset select::placeholder {
            font-size: 13px !important;
        }
        .form-contact fieldset input,
        .form-contact fieldset textarea,
        .form-contact fieldset select {
            font-size: 13px !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;
        }

        /* 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;
        }
        /* ID-level specificity for the non-sticky header */
        #header-main .main-menu .navigation li a,
        #header-main .main-menu .navigation li:hover a,
        #header-main .main-menu .navigation li.current-menu a,
        #header-main .main-menu .navigation li.current-menu-item a {
            color: #fff !important;
        }

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

        /* Mobile menu nav links — white */
        .canvas-mb .navigation li a,
        .canvas-mb .navigation > li > a {
            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;
        }

        /* Map section — black bg, white text */
        .main-content.style-1,
        .section-map,
        .section-map .tf-container,
        .section-map .map-item {
            background-color: #000 !important;
        }
        .section-map h2,
        .section-map h6,
        .section-map p,
        .section-map a,
        .section-map .point {
            color: #fff !important;
        }

        /* Contact section — black bg, white text */
        .page-title.style-default,
        .section-contact.style-default {
            background-color: #000 !important;
        }
        .section-contact.style-default h1,
        .section-contact.style-default h2,
        .section-contact.style-default h3,
        .section-contact.style-default h4,
        .section-contact.style-default h5,
        .section-contact.style-default h6,
        .section-contact.style-default p,
        .section-contact.style-default label,
        .section-contact.style-default a {
            color: #fff !important;
        }
        .section-contact.style-default .point {
            color: #FBEC5D !important;
        }
        .section-contact.style-default .point .item {
            border-color: #FBEC5D !important;
        }
        .section-contact.style-default input,
        .section-contact.style-default textarea {
            background-color: #000 !important;
            border-color: rgba(255,255,255,0.15) !important;
            color: #fff !important;
        }
        .section-contact.style-default input::placeholder,
        .section-contact.style-default textarea::placeholder {
            color: rgba(255,255,255,0.4) !important;
        }


/* == contact.html inline-style replacements ================================ */

/* Submit button — compact font */
.form-submit-btn { font-size: 13px; }

/* Form feedback messages — hidden by default */
#contact-success,
#contact-error { display: none; margin-top: 16px; font-size: 13px; }
#contact-success { color: #FBEC5D; }
#contact-error   { color: #f87171; }