/* ─── Raptor Turquoise Theme Override ─── */
        :root {
            --theme: #00D2C4 !important;
            --bs-orange: #00D2C4 !important;
            --bs-warning: #00D2C4 !important;
            --bs-warning-rgb: 0, 210, 196 !important;
            --bs-warning-text-emphasis: #5ff8ee !important;
            --bs-warning-bg-subtle: rgba(0, 210, 196, 0.16) !important;
            --bs-warning-border-subtle: rgba(0, 210, 196, 0.38) !important;
        }
        /* Active nav link & hover */
        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active,
        .navbar-nav .has-dropdown:hover > .nav-link {
            color: #00D2C4 !important;
        }
        /* Sub-menu hover */
        .sub-menu li a:hover {
            color: #00D2C4 !important;
        }
        /* Theme buttons */
        .theme-btn, .theme-btn-main,
        [class*="theme-btn"] {
            background-color: #00D2C4 !important;
            border-color: #00D2C4 !important;
        }
        /* CTA button text color on dark bg */
        .main-btn, .rr-btn, .rd-btn {
            background-color: #00D2C4 !important;
            border-color: #00D2C4 !important;
            color: #111 !important;
        }
        /* Heading highlights / spans */
        .sub-title, .tz-sub-tilte,
        span[class*="sub-title"] {
            color: #00D2C4 !important;
            border-color: rgba(0,210,196,0.3) !important;
        }
        /* Icon wrappers */
        .icon-box, [class*="icon-wrapper"],
        [class*="service-icon"], [class*="feat-icon"] {
            background-color: rgba(0,210,196,0.12) !important;
            border-color: rgba(0,210,196,0.25) !important;
            color: #00D2C4 !important;
        }
        /* Section separators / decorative lines */
        .rr-line, .tz-line, hr {
            border-color: rgba(0,210,196,0.2) !important;
        }
        /* Scrollbar thumb */
        ::-webkit-scrollbar-thumb {
            background: #00D2C4 !important;
        }
        .text-warning,
        .text-orange,
        .text-danger,
        .bg-danger,
        .border-danger,
        .btn-danger,
        .bg-warning,
        .border-warning,
        .btn-warning,
        .btn-outline-warning,
        [class*="orange"],
        [class*="warning"],
        [class*="danger"] {
            --bs-warning: #00D2C4 !important;
            --bs-warning-rgb: 0, 210, 196 !important;
            --bs-danger: #00D2C4 !important;
            --bs-danger-rgb: 0, 210, 196 !important;
            border-color: #00D2C4 !important;
        }

        .text-warning,
        .text-orange,
        .text-danger {
            color: #00D2C4 !important;
        }

        .bg-warning,
        .bg-danger,
        .btn-warning,
        .btn-danger,
        .btn-outline-warning:hover {
            background-color: #00D2C4 !important;
            color: #061414 !important;
        }
        /* Logo sizing */
        .navbar-brand img, .logo img, .footer-logo img {
            max-height: 50px !important;
            width: auto !important;
            object-fit: contain;
        }
        /* Convert orange icon-images to turquoise with hue-rotate */
        img[src*="01.png"],
        img[src*="arrow.png"],
        img[src*="feature-icon"],
        img[src*="line-shape"],
        img[src*="bread-line"] {
            filter: hue-rotate(165deg) saturate(1.5) !important;
        }

        /* Neutralize remaining warm/red stock-template visuals into the Raptor cold palette. */
        .breadcrumb-wrapper,
        .service-details-section,
        .service-section,
        .project-section,
        .news-section,
        .team-section,
        .pricing-section,
        .faq-section {
            --bs-danger: #00D2C4 !important;
            --bs-danger-rgb: 0, 210, 196 !important;
            --bs-orange: #00D2C4 !important;
            --bs-warning: #00D2C4 !important;
        }

        .breadcrumb-wrapper [style*="red"],
        .breadcrumb-wrapper [style*="orange"],
        .service-details-section [style*="red"],
        .service-details-section [style*="orange"],
        [class*="red-"],
        [class*="-red"],
        [class*="orange-"],
        [class*="-orange"] {
            color: #00D2C4 !important;
            border-color: #00D2C4 !important;
            background-color: rgba(0, 210, 196, 0.14) !important;
        }

        .breadcrumb-wrapper img:not([src*="raptor-logo"]),
        .service-details-section img:not([src*="raptor-logo"]),
        .project-section img:not([src*="raptor-logo"]),
        .team-section img:not([src*="raptor-logo"]) {
            filter: hue-rotate(172deg) saturate(0.85) brightness(0.92) !important;
        }

        /* ─── Dark Theme Text Contrast & Readability Overrides ─── */
        /* Footer text contrast overrides (fix dark text on dark background) */
        .footer-widget-wrapper-5 .footer-left-item h2,
        .footer-widget-wrapper-5 .footer-left-item ul li,
        .footer-widget-wrapper-5 .footer-right-item .footer-widget-items .widget-head h3,
        .footer-bottom-5 .footer-bottom-wrapper-5 p b {
            color: #ffffff !important;
        }
        .footer-widget-wrapper-5 .footer-left-item ul li a,
        .footer-widget-wrapper-5 .footer-right-item .footer-header-item p,
        .footer-widget-wrapper-5 .footer-right-item .footer-widget-items .gt-list-area li a,
        .footer-bottom-5 .footer-bottom-wrapper-5 p {
            color: #b5b5b5 !important;
        }
        .footer-widget-wrapper-5 .footer-left-item ul li a:hover,
        .footer-widget-wrapper-5 .footer-right-item .footer-widget-items .gt-list-area li a:hover {
            color: #00D2C4 !important;
        }
        .footer-widget-wrapper-5 .footer-right-item .social-icon a {
            color: #ffffff !important;
            border-color: rgba(255, 255, 255, 0.2) !important;
        }
        .footer-widget-wrapper-5 .footer-right-item .social-icon a:hover {
            background-color: #00D2C4 !important;
            color: #101010 !important;
        }
        /* Counter box inside why choose us section (about/index pages) */
        .why-choose-us-wrapper-5 .choose-us-content .about-conter-items .counter-box .sub-text {
            color: #ffffff !important;
        }
        .why-choose-us-wrapper-5 .choose-us-content .about-conter-items .counter-box p {
            color: #b5b5b5 !important;
        }
        /* Active accordion items inside service-box-style (index page) */
        .service-box-style .service-list-wrap .service-wrap .item-text h4,
        .service-box-style .service-list-wrap .service-wrap .item-text ul li {
            color: #ffffff !important;
        }
        .service-box-style .service-list-wrap .service-wrap .item-text .text p {
            color: #b5b5b5 !important;
        }
        /* FAQ content text contrast overrides (service-details & sub-services pages) */
        .faq-content-1 .section-title h2,
        .faq-content-1 .accordion-box .block .acc-btn,
        .faq-content-1 .accordion-box .block .acc-btn .icon {
            color: #ffffff !important;
        }
        .faq-content-1 .section-title .sub-title {
            color: #00D2C4 !important;
        }
        .faq-content-1 .accordion-box .block .acc-content .content .text {
            color: #b5b5b5 !important;
        }
        .faq-content-1 .accordion-box .block .acc-btn.active,
        .faq-content-1 .accordion-box .block .acc-btn.active .icon {
            color: #00D2C4 !important;
        }
        /* Active testimonial box text color fix */
        .swiper-slide.swiper-slide-active .tetsimonial-box-items-3 .text,
        .swiper-slide.swiper-slide-active .tetsimonial-box-items-3 span,
        .swiper-slide.swiper-slide-active .tetsimonial-box-items-3 p {
            color: #ffffff !important;
        }
        /* Active pricing list text & icon contrast overrides */
        .pricing-box-items.active .pricing-list ul li {
            color: #101010 !important;
        }
        .pricing-box-items.active .pricing-list ul li i {
            color: #101010 !important;
        }

        /* ─── Dark section contrast repair ─── */
        .choose-us-wrapper-3 .about-bottom-content,
        .choose-us-wrapper-3 .choose-us-content,
        .choose-us-section-3,
        .choose-us-section-4,
        .about-page-style-3,
        .counter-section-4,
        .service-section-2,
        .project-section-4,
        .team-section-4 {
            color: #f4f7fb !important;
        }

        .choose-us-wrapper-3 .about-bottom-content p,
        .choose-us-wrapper-3 .about-counter p,
        .choose-us-wrapper-3 .about-counter h2,
        .choose-us-wrapper-3 .about-counter .count,
        .choose-us-wrapper-3 .about-counter .sub-text,
        .choose-us-wrapper-3 .content p,
        .choose-us-wrapper-3 .choose-us-content p,
        .choose-us-wrapper-3 .choose-us-content h2,
        .choose-us-wrapper-3 .choose-us-content h3,
        .choose-us-wrapper-3 .choose-us-content .title,
        .choose-us-wrapper-3 .award-items-box p,
        .choose-us-wrapper-3 .award-items-box b {
            color: #f4f7fb !important;
        }

        .choose-us-wrapper-3 .about-counter .sub-text {
            background-color: #00D2C4 !important;
            color: #071313 !important;
        }

        .choose-us-wrapper-3 .about-line {
            background-color: rgba(255,255,255,0.16) !important;
        }

        .choose-us-wrapper-3 .theme-btn-main .theme-btn {
            color: #061414 !important;
        }

        .counter-section-4 .counter-box .text,
        .counter-section-4 .counter-box h2,
        .counter-section-4 .counter-box p,
        .counter-section-4 .counter-box .count {
            color: #f4f7fb !important;
        }

        /* ─── Raptor global repair layer ─── */
        html,
        body {
            max-width: 100%;
            overflow-x: clip;
        }

        body {
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }

        img,
        video,
        canvas,
        svg {
            max-width: 100%;
        }

        .page-wrapper,
        .main,
        section,
        header,
        footer {
            min-width: 0;
        }

        .container,
        .container-fluid,
        .row,
        [class*="col-"] {
            min-width: 0;
        }

        .logo img,
        .header-logo img,
        .navbar-brand img,
        .footer-logo img,
        img[src*="raptor-logo"] {
            display: inline-block;
            max-width: min(220px, 58vw) !important;
            height: auto !important;
            object-fit: contain;
        }

        img[src*="raptor-logo-light"] {
            filter: brightness(0) invert(1);
        }

        .header-main .main-logo img,
        .mobile-topbar .logo img,
        .mobile-menu-main .logo img,
        .offcanvas-menu .logo img {
            max-height: 46px !important;
        }

        .header-section img[src*="raptor-logo-dark"],
        .mobile-topbar img[src*="raptor-logo-dark"],
        .mobile-menu-area img[src*="raptor-logo-dark"],
        .offcanvas-menu img[src*="raptor-logo-dark"] {
            filter: brightness(0) invert(1);
        }

        .header-section .navbar-brand img,
        .header-section .main-logo img,
        .header-section .logo img {
            max-width: 170px !important;
        }

        .header-main .navbar .navbar-nav .nav-item .nav-link {
            white-space: nowrap;
        }

        .breadcrumb-wrapper {
            overflow: hidden;
        }

        .breadcrumb-wrapper .page-heading h1 {
            overflow-wrap: anywhere;
            text-wrap: balance;
        }

        .breadcrumb-wrapper .page-heading .breadcrumb-items ul {
            flex-wrap: wrap;
            row-gap: 8px;
        }

        .service-box-items-2,
        .service-box-items-3,
        .pricing-box-items,
        .news-box-items,
        .project-box-items,
        .team-box-items,
        .counter-box {
            min-width: 0;
        }

        .service-box-items-2 .service-content .title,
        .service-box-items-2 .service-content .title-2,
        .service-box-items-3 h3,
        .pricing-box-items h3,
        .news-box-items h3,
        .project-box-items h3,
        .team-box-items h3 {
            overflow-wrap: anywhere;
            text-wrap: balance;
        }

        .service-box-items-2 .service-content p,
        .service-box-items-3 p,
        .pricing-box-items p,
        .news-box-items p {
            overflow-wrap: anywhere;
        }

        .service-box-items-2 .service-thumb,
        .service-box-items-2 .service-thumb img,
        .project-image img,
        .news-image img,
        .team-image img {
            border-radius: 22px;
        }

        .service-box-items-2 .service-thumb img {
            width: 100%;
            object-fit: cover;
        }

        .footer-widget-wrapper-5,
        .footer-bottom-wrapper-5 {
            min-width: 0;
        }

        .footer-widget-wrapper-5 a,
        .footer-bottom-wrapper-5 a,
        .off-contact-info a {
            overflow-wrap: anywhere;
        }

        /* ─── Footer system repair ─── */
        .footer-section-4,
        .footer-section-5,
        .footer-widget-wrapper-4,
        .footer-widget-wrapper-5,
        .footer-bottom-5 {
            color: #f4f7fb !important;
        }

        .footer-section-4 img[src*="raptor-logo-dark"],
        .footer-section-5 img[src*="raptor-logo-dark"],
        footer img[src*="raptor-logo-dark"] {
            filter: brightness(0) invert(1) !important;
            opacity: 1 !important;
        }

        .footer-section-4 .footer-logo img,
        .footer-section-5 .footer-logo img,
        .footer-widget-wrapper-5 .footer-logo img,
        footer .footer-logo img {
            max-width: min(230px, 58vw) !important;
            max-height: 58px !important;
            object-fit: contain;
        }

        .footer-section-4 h2,
        .footer-section-4 h3,
        .footer-section-4 .title,
        .footer-section-4 .contact-details-items .content span,
        .footer-widget-wrapper-4 .footer-widget-items .widget-head h3,
        .footer-section-5 h2,
        .footer-section-5 h3,
        .footer-section-5 .title,
        .footer-widget-wrapper-5 .footer-widget-items .widget-head h3 {
            color: #ffffff !important;
        }

        .footer-section-4 p,
        .footer-section-4 li,
        .footer-section-4 a,
        .footer-section-4 .contact-details-items .content p,
        .footer-section-5 p,
        .footer-section-5 li,
        .footer-section-5 a {
            color: #d8dde6 !important;
        }

        .footer-section-4 a:hover,
        .footer-section-5 a:hover,
        .footer-section-4 p b,
        .footer-section-5 p b,
        .footer-bottom-5 .footer-bottom-wrapper-5 p b {
            color: #00D2C4 !important;
        }

        .footer-section-4 .footer-top-wrapper-4 {
            border-bottom-color: rgba(0, 210, 196, 0.22) !important;
        }

        .footer-section-4 .gt-list-wrap {
            gap: 36px !important;
        }

        .footer-section-4 .gt-list-wrap .gt-list-area {
            min-width: 0;
        }

        .footer-section-4 form,
        .footer-widget-wrapper-5 form {
            border-color: rgba(0, 210, 196, 0.35) !important;
            background: rgba(255, 255, 255, 0.03) !important;
        }

        .footer-section-4 input,
        .footer-widget-wrapper-5 input {
            color: #ffffff !important;
        }

        .footer-section-4 input::placeholder,
        .footer-widget-wrapper-5 input::placeholder {
            color: rgba(244, 247, 251, 0.72) !important;
        }

        .footer-section-4 .social-icon a,
        .footer-widget-wrapper-5 .social-icon a {
            color: #ffffff !important;
            border-color: rgba(0, 210, 196, 0.24) !important;
        }

        .footer-section-4 .social-icon a:hover,
        .footer-widget-wrapper-5 .social-icon a:hover {
            background: #00D2C4 !important;
            color: #071313 !important;
        }

        /* ─── Official logo preloader repair ─── */
        #preloader .pre-logo {
            width: min(590px, 74vw) !important;
            height: auto !important;
            line-height: 0 !important;
            letter-spacing: 0 !important;
            color: transparent !important;
            -webkit-text-stroke: 0 !important;
            display: block !important;
            position: relative !important;
        }

        #preloader .pre-logo img {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            filter: brightness(0) invert(1) !important;
        }

        #preloader .pre-logo-outline {
            opacity: 0.12 !important;
            filter: brightness(0) invert(1) drop-shadow(0 0 18px rgba(0, 210, 196, 0.16)) !important;
        }

        #preloader .pre-logo-fill {
            position: absolute !important;
            inset: 0 auto auto 0 !important;
            opacity: 1 !important;
            white-space: normal !important;
            -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
            transition: none !important;
            will-change: clip-path !important;
            filter: brightness(0) invert(1) drop-shadow(0 0 16px rgba(0, 210, 196, 0.22)) !important;
        }

        /* ─── Desktop header repair ─── */
        .header-4 {
            padding: 26px clamp(24px, 3.8vw, 58px) !important;
        }

        .header-4 .header-main,
        .header-4 .navbar {
            width: 100% !important;
            min-width: 0 !important;
        }

        .header-4 .navbar {
            align-items: center !important;
            gap: clamp(18px, 2vw, 34px) !important;
        }

        .header-4 .navbar-brand {
            flex: 0 0 auto !important;
            margin: 0 !important;
        }

        .header-4 .navbar-brand img {
            max-width: clamp(150px, 15vw, 235px) !important;
            max-height: 58px !important;
            filter: none !important;
        }

        .header-4 .navbar-collapse {
            min-width: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: clamp(14px, 1.5vw, 24px) !important;
        }

        .header-4 .navbar-nav {
            flex: 0 1 auto !important;
            margin-left: auto !important;
            margin-right: 0 !important;
            padding: 7px !important;
            gap: 4px !important;
            flex-wrap: nowrap !important;
            max-width: 100% !important;
        }

        .header-4 .navbar-nav .nav-item .nav-link {
            padding: 10px 11px !important;
            font-size: clamp(13px, 0.92vw, 15px) !important;
            letter-spacing: 0.01em !important;
            color: rgba(244, 247, 251, 0.76) !important;
            white-space: nowrap !important;
        }

        .header-4 .navbar-nav .nav-item .nav-link:hover,
        .header-4 .navbar-nav .nav-item:hover > .nav-link {
            color: #ffffff !important;
            border-color: rgba(0, 210, 196, 0.55) !important;
            background: rgba(0, 210, 196, 0.12) !important;
        }

        .header-4 .header-right {
            flex: 0 0 auto !important;
            gap: clamp(14px, 1.6vw, 28px) !important;
            min-width: 0 !important;
        }

        .header-4 .header-call-info {
            gap: 18px !important;
            padding: 8px 12px !important;
            border: 1px solid rgba(0, 210, 196, 0.22) !important;
            background: rgba(0, 210, 196, 0.10) !important;
        }

        .header-4 .header-call-info .main-header__search {
            width: 42px !important;
            height: 42px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #ffffff !important;
            font-size: 22px !important;
        }

        .header-4 .header-call-info .call-number {
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            line-height: 1 !important;
        }

        .header-4 .header-call-info .call-number a {
            display: inline-flex !important;
            align-items: center !important;
            min-height: 42px !important;
            padding: 0 18px !important;
            border: 1px solid rgba(0, 210, 196, 0.32) !important;
            border-radius: 999px !important;
            color: #ffffff !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            letter-spacing: 0.02em !important;
            text-transform: uppercase !important;
            white-space: nowrap !important;
            background: rgba(255, 255, 255, 0.03) !important;
        }

        .header-4 .header-call-info .call-number a:hover {
            background: #00D2C4 !important;
            color: #071313 !important;
        }

        .header-4 > .social-icon-list,
        .header-section > .social-icon-list,
        .header-section .social-icon-list {
            display: none !important;
        }

        #preloader.hide .pre-count,
        #preloader.hide .loader-ring,
        #preloader.hide .pre-logo,
        #preloader[aria-hidden="true"] {
            display: none !important;
        }

        #preloader {
            animation: raptorPreloaderFailsafe 0.45s ease 3.6s forwards;
        }

        #page {
            animation: raptorPageFailsafe 0.2s ease 3.25s forwards;
        }

        @keyframes raptorPreloaderFailsafe {
            to {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
            }
        }

        @keyframes raptorPageFailsafe {
            to {
                opacity: 1;
            }
        }

        @media (max-width: 1540px) {
            .header-4 .navbar-nav .nav-item .nav-link {
                padding-inline: 9px !important;
                font-size: 13px !important;
            }

            .header-4 .navbar-brand img {
                max-width: 170px !important;
            }

            .header-4 .header-call-info .call-number a {
                padding-inline: 14px !important;
            }
        }

        @media (max-width: 1320px) {
            .header-4 .navbar-nav .nav-item .nav-link {
                padding-inline: 8px !important;
                font-size: 12px !important;
            }

            .header-4 .header-call-info {
                gap: 10px !important;
            }
        }

        /* ─── Inner pages consistency repair ─── */
        .breadcrumb-wrapper {
            background-color: #090b0d !important;
            overflow: hidden !important;
        }

        .breadcrumb-wrapper .light-bg {
            opacity: 0.55 !important;
            pointer-events: none !important;
        }

        .breadcrumb-wrapper .page-heading,
        .breadcrumb-wrapper .page-heading.mb-0 {
            padding: clamp(150px, 14vw, 220px) 0 clamp(70px, 8vw, 120px) !important;
            margin-bottom: 0 !important;
        }

        .breadcrumb-wrapper .breadcrumb-sub-title {
            max-width: 100% !important;
            overflow: visible !important;
        }

        .breadcrumb-wrapper .page-heading h1,
        .breadcrumb-wrapper .breadcrumb-sub-title h1,
        .breadcrumb-wrapper .page-heading h1.rr_title_anim {
            font-size: clamp(52px, 6.3vw, 112px) !important;
            line-height: 0.98 !important;
            letter-spacing: -0.055em !important;
            max-width: min(1550px, 100%) !important;
            text-wrap: balance !important;
            overflow-wrap: normal !important;
        }

        .breadcrumb-wrapper .page-heading h1 span {
            display: inline !important;
            font-size: inherit !important;
            line-height: inherit !important;
        }

        .breadcrumb-wrapper .page-heading .breadcrumb-items {
            align-items: flex-end !important;
            gap: clamp(22px, 4vw, 70px) !important;
            margin-top: clamp(26px, 4vw, 56px) !important;
            overflow: visible !important;
        }

        .breadcrumb-wrapper .page-heading .breadcrumb-items ul {
            gap: clamp(18px, 3vw, 50px) !important;
            margin-bottom: clamp(12px, 2vw, 26px) !important;
            flex-wrap: wrap !important;
        }

        .breadcrumb-wrapper .page-heading .breadcrumb-items ul li {
            color: rgba(244, 247, 251, 0.9) !important;
            font-size: clamp(16px, 1.35vw, 24px) !important;
            white-space: nowrap !important;
        }

        .breadcrumb-wrapper .page-heading .breadcrumb-items .title,
        .breadcrumb-wrapper .page-heading .breadcrumb-items h2.title {
            color: rgba(255, 255, 255, 0.96) !important;
            font-size: clamp(54px, 7.2vw, 132px) !important;
            line-height: 0.92 !important;
            letter-spacing: -0.055em !important;
            max-width: min(760px, 100%) !important;
            text-align: right !important;
            overflow: visible !important;
        }

        .breadcrumb-wrapper .container,
        .breadcrumb-wrapper .container-1680 {
            max-width: min(1680px, calc(100vw - 64px)) !important;
            padding-left: clamp(18px, 2.5vw, 42px) !important;
            padding-right: clamp(18px, 2.5vw, 42px) !important;
        }

        .footer-section-3,
        .footer-section-3 .footer-area-3 {
            background: #090c0d !important;
            background-image:
                radial-gradient(circle at 18% 18%, rgba(0, 210, 196, 0.12), transparent 28%),
                linear-gradient(135deg, #0a0d0e 0%, #111719 100%) !important;
            color: #f5f8fb !important;
        }

        .footer-section-3 .footer-area-3 {
            border: 1px solid rgba(0, 210, 196, 0.16) !important;
            border-radius: 34px !important;
            margin: 0 clamp(18px, 2.2vw, 48px) 32px !important;
            overflow: hidden !important;
        }

        .footer-section-3 .footer-area-3::before {
            display: none !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 {
            padding: clamp(72px, 7vw, 110px) 0 0 !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item h2 {
            color: #ffffff !important;
            font-size: clamp(34px, 3.2vw, 56px) !important;
            line-height: 1.08 !important;
            max-width: 700px !important;
            opacity: 1 !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item h2 span,
        .footer-section-3 .footer-widget-wrapper-5 .footer-bottom-wrapper-5 p b {
            color: #00D2C4 !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item form input {
            background: rgba(0, 0, 0, 0.55) !important;
            border: 1px solid rgba(0, 210, 196, 0.26) !important;
            color: #ffffff !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item form input::placeholder {
            color: rgba(244, 247, 251, 0.62) !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item ul {
            margin-top: clamp(34px, 6vw, 90px) !important;
            flex-wrap: wrap !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item ul li,
        .footer-section-3 .footer-widget-wrapper-5 .footer-left-item ul li a,
        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .footer-header-item p,
        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .footer-widget-items .gt-list-area li a,
        .footer-section-3 .footer-bottom-5 .footer-bottom-wrapper-5 p,
        .footer-section-3 .footer-bottom-5 .footer-bottom-wrapper-5 .footer-list li a {
            color: rgba(226, 233, 240, 0.82) !important;
            opacity: 1 !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .footer-widget-items .widget-head h3 {
            color: #ffffff !important;
            opacity: 1 !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item,
        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .footer-header-item {
            border-color: rgba(255, 255, 255, 0.14) !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item::before,
        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .footer-header-item::before {
            background-color: rgba(255, 255, 255, 0.14) !important;
        }

        .footer-section-3 .footer-logo img,
        .footer-section-3 img[src*="raptor-logo"] {
            filter: brightness(0) invert(1) !important;
            opacity: 1 !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .social-icon {
            display: flex !important;
            flex-direction: column;
            gap: 12px !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .social-icon a {
            color: #ffffff !important;
            border-color: rgba(255, 255, 255, 0.18) !important;
            background: rgba(255, 255, 255, 0.04) !important;
        }

        .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .social-icon a:hover {
            color: #071313 !important;
            background: #00D2C4 !important;
        }

        .footer-section-3 .footer-bottom-5 {
            border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        }

        .footer-section-3 .footer-bottom-5 .footer-bottom-wrapper-5 .footer-list li .dots {
            background-color: rgba(255, 255, 255, 0.65) !important;
        }

        @media (max-width: 991px) {
            .breadcrumb-wrapper .page-heading .breadcrumb-items {
                display: block !important;
            }

            .breadcrumb-wrapper .page-heading .breadcrumb-items .title,
            .breadcrumb-wrapper .page-heading .breadcrumb-items h2.title {
                text-align: left !important;
                margin-top: 22px !important;
            }

            .footer-section-3 .footer-widget-wrapper-5 .footer-right-item {
                padding-left: 0 !important;
            }

            .footer-section-3 .footer-widget-wrapper-5 .footer-right-item .footer-header-item {
                margin-bottom: 44px !important;
                padding-bottom: 34px !important;
            }
        }

        /* ─── Raptor AG content-driven services ─── */
        .raptor-service-card {
            border: 1px solid rgba(0, 210, 196, 0.16) !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(0, 210, 196, 0.035)) !important;
            border-radius: 30px !important;
            padding: clamp(22px, 3vw, 46px) !important;
            margin-bottom: 28px !important;
        }

        .raptor-service-card .service-content > p {
            color: #00D2C4 !important;
            font-weight: 700 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase;
        }

        .raptor-service-card .title a {
            color: #ffffff !important;
        }

        .raptor-service-card .title a:hover {
            color: #00D2C4 !important;
        }

        .raptor-service-card .title-2 {
            color: rgba(232, 238, 245, 0.82) !important;
            font-size: clamp(20px, 2vw, 34px) !important;
            line-height: 1.28 !important;
            max-width: 900px;
        }

        .raptor-service-card .service-list li {
            color: rgba(232, 238, 245, 0.78) !important;
        }

        .raptor-service-card .service-thumb {
            display: block;
            border-radius: 24px;
            overflow: hidden;
        }

        .raptor-service-card .service-thumb img {
            min-height: 300px;
        }

        .raptor-service-detail {
            max-width: 1280px;
            margin: 0 auto;
            padding: clamp(56px, 7vw, 110px) 0;
            --detail-accent: #00D2C4;
            --detail-accent-2: #5FE7FF;
            --detail-glow: rgba(0, 210, 196, 0.22);
        }

        .services-details-section {
            overflow: hidden !important;
            background:
                radial-gradient(circle at 54% 10%, rgba(0, 210, 196, 0.20), transparent 28%),
                radial-gradient(circle at 18% 0%, rgba(95, 231, 255, 0.10), transparent 26%),
                #070a0b !important;
        }

        .services-details-section .light-bg {
            display: none !important;
        }

        .services-details-section .bg-line {
            opacity: 0.42 !important;
            filter: hue-rotate(170deg) saturate(1.35) brightness(0.78) !important;
        }

        .services-details-section .title-area {
            border-bottom-color: rgba(0, 210, 196, 0.24) !important;
            margin-bottom: clamp(44px, 7vw, 100px) !important;
            padding-bottom: clamp(54px, 8vw, 110px) !important;
        }

        .services-details-section .title-area h1 {
            max-width: 1500px !important;
            font-size: clamp(52px, 7vw, 120px) !important;
            line-height: 0.98 !important;
            letter-spacing: -0.055em !important;
            text-wrap: balance !important;
        }

        .services-details-section .title-area h1 span {
            color: #ffffff !important;
            font-family: inherit !important;
            font-style: normal !important;
            font-weight: 700 !important;
        }

        .raptor-service-detail--build {
            --detail-accent: #5FE7FF;
            --detail-accent-2: #8FD7FF;
            --detail-glow: rgba(95, 231, 255, 0.20);
        }

        .raptor-service-detail--commerce {
            --detail-accent: #00D2C4;
            --detail-accent-2: #A7F3D0;
            --detail-glow: rgba(0, 210, 196, 0.20);
        }

        .raptor-service-detail--automation {
            --detail-accent: #7DD3FC;
            --detail-accent-2: #C4B5FD;
            --detail-glow: rgba(125, 211, 252, 0.18);
        }

        .raptor-service-detail--creative {
            --detail-accent: #B5F5EC;
            --detail-accent-2: #8BE9E0;
            --detail-glow: rgba(181, 245, 236, 0.16);
        }

        .raptor-service-detail--visibility {
            --detail-accent: #67E8F9;
            --detail-accent-2: #93C5FD;
            --detail-glow: rgba(103, 232, 249, 0.18);
        }

        .raptor-detail-hero {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
            gap: clamp(24px, 4vw, 70px);
            align-items: stretch;
            margin-bottom: clamp(26px, 4vw, 58px);
        }

        .raptor-detail-copy {
            min-width: 0;
        }

        .raptor-detail-kicker,
        .raptor-detail-panel > span,
        .raptor-detail-bottom span,
        .raptor-related-services > span {
            display: inline-flex;
            width: fit-content;
            color: #061414 !important;
            background: linear-gradient(135deg, var(--detail-accent), var(--detail-accent-2));
            border-radius: 999px;
            padding: 8px 14px;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .raptor-service-detail h2 {
            color: #ffffff !important;
            font-size: clamp(46px, 6vw, 96px) !important;
            line-height: 0.98 !important;
            letter-spacing: -0.055em;
            margin-top: 18px;
        }

        .raptor-service-detail .lead {
            color: rgba(232, 238, 245, 0.84) !important;
            font-size: clamp(18px, 1.5vw, 24px);
            max-width: 920px;
        }

        .raptor-detail-metrics {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 26px;
        }

        .raptor-detail-metrics span {
            color: rgba(247, 251, 255, 0.86);
            border: 1px solid color-mix(in srgb, var(--detail-accent) 42%, transparent);
            background: color-mix(in srgb, var(--detail-accent) 10%, transparent);
            border-radius: 999px;
            padding: 10px 16px;
            font-size: 14px;
            font-weight: 700;
        }

        .raptor-detail-visual {
            position: relative;
            overflow: hidden;
            min-height: 360px;
            border-radius: 34px;
            border: 1px solid color-mix(in srgb, var(--detail-accent) 30%, transparent);
            background:
                radial-gradient(circle at 30% 20%, var(--detail-glow), transparent 40%),
                linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(0, 210, 196, 0.035));
            padding: clamp(28px, 4vw, 48px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 28px 90px rgba(0, 0, 0, 0.30);
        }

        .raptor-detail-visual::before {
            content: "";
            position: absolute;
            inset: 22px;
            border: 1px solid color-mix(in srgb, var(--detail-accent) 18%, transparent);
            border-radius: 26px;
            background-image:
                linear-gradient(color-mix(in srgb, var(--detail-accent) 14%, transparent) 1px, transparent 1px),
                linear-gradient(90deg, color-mix(in srgb, var(--detail-accent) 14%, transparent) 1px, transparent 1px);
            background-size: 34px 34px;
            mask-image: linear-gradient(180deg, #000, transparent);
            opacity: 0.55;
        }

        .raptor-detail-visual span,
        .raptor-detail-visual strong,
        .raptor-detail-visual p {
            position: relative;
            z-index: 1;
        }

        .raptor-detail-visual span {
            color: var(--detail-accent);
            font-size: clamp(52px, 7vw, 104px);
            line-height: 0.8;
            font-weight: 900;
            letter-spacing: -0.08em;
        }

        .raptor-detail-visual strong {
            color: #ffffff;
            font-size: clamp(28px, 3vw, 52px);
            line-height: 0.95;
            letter-spacing: -0.055em;
        }

        .raptor-detail-visual p {
            color: rgba(232, 238, 245, 0.78) !important;
            max-width: 320px;
        }

        .raptor-detail-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.75fr);
            gap: 22px;
            margin-bottom: 22px;
        }

        .raptor-detail-panel {
            height: 100%;
            padding: clamp(24px, 3vw, 42px);
            border: 1px solid color-mix(in srgb, var(--detail-accent) 22%, transparent);
            border-radius: 26px;
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.055), color-mix(in srgb, var(--detail-accent) 5%, transparent));
        }

        .raptor-detail-panel.accent {
            background: linear-gradient(135deg, color-mix(in srgb, var(--detail-accent) 18%, transparent), rgba(255, 255, 255, 0.045));
        }

        .raptor-detail-panel h3 {
            color: #ffffff !important;
            margin: 18px 0;
            font-size: clamp(28px, 3vw, 48px);
            letter-spacing: -0.05em;
        }

        .raptor-detail-columns {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .raptor-detail-panel ul {
            margin: 0;
            padding: 0;
        }

        .raptor-detail-panel li,
        .raptor-detail-panel p {
            color: rgba(232, 238, 245, 0.82) !important;
            break-inside: avoid;
            margin-bottom: 10px;
        }

        .raptor-detail-panel li {
            position: relative;
            list-style: none;
            padding-left: 22px;
        }

        .raptor-detail-panel li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.72em;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--detail-accent);
            box-shadow: 0 0 18px var(--detail-glow);
        }

        .raptor-process-row {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 16px;
            margin: 22px 0;
        }

        .raptor-process-card {
            min-height: 170px;
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.035);
            padding: 24px;
        }

        .raptor-process-card span {
            color: var(--detail-accent);
            font-size: 30px;
            line-height: 1;
            font-weight: 900;
        }

        .raptor-process-card p {
            margin-top: 32px;
            color: rgba(232, 238, 245, 0.82) !important;
        }

        .raptor-detail-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            border-radius: 30px;
            padding: clamp(26px, 4vw, 48px);
            margin-top: 22px;
            border: 1px solid color-mix(in srgb, var(--detail-accent) 24%, transparent);
            background: linear-gradient(135deg, color-mix(in srgb, var(--detail-accent) 12%, transparent), rgba(255, 255, 255, 0.04));
        }

        .raptor-detail-bottom h3 {
            color: #ffffff !important;
            max-width: 700px;
            margin: 18px 0 0;
            font-size: clamp(28px, 4vw, 58px);
        }

        .raptor-related-services {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
            margin-top: 24px;
        }

        .raptor-related-services a {
            color: rgba(247, 251, 255, 0.82) !important;
            border: 1px solid rgba(255, 255, 255, 0.10);
            border-radius: 999px;
            padding: 11px 16px;
            background: rgba(255, 255, 255, 0.035);
        }

        .raptor-related-services a:hover {
            color: #061414 !important;
            background: var(--detail-accent);
            border-color: var(--detail-accent);
        }

        .raptor-service-faq {
            display: grid;
            grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
            gap: clamp(22px, 4vw, 60px);
            margin-top: 34px;
            padding: clamp(28px, 4vw, 52px);
            border-radius: 32px;
            border: 1px solid color-mix(in srgb, var(--detail-accent) 22%, transparent);
            background: rgba(255, 255, 255, 0.035);
        }

        .raptor-service-faq > div > span {
            display: inline-flex;
            color: var(--detail-accent);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.09em;
            text-transform: uppercase;
        }

        .raptor-service-faq h3 {
            color: #ffffff !important;
            margin-top: 16px;
            font-size: clamp(30px, 4vw, 62px);
            line-height: 1;
            letter-spacing: -0.055em;
        }

        .raptor-service-faq details {
            border-top: 1px solid rgba(255, 255, 255, 0.10);
            padding: 22px 0;
        }

        .raptor-service-faq details:last-child {
            border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        }

        .raptor-service-faq summary {
            cursor: pointer;
            list-style: none;
            color: #ffffff;
            font-size: clamp(20px, 2vw, 30px);
            font-weight: 700;
            line-height: 1.25;
        }

        .raptor-service-faq summary::-webkit-details-marker {
            display: none;
        }

        .raptor-service-faq summary::after {
            content: "+";
            float: right;
            display: inline-grid;
            place-items: center;
            width: 36px;
            height: 36px;
            margin-left: 18px;
            border-radius: 50%;
            color: #061414;
            background: var(--detail-accent);
        }

        .raptor-service-faq details[open] summary::after {
            content: "−";
        }

        .raptor-service-faq p {
            color: rgba(232, 238, 245, 0.78) !important;
            max-width: 820px;
            margin-top: 16px;
        }

        .raptor-value-cards {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
            margin-top: 24px;
        }

        .raptor-value-card {
            min-height: 230px;
            padding: 28px;
            border-radius: 28px;
            border: 1px solid color-mix(in srgb, var(--detail-accent) 18%, transparent);
            background:
                radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--detail-accent) 14%, transparent), transparent 36%),
                #0b0f10;
        }

        .raptor-value-card strong {
            display: block;
            color: #ffffff;
            font-size: clamp(22px, 2vw, 32px);
            line-height: 1.05;
            letter-spacing: -0.04em;
        }

        .raptor-value-card p {
            color: rgba(232, 238, 245, 0.72) !important;
            margin-top: 34px;
        }

        .service-visual-section,
        .faq-section-5,
        .service-icon-details-section {
            display: none !important;
        }

        .raptor-service-detail--build .raptor-detail-grid {
            grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr);
        }

        .raptor-service-detail--build .raptor-detail-panel--wide {
            order: 2;
        }

        .raptor-service-detail--creative .raptor-detail-hero {
            grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1fr);
        }

        .raptor-service-detail--creative .raptor-detail-visual {
            order: -1;
        }

        .raptor-service-detail--automation .raptor-process-row,
        .raptor-service-detail--visibility .raptor-process-row {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        @media (max-width: 767px) {
            .raptor-detail-hero,
            .raptor-detail-grid,
            .raptor-detail-columns,
            .raptor-service-faq,
            .raptor-value-cards,
            .raptor-process-row,
            .raptor-service-detail--automation .raptor-process-row,
            .raptor-service-detail--visibility .raptor-process-row {
                grid-template-columns: 1fr;
            }

            .raptor-service-detail--build .raptor-detail-panel--wide,
            .raptor-service-detail--creative .raptor-detail-visual {
                order: initial;
            }

            .raptor-detail-visual {
                min-height: 280px;
            }

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

        .header-main .navbar .navbar-nav .nav-item > .sub-menu.raptor-services-menu {
            max-height: min(72vh, 620px);
            overflow-y: auto;
            min-width: 360px;
        }

        .header-main .navbar .navbar-nav .nav-item > .sub-menu.raptor-services-menu li a {
            font-size: 14px !important;
            line-height: 1.25 !important;
        }

        .mobile-menu-main .raptor-services-menu {
            max-height: 58vh;
            overflow-y: auto;
        }

        /* ─── Global color / typography / overlap repair ─── */
        :root {
            --raptor-bg: #0b0d0f;
            --raptor-panel: #111618;
            --raptor-panel-soft: rgba(255, 255, 255, 0.045);
            --raptor-text: #d7dde7;
            --raptor-muted: #aab3c0;
            --raptor-heading: #f7fbff;
            --raptor-accent: #00D2C4;
        }

        body {
            color: var(--raptor-text) !important;
            background: var(--raptor-bg) !important;
        }

        p,
        li,
        .text,
        .content,
        .description {
            line-height: 1.68 !important;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .title,
        .section-title .title,
        .section-title h2,
        .split-title {
            line-height: 1.08 !important;
            letter-spacing: -0.035em;
            text-wrap: balance;
            overflow-wrap: normal;
        }

        h1 span,
        h2 span,
        h3 span,
        .title span,
        .split-title span {
            line-height: inherit !important;
        }

        .split-title,
        .split-title *,
        .text-invert,
        .text-invert * {
            overflow: visible !important;
        }

        .hero-section-4,
        .choose-us-section-3,
        .choose-us-section-4,
        .service-section-4,
        .project-section-4,
        .testimonial-section-4,
        .team-section-4,
        .news-section-4,
        .section-bg,
        .breadcrumb-wrapper,
        .offcanvas-menu,
        .mobile-menu-main {
            color: var(--raptor-text) !important;
        }

        .hero-section-4 h1,
        .hero-section-4 h2,
        .hero-section-4 .title,
        .choose-us-section-3 h1,
        .choose-us-section-3 h2,
        .choose-us-section-3 h3,
        .choose-us-section-4 h1,
        .choose-us-section-4 h2,
        .choose-us-section-4 h3,
        .service-section-4 .section-title h2,
        .project-section-4 .section-title h2,
        .testimonial-section-4 .section-title h2,
        .team-section-4 .section-title h2,
        .news-section-4 .section-title h2,
        .breadcrumb-wrapper h1,
        .breadcrumb-wrapper h2,
        .offcanvas-menu h1,
        .offcanvas-menu h2,
        .offcanvas-menu h3,
        .mobile-menu-main h1,
        .mobile-menu-main h2,
        .mobile-menu-main h3 {
            color: var(--raptor-heading) !important;
        }

        .hero-section-4 p,
        .choose-us-section-3 p,
        .choose-us-section-4 p,
        .service-section-4 p,
        .project-section-4 p,
        .testimonial-section-4 p,
        .team-section-4 p,
        .news-section-4 p,
        .section-bg p,
        .breadcrumb-wrapper p,
        .offcanvas-menu p,
        .mobile-menu-main p {
            color: var(--raptor-muted) !important;
        }

        .section-title-area {
            gap: 24px !important;
            align-items: flex-end !important;
            flex-wrap: wrap !important;
        }

        .section-title-area .section-title {
            min-width: 0 !important;
        }

        .section-title .sub-title,
        .sub-title,
        .tz-sub-tilte {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            color: var(--raptor-accent) !important;
            line-height: 1.2 !important;
        }

        .hero-4 .hero-content .title,
        .hero-section-4 .title {
            color: #ffffff !important;
            font-size: clamp(56px, 7.2vw, 118px) !important;
            line-height: 0.95 !important;
            letter-spacing: -0.055em !important;
            max-width: min(100%, 980px);
        }

        .hero-4,
        .hero-section-4 {
            overflow: hidden !important;
        }

        .hero-4 .container,
        .hero-section-4 .container {
            max-width: min(1650px, calc(100vw - 48px)) !important;
            padding-left: clamp(18px, 2.5vw, 42px) !important;
            padding-right: clamp(18px, 2.5vw, 42px) !important;
        }

        .hero-4 .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .hero-4 .hero-content {
            overflow: visible !important;
            padding-left: 0 !important;
            max-width: 100% !important;
        }

        .hero-4 .hero-content .hero-sub {
            max-width: 100% !important;
            letter-spacing: clamp(4px, 0.55vw, 10px) !important;
            overflow-wrap: anywhere;
        }

        .hero-4 .hero-content p,
        .hero-section-4 .hero-content p {
            max-width: 680px;
            color: rgba(244, 247, 251, 0.78) !important;
        }

        .theme-btn,
        .theme-btn-main .theme-btn,
        .main-btn,
        .rr-btn,
        .rd-btn {
            color: #061414 !important;
            line-height: 1.15 !important;
        }

        .theme-btn-main i,
        .theme-btn i,
        .main-btn i,
        .rr-btn i,
        .rd-btn i {
            color: inherit !important;
        }

        .theme-btn-main {
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 14px !important;
            overflow: visible !important;
        }

        .theme-btn-main .theme-btn {
            position: relative !important;
            z-index: 2 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .theme-btn-main .theme-btn-arrow-left,
        .theme-btn-main .theme-btn-arrow-right {
            position: relative !important;
            inset: auto !important;
            transform: none !important;
            flex: 0 0 38px !important;
            width: 38px !important;
            height: 38px !important;
            min-width: 38px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            opacity: 1 !important;
            visibility: visible !important;
            overflow: visible !important;
            z-index: 3 !important;
            color: #061414 !important;
            background: transparent !important;
            border: 0 !important;
            pointer-events: none !important;
        }

        .theme-btn-main .theme-btn-arrow-left {
            display: none !important;
        }

        .theme-btn-main .theme-btn-arrow-right i,
        .theme-btn-main .theme-btn-arrow-left i {
            display: inline-block !important;
            opacity: 1 !important;
            visibility: visible !important;
            color: #061414 !important;
            font-size: 22px !important;
            line-height: 1 !important;
        }

        .theme-btn-main.bg-black-style .theme-btn-arrow-right i,
        .theme-btn-main.bg-black-style .theme-btn-arrow-left i {
            color: #ffffff !important;
        }

        /*
         * Remove leftover pink/magenta template accents.
         * Decorative service/feature SVGs should always follow the Raptor turquoise palette.
         */
        .service-section svg,
        .service-section svg *,
        .service-details-section svg,
        .service-details-section svg *,
        .services-details-section svg,
        .services-details-section svg *,
        .feature-section svg,
        .feature-section svg *,
        .choose-us-section svg,
        .choose-us-section svg *,
        .work-process-section svg,
        .work-process-section svg *,
        .about-section svg,
        .about-section svg *,
        .project-section svg,
        .project-section svg *,
        .icon svg,
        .icon svg *,
        [class*="icon"] svg,
        [class*="icon"] svg *,
        [class*="feature"] svg,
        [class*="feature"] svg * {
            color: #00D2C4 !important;
            stroke: #00D2C4 !important;
            fill: none !important;
        }

        .service-section svg [fill]:not([fill="none"]),
        .service-details-section svg [fill]:not([fill="none"]),
        .services-details-section svg [fill]:not([fill="none"]),
        .feature-section svg [fill]:not([fill="none"]),
        .choose-us-section svg [fill]:not([fill="none"]),
        .work-process-section svg [fill]:not([fill="none"]),
        .about-section svg [fill]:not([fill="none"]),
        .project-section svg [fill]:not([fill="none"]),
        .icon svg [fill]:not([fill="none"]),
        [class*="icon"] svg [fill]:not([fill="none"]),
        [class*="feature"] svg [fill]:not([fill="none"]) {
            fill: #00D2C4 !important;
        }

        .service-section i,
        .service-details-section i,
        .services-details-section i,
        .feature-section i,
        .choose-us-section i,
        .work-process-section i,
        .about-section .icon i,
        .project-section .icon i,
        [class*="icon"] i {
            color: #00D2C4 !important;
        }

        .service-section img[src*="icon"],
        .service-section img[src*="target"],
        .service-section img[src*="eye"],
        .service-details-section img[src*="icon"],
        .services-details-section img[src*="icon"],
        .feature-section img[src*="icon"],
        .choose-us-section img[src*="icon"],
        .work-process-section img[src*="icon"],
        [class*="icon"] img:not([src*="logo"]),
        [class*="feature"] img[src*="icon"] {
            filter: brightness(0) saturate(100%) invert(62%) sepia(96%) saturate(1202%) hue-rotate(130deg) brightness(96%) contrast(101%) !important;
        }

        .contact-section .contact-image {
            display: none !important;
        }

        .contact-section .contact-us-card-item {
            min-height: 280px !important;
            display: flex !important;
            align-items: stretch !important;
            border: 1px solid rgba(0, 210, 196, 0.22) !important;
            background:
                radial-gradient(circle at 16% 14%, rgba(0, 210, 196, 0.14), transparent 34%),
                linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 210, 196, 0.035)) !important;
        }

        .contact-section .contact-us-card-item .contact-content {
            width: 100% !important;
            padding: clamp(30px, 4vw, 54px) !important;
        }

        .team-section-4 {
            background:
                radial-gradient(circle at 28% 22%, rgba(0, 210, 196, 0.16), transparent 34%),
                radial-gradient(circle at 78% 58%, rgba(0, 210, 196, 0.10), transparent 38%),
                linear-gradient(180deg, #070b0c 0%, #0a1112 100%) !important;
        }

        .team-section-4 .team-left,
        .team-section-4 .team-right {
            opacity: 0.42 !important;
            filter: hue-rotate(172deg) saturate(0.55) brightness(0.64) !important;
        }

        .team-section-4 .team-thumb-4 {
            position: relative !important;
            overflow: hidden !important;
            border: 1px solid rgba(0, 210, 196, 0.22) !important;
            background: rgba(0, 210, 196, 0.05) !important;
        }

        .team-section-4 .team-thumb-4::after {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 1 !important;
            pointer-events: none !important;
            background:
                linear-gradient(180deg, rgba(0, 210, 196, 0.04), rgba(0, 16, 18, 0.18)),
                rgba(0, 210, 196, 0.18) !important;
            mix-blend-mode: color !important;
        }

        .team-section-4 .team-thumb-4 img {
            filter: grayscale(1) sepia(1) saturate(2.25) hue-rotate(128deg) brightness(0.78) contrast(1.04) !important;
        }

        .team-section-4 .team-thumb-4 .team-content {
            z-index: 3 !important;
            background: linear-gradient(90deg, rgba(0, 210, 196, 0.18), rgba(6, 12, 13, 0.72)) !important;
            border-top: 1px solid rgba(0, 210, 196, 0.20) !important;
        }

        .team-section-4 .team-thumb-4 .team-content p,
        .team-section-4 .team-thumb-4 .team-content .title a:hover {
            color: #00D2C4 !important;
        }

        .page-wrapper img[src*="assets/img/home-4/"]:not([src*="logo"]):not([src*="arrow"]):not([src*="star"]):not([src*="quote"]),
        .page-wrapper img[src*="assets/img/home-3/choose-us"],
        .page-wrapper img[src*="assets/img/home-3/about-small"],
        .page-wrapper img[src*="assets/img/home-3/award"],
        .page-wrapper img[src*="assets/img/raptor/home-4/"]:not([src*="logo"]):not([src*="arrow"]):not([src*="star"]):not([src*="quote"]) {
            filter: grayscale(0.88) sepia(1) saturate(1.9) hue-rotate(125deg) brightness(0.80) contrast(1.02) !important;
        }

        .page-wrapper img[src*="assets/img/home-4/hero-image"],
        .page-wrapper img[src*="assets/img/raptor/home-4/hero-image"] {
            filter: grayscale(0.72) sepia(0.9) saturate(1.45) hue-rotate(125deg) brightness(0.88) contrast(0.98) !important;
        }

        .page-wrapper img[src*="star"],
        .testimonial-section-4 .marquee img,
        .testimonial-section-4 .testi-text img,
        .testimonial-wrapper-4 img[src*="star"],
        .page-wrapper .star i,
        .page-wrapper i.fa-star,
        .page-wrapper .fa-star {
            color: #00D2C4 !important;
            fill: #00D2C4 !important;
            stroke: #00D2C4 !important;
            filter: brightness(0) saturate(100%) invert(62%) sepia(96%) saturate(1202%) hue-rotate(130deg) brightness(96%) contrast(101%) !important;
        }

        .choose-us-section-3 .about-thumb,
        .choose-us-section-4 .about-thumb,
        .choose-us-section-3 .about-small-image,
        .choose-us-section-4 .about-small-image {
            position: relative !important;
            overflow: hidden !important;
            border-radius: inherit !important;
        }

        .choose-us-section-3 .about-thumb::after,
        .choose-us-section-4 .about-thumb::after,
        .choose-us-section-3 .about-small-image::after,
        .choose-us-section-4 .about-small-image::after {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 2 !important;
            pointer-events: none !important;
            background:
                linear-gradient(135deg, rgba(0, 210, 196, 0.34), rgba(2, 16, 18, 0.18)),
                rgba(0, 210, 196, 0.20) !important;
            mix-blend-mode: color !important;
        }

        .choose-us-section-3 .about-thumb img,
        .choose-us-section-4 .about-thumb img,
        .choose-us-section-3 .about-small-image img,
        .choose-us-section-4 .about-small-image img {
            filter: grayscale(1) sepia(0.75) saturate(1.35) hue-rotate(128deg) brightness(0.76) contrast(1.03) !important;
        }

        .choose-us-section-3 .video-circle,
        .choose-us-section-4 .video-circle {
            z-index: 4 !important;
        }

        .service-box-items-2,
        .service-box-items-3,
        .project-box-items,
        .news-box-items,
        .team-box-items,
        .pricing-box-items,
        .testimonial-items-2,
        .counter-box,
        .award-items-box {
            color: var(--raptor-text) !important;
            background-blend-mode: normal !important;
            overflow: hidden;
        }

        .service-box-items-2 h3,
        .service-box-items-2 h4,
        .service-box-items-3 h3,
        .project-box-items h3,
        .news-box-items h3,
        .team-box-items h3,
        .pricing-box-items h3,
        .testimonial-items-2 h3,
        .counter-box h2,
        .counter-box h3 {
            color: var(--raptor-heading) !important;
        }

        .service-box-items-2 p,
        .service-box-items-3 p,
        .project-box-items p,
        .news-box-items p,
        .team-box-items p,
        .pricing-box-items p,
        .testimonial-items-2 p,
        .counter-box p {
            color: var(--raptor-muted) !important;
        }

        .service-box-items-2 a,
        .service-box-items-3 a,
        .project-box-items a,
        .news-box-items a,
        .team-box-items a,
        .pricing-box-items a {
            color: inherit;
        }

        .service-box-items-2 a:hover,
        .service-box-items-3 a:hover,
        .project-box-items a:hover,
        .news-box-items a:hover,
        .team-box-items a:hover,
        .pricing-box-items a:hover {
            color: var(--raptor-accent) !important;
        }

        [class*="line-shape"],
        [class*="shape"],
        .section-animation-shape1-1 {
            pointer-events: none;
        }

        @media (max-width: 991px) {
            h1,
            h2,
            .title,
            .section-title h2 {
                letter-spacing: -0.045em;
            }

            .hero-4 .hero-content .title,
            .hero-section-4 .title {
                font-size: clamp(48px, 13vw, 86px) !important;
                line-height: 1 !important;
            }

            .hero-4 {
                padding-top: 145px !important;
                padding-bottom: 90px !important;
            }

            .hero-4 .hero-content {
                text-align: left !important;
            }

            .hero-4 .hero-content p {
                margin-left: 0 !important;
                margin-right: 0 !important;
            }
        }

        .footer-bottom-5 .footer-bottom-wrapper-5 {
            gap: 18px;
            flex-wrap: wrap;
        }

        .contact-form input,
        .contact-form textarea,
        .contact-form select,
        input,
        textarea,
        select {
            max-width: 100%;
        }

        a:focus-visible,
        button:focus-visible,
        input:focus-visible,
        textarea:focus-visible,
        select:focus-visible,
        [role="button"]:focus-visible {
            outline: 2px solid #00D2C4 !important;
            outline-offset: 4px;
        }

        .mobile-menu-area .mobile-menu-main {
            max-width: min(420px, 92vw);
            overflow-y: auto;
        }

        .mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a {
            overflow-wrap: anywhere;
        }

        @media (max-width: 1199px) {
            .header-main {
                gap: 18px;
            }

            .header-main .main-menu {
                min-width: 0;
            }
        }

        @media (max-width: 767px) {
            .breadcrumb-wrapper .page-heading h1 {
                font-size: clamp(42px, 13vw, 66px) !important;
                line-height: 0.98 !important;
                letter-spacing: -0.04em;
            }

            .breadcrumb-wrapper .page-heading {
                padding-top: 70px;
                padding-bottom: 70px;
            }

            .service-box-items-2 {
                padding-inline: 18px !important;
            }

            .service-box-items-2 .service-content .title,
            .service-box-items-2 .service-content .title-2 {
                font-size: clamp(30px, 9vw, 44px) !important;
                line-height: 1.05 !important;
            }

            .service-box-items-2 .service-content .service-list ul,
            .service-box-items-2 .service-content .list-items {
                columns: 1 !important;
            }

            .footer-widget-wrapper-5 .footer-left-item h2,
            .section-title h2,
            .section-title .title,
            h2 {
                text-wrap: balance;
            }

            .footer-bottom-5 .footer-bottom-wrapper-5,
            .footer-bottom-5 .footer-bottom-wrapper-5 .footer-list {
                justify-content: center;
                text-align: center;
            }

            .header-main .main-logo img,
            .mobile-topbar .logo img,
            .mobile-menu-main .logo img,
            .offcanvas-menu .logo img {
                max-height: 38px !important;
                max-width: 148px !important;
            }

            .header-section .navbar-brand img,
            .header-section .main-logo img,
            .header-section .logo img {
                max-width: 148px !important;
            }

            .header-main {
                column-gap: 12px;
            }

            .header-right {
                gap: 12px !important;
            }

            .header-section > .social-icon-list {
                display: none !important;
            }
        }

        /* ─── Raptor nav stability patch ─── */
        #sticky-header.header-section,
        #sticky-header.header-3,
        #sticky-header.header-4 {
            box-sizing: border-box !important;
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            min-height: 86px !important;
            height: auto !important;
            overflow: visible !important;
            z-index: 100000 !important;
            isolation: isolate !important;
            background: linear-gradient(180deg, rgba(6, 9, 10, 0.90), rgba(6, 9, 10, 0.66)) !important;
            backdrop-filter: blur(14px) !important;
            border-bottom: 1px solid rgba(0, 210, 196, 0.12) !important;
        }

        #smooth-wrapper {
            z-index: 1 !important;
        }

        #page > #sticky-header,
        body #sticky-header {
            z-index: 2147483000 !important;
        }

        #sticky-header .header-main {
            min-height: 56px !important;
            height: auto !important;
        }

        .header-main .navbar .navbar-nav {
            align-items: center !important;
        }

        .header-main .navbar .navbar-nav .nav-item > .sub-menu {
            z-index: 100002 !important;
        }

        .header-main .navbar .navbar-nav .nav-item.raptor-menu-open > .sub-menu {
            opacity: 1 !important;
            visibility: visible !important;
            transform: scaleY(1) !important;
            pointer-events: auto !important;
        }

        .header-main .navbar .navbar-nav .nav-item > .sub-menu.raptor-services-menu {
            grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
            min-width: min(620px, calc(100vw - 48px)) !important;
            max-width: calc(100vw - 48px) !important;
            max-height: min(72vh, 640px) !important;
            overflow-y: auto !important;
            padding: 18px !important;
            border: 1px solid rgba(0, 210, 196, 0.26) !important;
            border-radius: 20px !important;
            background: rgba(8, 12, 13, 0.98) !important;
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42) !important;
        }

        .header-main .navbar .navbar-nav .nav-item > .sub-menu.raptor-services-menu li a {
            color: rgba(244, 247, 251, 0.82) !important;
            line-height: 1.35 !important;
            white-space: normal !important;
            border-radius: 12px !important;
        }

        .header-main .navbar .navbar-nav .nav-item > .sub-menu.raptor-services-menu li a:hover {
            color: #061414 !important;
            background: #00D2C4 !important;
        }

        @media (max-width: 1199px) {
            #sticky-header.header-section,
            #sticky-header.header-3,
            #sticky-header.header-4,
            #sticky-header.sticky-menu {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                min-height: 82px !important;
                padding: 0 !important;
                background: rgba(8, 11, 12, 0.94) !important;
                border-bottom: 1px solid rgba(0, 210, 196, 0.18) !important;
                box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28) !important;
                backdrop-filter: blur(16px) !important;
            }

            #sticky-header .header-main,
            #sticky-header .navbar {
                display: none !important;
            }

            #sticky-header .mobile-menu-area {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                height: 82px !important;
                min-height: 82px !important;
                padding: 16px 0 !important;
                margin: 0 !important;
                transform: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                background: rgba(8, 11, 12, 0.94) !important;
                z-index: 100000 !important;
            }

            #sticky-header .mobile-menu-area .container {
                max-width: 100% !important;
                padding-inline: clamp(18px, 4vw, 34px) !important;
            }

            #sticky-header .mobile-topbar,
            #sticky-header .mobile-topbar > .d-flex {
                min-height: 50px !important;
                height: 50px !important;
            }

            #sticky-header .mobile-topbar .logo img,
            #sticky-header .mobile-menu-main .logo img {
                width: auto !important;
                max-width: min(190px, 46vw) !important;
                max-height: 44px !important;
                height: auto !important;
                filter: brightness(0) invert(1) !important;
            }

            #sticky-header .menu-search {
                gap: 18px !important;
                height: 50px !important;
                align-items: center !important;
            }

            #sticky-header .main-header__search {
                width: 42px !important;
                height: 42px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: #ffffff !important;
                border: 1px solid rgba(0, 210, 196, 0.22) !important;
                border-radius: 999px !important;
                background: rgba(0, 210, 196, 0.08) !important;
            }

            #sticky-header .mobile-topbar .bars {
                width: 44px !important;
                height: 44px !important;
                margin: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 6px !important;
                border-radius: 999px !important;
                border: 1px solid rgba(0, 210, 196, 0.34) !important;
                background: rgba(0, 210, 196, 0.10) !important;
                cursor: pointer !important;
            }

            #sticky-header .mobile-topbar .bars span {
                width: 21px !important;
                height: 2px !important;
                margin: 0 !important;
                background: #ffffff !important;
            }

            #sticky-header .mobile-menu-overlay {
                z-index: 100001 !important;
                background: rgba(0, 0, 0, 0.62) !important;
            }

            #sticky-header .mobile-menu-main {
                position: fixed !important;
                top: 12px !important;
                left: -420px !important;
                width: min(390px, calc(100vw - 24px)) !important;
                height: calc(100dvh - 24px) !important;
                max-width: calc(100vw - 24px) !important;
                overflow-y: auto !important;
                z-index: 100002 !important;
                border: 1px solid rgba(0, 210, 196, 0.20) !important;
                border-radius: 22px !important;
                background: #070a0b !important;
                box-shadow: 0 32px 90px rgba(0, 0, 0, 0.58) !important;
            }

            #sticky-header .mobile-menu-main.active {
                left: 12px !important;
            }

            #sticky-header .mobile-menu-main .menu-body .menu-list ul li a {
                color: rgba(244, 247, 251, 0.86) !important;
                font-size: 16px !important;
                line-height: 1.35 !important;
                padding: 14px 26px !important;
                border-color: rgba(255, 255, 255, 0.08) !important;
            }

            #sticky-header .mobile-menu-main .menu-body .menu-list ul li a:hover,
            #sticky-header .mobile-menu-main .menu-body .menu-list ul li a:focus {
                color: #00D2C4 !important;
            }

            #sticky-header .mobile-menu-main .raptor-services-menu {
                max-height: 46vh !important;
                overflow-y: auto !important;
                padding: 0 0 8px !important;
                background: rgba(0, 210, 196, 0.04) !important;
            }

            #sticky-header .mobile-menu-main .raptor-services-menu li a {
                padding-left: 40px !important;
                font-size: 14px !important;
            }

            body {
                padding-top: 82px !important;
            }

            .mobile-menu-area {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                height: 82px !important;
                min-height: 82px !important;
                padding: 16px 0 !important;
                margin: 0 !important;
                transform: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                background: rgba(8, 11, 12, 0.94) !important;
                z-index: 100000 !important;
            }

            .mobile-menu-area .container {
                max-width: 100% !important;
                padding-inline: clamp(18px, 4vw, 34px) !important;
            }

            .mobile-menu-area .mobile-topbar,
            .mobile-menu-area .mobile-topbar > .d-flex {
                min-height: 50px !important;
                height: 50px !important;
            }

            .mobile-menu-area .mobile-topbar .logo img,
            .mobile-menu-area .mobile-menu-main .logo img {
                width: auto !important;
                max-width: min(190px, 46vw) !important;
                max-height: 44px !important;
                height: auto !important;
                filter: brightness(0) invert(1) !important;
            }

            .mobile-menu-area .menu-search {
                gap: 18px !important;
                height: 50px !important;
                align-items: center !important;
            }

            .mobile-menu-area .main-header__search {
                width: 42px !important;
                height: 42px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: #ffffff !important;
                border: 1px solid rgba(0, 210, 196, 0.22) !important;
                border-radius: 999px !important;
                background: rgba(0, 210, 196, 0.08) !important;
            }

            .mobile-menu-area .mobile-topbar .bars {
                width: 44px !important;
                height: 44px !important;
                margin: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 6px !important;
                border-radius: 999px !important;
                border: 1px solid rgba(0, 210, 196, 0.34) !important;
                background: rgba(0, 210, 196, 0.10) !important;
                cursor: pointer !important;
            }

            .mobile-menu-area .mobile-topbar .bars span {
                width: 21px !important;
                height: 2px !important;
                margin: 0 !important;
                background: #ffffff !important;
            }

            .mobile-menu-area .mobile-menu-overlay {
                z-index: 100001 !important;
                background: rgba(0, 0, 0, 0.62) !important;
            }

            .mobile-menu-area .mobile-menu-main {
                position: fixed !important;
                top: 12px !important;
                left: -420px !important;
                width: min(390px, calc(100vw - 24px)) !important;
                height: calc(100dvh - 24px) !important;
                max-width: calc(100vw - 24px) !important;
                overflow-y: auto !important;
                z-index: 100002 !important;
                border: 1px solid rgba(0, 210, 196, 0.20) !important;
                border-radius: 22px !important;
                background: #070a0b !important;
                box-shadow: 0 32px 90px rgba(0, 0, 0, 0.58) !important;
            }

            .mobile-menu-area .mobile-menu-main.active {
                left: 12px !important;
            }

            .mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a {
                color: rgba(244, 247, 251, 0.86) !important;
                font-size: 16px !important;
                line-height: 1.35 !important;
                padding: 14px 26px !important;
                border-color: rgba(255, 255, 255, 0.08) !important;
            }

            .mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a:hover,
            .mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a:focus {
                color: #00D2C4 !important;
            }

            .mobile-menu-area .mobile-menu-main .raptor-services-menu {
                max-height: 46vh !important;
                overflow-y: auto !important;
                padding: 0 0 8px !important;
                background: rgba(0, 210, 196, 0.04) !important;
            }

            .mobile-menu-area .mobile-menu-main .raptor-services-menu li a {
                padding-left: 40px !important;
                font-size: 14px !important;
            }
        }

        @media (max-width: 575px) {
            #sticky-header.header-section,
            #sticky-header.header-3,
            #sticky-header.header-4,
            #sticky-header.sticky-menu,
            #sticky-header .mobile-menu-area {
                min-height: 76px !important;
                height: 76px !important;
            }

            #sticky-header .mobile-menu-area {
                padding: 14px 0 !important;
            }

            #sticky-header .main-header__search {
                display: none !important;
            }

            #sticky-header .mobile-topbar .logo img {
                max-width: 154px !important;
                max-height: 38px !important;
            }

            body {
                padding-top: 76px !important;
            }

            .mobile-menu-area {
                min-height: 76px !important;
                height: 76px !important;
                padding: 14px 0 !important;
            }

            .mobile-menu-area .main-header__search {
                display: none !important;
            }

            .mobile-menu-area .mobile-topbar .logo img {
                max-width: 154px !important;
                max-height: 38px !important;
            }
        }

        /*
         * Final visual consistency pass
         * Keeps the main navigation, logo treatment, and warm template imagery
         * aligned across home, service, and service-detail pages.
         */
        body #sticky-header.header-section,
        body #sticky-header.header-3,
        body #sticky-header.header-4,
        body #sticky-header.sticky-menu {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            min-height: 96px !important;
            padding: 18px clamp(22px, 3.2vw, 56px) !important;
            margin: 0 !important;
            z-index: 99999 !important;
            background:
                radial-gradient(circle at 82% 20%, rgba(0, 210, 196, 0.12), transparent 28%),
                linear-gradient(90deg, rgba(7, 10, 11, 0.98), rgba(12, 14, 15, 0.96)) !important;
            border-bottom: 1px solid rgba(0, 210, 196, 0.18) !important;
            box-shadow: 0 18px 55px rgba(0, 0, 0, 0.34) !important;
            backdrop-filter: blur(16px) !important;
            -webkit-backdrop-filter: blur(16px) !important;
        }

        body #sticky-header .container,
        body #sticky-header .container-fluid {
            max-width: 100% !important;
            padding-inline: 0 !important;
        }

        body #sticky-header .logo img,
        body #sticky-header .navbar-brand img,
        body #sticky-header .main-logo img,
        body .mobile-menu-area .logo img,
        body .mobile-menu-area .mobile-topbar .logo img {
            width: auto !important;
            max-width: clamp(170px, 13vw, 245px) !important;
            max-height: 54px !important;
            object-fit: contain !important;
            opacity: 1 !important;
            visibility: visible !important;
            filter: brightness(0) invert(1) drop-shadow(0 0 18px rgba(0, 210, 196, 0.10)) !important;
        }

        body #sticky-header .header-main,
        body #sticky-header .main-header-wrapper,
        body #sticky-header .header-wrapper {
            min-height: 60px !important;
            align-items: center !important;
        }

        body #sticky-header .header-right {
            flex: 0 0 auto !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: clamp(18px, 1.6vw, 30px) !important;
            margin-left: clamp(22px, 2.1vw, 42px) !important;
            min-width: max-content !important;
        }

        body #sticky-header .main-header__search {
            position: relative !important;
            inset: auto !important;
            transform: none !important;
            flex: 0 0 48px !important;
            width: 48px !important;
            height: 48px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #ffffff !important;
            font-size: 25px !important;
            line-height: 1 !important;
            z-index: 2 !important;
        }

        body #sticky-header .theme-btn-main {
            flex: 0 0 auto !important;
            white-space: nowrap !important;
        }

        body #sticky-header .navbar-nav,
        body #sticky-header.header-4 .navbar-nav,
        body #sticky-header.header-4 .main-menu ul {
            display: flex !important;
            align-items: center !important;
            gap: clamp(16px, 1.55vw, 30px) !important;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }

        body #sticky-header .navbar-nav .nav-link,
        body #sticky-header .main-menu ul li > a,
        body #sticky-header.header-4 .navbar-nav .nav-item .nav-link {
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            color: #f5f8fb !important;
            font-size: clamp(15px, 0.95vw, 19px) !important;
            font-weight: 700 !important;
            letter-spacing: -0.02em !important;
            text-transform: none !important;
            line-height: 1.2 !important;
        }

        body #sticky-header .navbar-nav .nav-link:hover,
        body #sticky-header .main-menu ul li > a:hover,
        body #sticky-header.header-4 .navbar-nav .nav-item .nav-link:hover,
        body #sticky-header .navbar-nav .nav-link.active {
            color: #00D2C4 !important;
        }

        body #sticky-header .theme-btn,
        body #sticky-header .header-button .theme-btn,
        body #sticky-header .header-call-info,
        body #sticky-header.header-4 .header-call-info {
            border-color: rgba(0, 210, 196, 0.32) !important;
            background: rgba(0, 210, 196, 0.12) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

        body #sticky-header .header__hamburger .sidebar__toggle,
        body #sticky-header .sidebar__toggle,
        body #sticky-header .bars {
            color: #ffffff !important;
            border-color: rgba(0, 210, 196, 0.28) !important;
        }

        body #sticky-header + main,
        body .breadcrumb-wrapper:first-of-type,
        body .hero-section:first-of-type,
        body .hero-4:first-of-type,
        body .hero-section-4:first-of-type {
            margin-top: 0 !important;
        }

        body .hero-4 img:not([src*="logo"]):not([src*="raptor-logo"]),
        body .hero-section-4 img:not([src*="logo"]):not([src*="raptor-logo"]),
        body .hero-wrapper-4 img:not([src*="logo"]):not([src*="raptor-logo"]),
        body .service-details-section img:not([src*="logo"]):not([src*="raptor-logo"]),
        body .faq-section-5 img:not([src*="logo"]):not([src*="raptor-logo"]),
        body .service-visual-section img:not([src*="logo"]):not([src*="raptor-logo"]),
        body .service-icon-details-section img:not([src*="logo"]):not([src*="raptor-logo"]) {
            filter: hue-rotate(172deg) saturate(0.62) brightness(0.86) contrast(0.95) !important;
        }

        body .service-details-section i,
        body .service-icon-details-section i,
        body .service-details-section svg,
        body .service-icon-details-section svg {
            color: #00D2C4 !important;
            fill: #00D2C4 !important;
        }

        @media (max-width: 1199px) {
            body #sticky-header.header-section,
            body #sticky-header.header-3,
            body #sticky-header.header-4,
            body #sticky-header.sticky-menu {
                min-height: 84px !important;
                padding: 14px clamp(18px, 3.2vw, 34px) !important;
            }

            body #sticky-header .navbar-nav,
            body #sticky-header .main-menu {
                display: none !important;
            }
        }

        @media (max-width: 767px) {
            body .hero-4 .hero-content .title,
            body .breadcrumb-wrapper .page-heading h1,
            body .section-title h2,
            body .section-title .title,
            body .service-section-4 .section-title .title,
            body .testimonial-section-4 .section-title h2,
            body .testimonial-section-4 .section-title .split-title {
                font-size: clamp(38px, 13vw, 64px) !important;
                line-height: 0.98 !important;
                letter-spacing: -0.055em !important;
                max-width: 100% !important;
                overflow-wrap: anywhere !important;
                text-wrap: balance !important;
            }

            body .service-section-4 .section-title .title span,
            body .service-section-4 .section-title .title .text-1,
            body .service-section-4 .section-title .title .text-2,
            body .service-section-4 .section-title .title .text-3 {
                display: block !important;
                font-size: inherit !important;
                line-height: inherit !important;
                max-width: 100% !important;
                margin: 0 !important;
                transform: none !important;
            }

            body .service-section-4 .section-title-area,
            body .project-section-4 .section-title-area,
            body .news-section-4 .section-title-area,
            body .testimonial-section-4 .section-title-area {
                overflow: hidden !important;
            }

            body .testimonial-section-4 .title,
            body .testimonial-section-4 .marquee,
            body [class*="marquee"] {
                max-width: 100% !important;
                overflow: hidden !important;
            }

            body .project-section-4 img,
            body .award-winning-section img {
                max-width: 100% !important;
            }
        }

        /*
         * Raptor stability pass — June 2026
         * The original template relies heavily on scroll-triggered GSAP/WOW states.
         * When those triggers do not fire, large areas stay invisible. This layer
         * makes the real content readable by default while keeping the turquoise
         * brand language consistent across all pages.
         */
        body:not(.raptor-loading) #page,
        body:not(.raptor-loading) .page-wrapper,
        body:not(.raptor-loading) main,
        body:not(.raptor-loading) section,
        body:not(.raptor-loading) footer,
        body:not(.raptor-loading) .wow,
        body:not(.raptor-loading) .animated,
        body:not(.raptor-loading) .rr_title_anim,
        body:not(.raptor-loading) .char,
        body:not(.raptor-loading) .word,
        body:not(.raptor-loading) .line,
        body:not(.raptor-loading) .split-line,
        body:not(.raptor-loading) .split-word,
        body:not(.raptor-loading) .split-char {
            opacity: 1 !important;
            visibility: visible !important;
        }

        body:not(.raptor-loading) .wow,
        body:not(.raptor-loading) .animated,
        body:not(.raptor-loading) .rr_title_anim,
        body:not(.raptor-loading) .char,
        body:not(.raptor-loading) .word,
        body:not(.raptor-loading) .line,
        body:not(.raptor-loading) .split-line,
        body:not(.raptor-loading) .split-word,
        body:not(.raptor-loading) .split-char,
        body:not(.raptor-loading) [data-wow-delay],
        body:not(.raptor-loading) [data-wow-duration] {
            transform: none !important;
            -webkit-transform: none !important;
            clip-path: none !important;
            -webkit-clip-path: none !important;
            animation-delay: 0s !important;
            transition-delay: 0s !important;
        }

        body:not(.raptor-loading) .pin-spacer {
            min-height: 0 !important;
            height: auto !important;
            padding: 0 !important;
        }

        body:not(.raptor-loading) .pin-spacer > * {
            position: relative !important;
            inset: auto !important;
            transform: none !important;
            -webkit-transform: none !important;
        }

        body:not(.raptor-loading) #smooth-wrapper,
        body:not(.raptor-loading) #smooth-content {
            position: relative !important;
            inset: auto !important;
            width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
            overflow: visible !important;
            transform: none !important;
            -webkit-transform: none !important;
            will-change: auto !important;
        }

        body .section-padding,
        body .section-padding-2,
        body .section-padding-3,
        body .section-padding-4,
        body .service-section,
        body .project-section,
        body .team-section,
        body .news-section,
        body .faq-section,
        body .pricing-section,
        body .testimonial-section {
            background-color: #080c0d !important;
            color: #f5f8fb !important;
        }

        body h1,
        body h2,
        body h3,
        body h4,
        body h5,
        body h6 {
            color: #ffffff;
        }

        body p,
        body li,
        body .text,
        body .content,
        body .description {
            color: rgba(232, 239, 245, 0.82);
        }

        body a:hover,
        body .style-font,
        body .sub-title,
        body .section-title span,
        body .section-title .style-font,
        body .fa-star,
        body .fa-eye,
        body .fa-bullseye,
        body .fa-arrow-right,
        body .fa-arrow-up-right,
        body i[class*="fa-"],
        body svg path[fill="#FF4D24"],
        body svg path[fill="#ff4d24"] {
            color: #00D2C4 !important;
            fill: #00D2C4 !important;
        }

        body .theme-btn-main .arrow,
        body .theme-btn-main i,
        body .theme-btn i,
        body .news-btn i,
        body .link-btn i {
            opacity: 1 !important;
            visibility: visible !important;
            color: inherit !important;
        }

        body .team-section img:not([src*="raptor-logo"]),
        body .team-area img:not([src*="raptor-logo"]),
        body .testimonial-section img:not([src*="raptor-logo"]),
        body .client-section img:not([src*="raptor-logo"]) {
            filter: grayscale(1) sepia(0.18) hue-rotate(132deg) saturate(0.9) brightness(0.82) contrast(1.04) !important;
        }

        body #page img:not([src*="logo"]):not([src*="raptor-logo"]):not([src*="favicon"]),
        body .page-wrapper img:not([src*="logo"]):not([src*="raptor-logo"]):not([src*="favicon"]) {
            filter: grayscale(1) sepia(1) hue-rotate(128deg) saturate(1.7) brightness(0.72) contrast(1.05) !important;
        }