{"id":2604,"date":"2026-06-03T05:43:32","date_gmt":"2026-06-03T05:43:32","guid":{"rendered":"http:\/\/dev.orrisinfolab.com\/?page_id=2604"},"modified":"2026-06-08T12:42:11","modified_gmt":"2026-06-08T12:42:11","slug":"industries-we-serve","status":"publish","type":"page","link":"https:\/\/orrisinfolab.com\/index.php\/industries-we-serve\/","title":{"rendered":"Industries We Serve"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2604\" class=\"elementor elementor-2604\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c34c749 e-con-full e-flex e-con e-parent\" data-id=\"c34c749\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b26a6d2 e-con-full e-flex e-con e-child\" data-id=\"b26a6d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa7abd elementor-widget elementor-widget-html\" data-id=\"6fa7abd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\r\n    <title>ORRIS | Industries \u2013 Professional Workforce Solutions<\/title>\r\n    <!-- Google Fonts: Clean, modern, professional typography -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n    <!-- Font Awesome 6 (Free Icons) - using latest version for best compatibility -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background: #f0f4f9;   \/* ultra soft neutral background, no harsh brightness *\/\r\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n            line-height: 1.45;\r\n            color: #0f172a;\r\n        }\r\n\r\n        \/* main container \u2013 INCREASED WIDTH for full content *\/\r\n        .industries-section {\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n            padding: 3rem 2rem 4.5rem 2rem;\r\n        }\r\n\r\n        \/* Hero \/ Main Title Section - REDUCED GAPS *\/\r\n        .hero-section {\r\n            text-align: center;\r\n            margin-bottom: 2.5rem;  \/* Reduced from 4rem *\/\r\n        }\r\n\r\n        .hero-section .main-eyebrow {\r\n            font-size: 0.85rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            color: #65ab20;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;  \/* Reduced from 1rem *\/\r\n        }\r\n\r\n        .hero-section h1 {\r\n            font-size: 3.2rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #00468f 0%, #1a5fa8 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n            letter-spacing: -0.02em;\r\n            margin-bottom: 0.75rem;  \/* Reduced from 1rem *\/\r\n        }\r\n\r\n        .hero-section .hero-description {\r\n            max-width: 850px;\r\n            margin: 0.8rem auto 0;  \/* Reduced from 1.2rem auto 0 *\/\r\n            font-size: 1.05rem;\r\n            line-height: 1.6;\r\n            color: #2c3e50;\r\n            background: rgba(0,70,143,0.03);\r\n            padding: 0.8rem 1.8rem;  \/* Reduced from 1rem 1.8rem *\/\r\n            border-radius: 60px;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* modern header with brand accents *\/\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 2.5rem;  \/* Reduced from 3.2rem *\/\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #00468f 0%, #1a5fa8 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n            letter-spacing: -0.02em;\r\n            margin-bottom: 0.4rem;  \/* Reduced from 0.6rem *\/\r\n        }\r\n\r\n        .badge-line {\r\n            display: inline-block;\r\n            width: 70px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #00468f, #65ab20, #00468f);\r\n            border-radius: 4px;\r\n            background-size: 200% auto;\r\n            animation: shimmer 3s infinite linear;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n            0% { background-position: 0% 50%; }\r\n            100% { background-position: 200% 50%; }\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 1rem;\r\n            color: #2c3e50;\r\n            max-width: 680px;\r\n            margin: 0.6rem auto 0;  \/* Reduced from 1rem auto 0 *\/\r\n            font-weight: 400;\r\n            background: rgba(0,70,143,0.04);\r\n            padding: 0.4rem 1.2rem;  \/* Reduced from 0.5rem 1.2rem *\/\r\n            border-radius: 60px;\r\n            display: inline-block;\r\n            backdrop-filter: blur(2px);\r\n        }\r\n\r\n        \/* card grid \u2013 4 columns on desktop, responsive breakpoints - REDUCED GAP *\/\r\n        .industries-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.2rem;  \/* Reduced from 1.8rem *\/\r\n        }\r\n\r\n        \/* Enhanced card design: light gradient background + soft glass morphism touch *\/\r\n        .industry-card {\r\n            background: linear-gradient(145deg, #ffffff 0%, #fefefe 100%);\r\n            border-radius: 1.75rem;\r\n            padding: 1.5rem 1.2rem 1.5rem 1.2rem;  \/* Reduced padding: was 1.8rem 1.5rem *\/\r\n            transition: all 0.35s cubic-bezier(0.2, 0, 0, 1);\r\n            box-shadow: 0 12px 26px -10px rgba(0, 70, 143, 0.08), 0 2px 4px rgba(0,0,0,0.02);\r\n            border: 1px solid rgba(0, 70, 143, 0.08);\r\n            backdrop-filter: blur(0px);\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Permanent light greenish gradient from bottom-left corner toward the middle *\/\r\n        .industry-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 70%;\r\n            height: 60%;\r\n            background: radial-gradient(ellipse at bottom left, rgba(101, 171, 32, 0.22) 0%, rgba(101, 171, 32, 0.08) 50%, transparent 70%);\r\n            border-radius: inherit;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .industry-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at 0% 30%, rgba(101, 171, 32, 0.04), rgba(0, 70, 143, 0.02));\r\n            opacity: 0.4;\r\n            transition: opacity 0.5s ease;\r\n            pointer-events: none;\r\n            border-radius: inherit;\r\n            z-index: 0;\r\n        }\r\n\r\n        .industry-card:hover::before {\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .industry-card:hover::after {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .industry-card:hover {\r\n            transform: translateY(-8px) scale(1.01);\r\n            box-shadow: 0 28px 36px -14px rgba(0, 70, 143, 0.2), 0 4px 12px rgba(0, 0, 0, 0.02);\r\n            border-color: rgba(0, 70, 143, 0.2);\r\n            background: linear-gradient(135deg, #ffffff, #fafcff);\r\n        }\r\n\r\n        \/* Ensure content stays above pseudo-elements *\/\r\n        .card-icon, .industry-title, .industry-description, .card-footer-accent {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* icon wrapper \u2013 light gradient background with soft glow - REDUCED SIZE *\/\r\n        .card-icon {\r\n            background: linear-gradient(125deg, rgba(0, 70, 143, 0.08) 0%, rgba(101, 171, 32, 0.05) 100%);\r\n            width: 56px;  \/* Reduced from 64px *\/\r\n            height: 56px;  \/* Reduced from 64px *\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 1.2rem;  \/* Slightly reduced *\/\r\n            margin-bottom: 1rem;  \/* Reduced from 1.6rem *\/\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.02);\r\n        }\r\n\r\n        .industry-card:hover .card-icon {\r\n            background: linear-gradient(125deg, rgba(0, 70, 143, 0.14), rgba(101, 171, 32, 0.1));\r\n            transform: scale(1.02);\r\n            box-shadow: 0 8px 16px -8px rgba(0, 70, 143, 0.2);\r\n        }\r\n\r\n        .card-icon i {\r\n            font-size: 1.8rem;  \/* Reduced from 2.2rem *\/\r\n            color: #00468f;\r\n            transition: transform 0.25s ease, color 0.2s;\r\n        }\r\n\r\n        .industry-card:hover .card-icon i {\r\n            transform: scale(1.05);\r\n            color: #00468f;\r\n            filter: drop-shadow(0 2px 4px rgba(0,70,143,0.2));\r\n        }\r\n\r\n        \/* card title - REDUCED MARGIN *\/\r\n        .industry-title {\r\n            font-size: 1.3rem;  \/* Slightly reduced from 1.4rem *\/\r\n            font-weight: 700;\r\n            color: #0b2b44;\r\n            margin-bottom: 0.5rem;  \/* Reduced from 0.8rem *\/\r\n            letter-spacing: -0.3px;\r\n            line-height: 1.3;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .industry-card:hover .industry-title {\r\n            color: #00468f;\r\n        }\r\n\r\n        \/* description \u2013 clean and readable - REDUCED MARGIN *\/\r\n        .industry-description {\r\n            font-size: 0.88rem;  \/* Slightly reduced from 0.92rem *\/\r\n            line-height: 1.5;  \/* Slightly reduced from 1.55 *\/\r\n            color: #334155;\r\n            margin-bottom: 1rem;  \/* Reduced from 1.4rem *\/\r\n            flex: 1;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* elegant animated underline (green-blue accent) *\/\r\n        .card-footer-accent {\r\n            margin-top: auto;\r\n            width: 44px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #65ab20, #65ab20 40%, #00468f);\r\n            border-radius: 4px;\r\n            transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n        }\r\n\r\n        .industry-card:hover .card-footer-accent {\r\n            width: 90px;\r\n            background: linear-gradient(90deg, #00468f, #65ab20);\r\n        }\r\n\r\n        \/* responsive layers - UPDATED FOR CONSISTENCY *\/\r\n        @media (max-width: 1400px) {\r\n            .industries-section {\r\n                max-width: 1400px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .industries-grid {\r\n                gap: 1rem;  \/* Reduced from 1.5rem *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1100px) {\r\n            .industries-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 1rem;\r\n            }\r\n            .hero-section h1 {\r\n                font-size: 2.6rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 780px) {\r\n            .industries-section {\r\n                padding: 2rem 1.25rem 3rem;\r\n            }\r\n            .industries-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1rem;\r\n            }\r\n            .industry-card {\r\n                padding: 1.2rem;\r\n            }\r\n            .industry-title {\r\n                font-size: 1.15rem;\r\n            }\r\n            .card-icon {\r\n                width: 48px;\r\n                height: 48px;\r\n            }\r\n            .card-icon i {\r\n                font-size: 1.5rem;\r\n            }\r\n            .hero-section h1 {\r\n                font-size: 2rem;\r\n            }\r\n            .hero-section .hero-description {\r\n                font-size: 0.95rem;\r\n                padding: 0.6rem 1.2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 560px) {\r\n            .industries-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 420px;\r\n                margin: 0 auto;\r\n                gap: 1rem;\r\n            }\r\n            .section-header h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n        }\r\n\r\n        \/* subtle micro animation when cards come into view *\/\r\n        .industry-card {\r\n            animation: fadeSlideUp 0.5s ease backwards;\r\n            animation-delay: calc(var(--order, 0) * 0.03s);\r\n        }\r\n\r\n        @keyframes fadeSlideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Fix for any icon rendering issues - ensure Font Awesome loads properly *\/\r\n        .fa, .fas, .far, .fab {\r\n            font-family: \"Font Awesome 6 Free\";\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"industries-section\">\r\n    <!-- Hero Section with Main Title and Description -->\r\n    <div class=\"hero-section\">\r\n        <div class=\"main-eyebrow\">OUR INDUSTRY EXPERTISE<\/div>\r\n        <h1>Specialized Workforce Solutions Across Diverse Industries<\/h1>\r\n        <div class=\"hero-description\">\r\n            Every industry has unique workforce challenges and talent requirements. At Orris Info Lab, we deliver industry-focused recruitment, staffing, payroll, compliance, and workforce solutions that help businesses build strong, reliable teams and achieve operational excellence.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section Header for Industries (commented out as per your code) -->\r\n    <!--<div class=\"section-header\">-->\r\n    <!--    <h2>Our Specialized Industries<\/h2>-->\r\n    <!--    <div class=\"badge-line\"><\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <div class=\"industries-grid\">\r\n        <!-- 1. Manufacturing -->\r\n        <div class=\"industry-card\" style=\"--order:1;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\r\n            <div class=\"industry-title\">Manufacturing<\/div>\r\n            <div class=\"industry-description\">Skilled, semi-skilled, and technical workforce solutions for production and industrial operations.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Engineering -->\r\n        <div class=\"industry-card\" style=\"--order:2;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-drafting-compass\"><\/i><\/div>\r\n            <div class=\"industry-title\">Engineering<\/div>\r\n            <div class=\"industry-description\">Qualified talent for design, maintenance, operations, and engineering projects.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 3. Information Technology -->\r\n        <div class=\"industry-card\" style=\"--order:3;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-laptop-code\"><\/i><\/div>\r\n            <div class=\"industry-title\">Information Technology<\/div>\r\n            <div class=\"industry-description\">Recruitment solutions for technical, support, and specialized IT roles.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 4. Banking & Financial Services -->\r\n        <div class=\"industry-card\" style=\"--order:4;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n            <div class=\"industry-title\">Banking & Financial Services<\/div>\r\n            <div class=\"industry-description\">Workforce solutions for banking operations, customer service, and financial functions.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 5. FMCG -->\r\n        <div class=\"industry-card\" style=\"--order:5;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-boxes\"><\/i><\/div>\r\n            <div class=\"industry-title\">FMCG<\/div>\r\n            <div class=\"industry-description\">Reliable staffing support for manufacturing, distribution, sales, and supply chain operations.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 6. Telecom - Using PHONE ICON -->\r\n        <div class=\"industry-card\" style=\"--order:6;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n            <div class=\"industry-title\">Telecom<\/div>\r\n            <div class=\"industry-description\">Talent solutions for field operations, technical support, and customer service functions.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 7. Healthcare -->\r\n        <div class=\"industry-card\" style=\"--order:7;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-heartbeat\"><\/i><\/div>\r\n            <div class=\"industry-title\">Healthcare<\/div>\r\n            <div class=\"industry-description\">Qualified professionals and workforce support for healthcare institutions and medical facilities.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 8. Logistics & Supply Chain -->\r\n        <div class=\"industry-card\" style=\"--order:8;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-truck-fast\"><\/i><\/div>\r\n            <div class=\"industry-title\">Logistics & Supply Chain<\/div>\r\n            <div class=\"industry-description\">Workforce solutions for warehousing, transportation, inventory, and distribution operations.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 9. Retail -->\r\n        <div class=\"industry-card\" style=\"--order:9;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-store\"><\/i><\/div>\r\n            <div class=\"industry-title\">Retail<\/div>\r\n            <div class=\"industry-description\">Staffing solutions for store operations, customer engagement, and retail management.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 10. Facility Management -->\r\n        <div class=\"industry-card\" style=\"--order:10;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n            <div class=\"industry-title\">Facility Management<\/div>\r\n            <div class=\"industry-description\">Manpower support for maintenance, housekeeping, security, and facility operations.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 11. Construction & Infrastructure -->\r\n        <div class=\"industry-card\" style=\"--order:11;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\r\n            <div class=\"industry-title\">Construction & Infrastructure<\/div>\r\n            <div class=\"industry-description\">Skilled workforce solutions for project execution, site operations, and infrastructure development.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- 12. Automotive -->\r\n        <div class=\"industry-card\" style=\"--order:12;\">\r\n            <div class=\"card-icon\"><i class=\"fas fa-car\"><\/i><\/div>\r\n            <div class=\"industry-title\">Automotive<\/div>\r\n            <div class=\"industry-description\">Specialized manpower solutions for manufacturing, assembly, quality control, and production support.<\/div>\r\n            <div class=\"card-footer-accent\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ORRIS | Industries \u2013 Professional Workforce Solutions OUR INDUSTRY EXPERTISE Specialized Workforce Solutions Across Diverse Industries Every industry has unique workforce challenges and talent requirements. At Orris Info Lab, we deliver industry-focused recruitment, staffing, payroll, compliance, and workforce solutions that help businesses build strong, reliable teams and achieve operational excellence. Manufacturing Skilled, semi-skilled, and technical [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/2604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/comments?post=2604"}],"version-history":[{"count":31,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/2604\/revisions"}],"predecessor-version":[{"id":3286,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/2604\/revisions\/3286"}],"wp:attachment":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/media?parent=2604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}