{"id":3100,"date":"2024-04-28T09:43:38","date_gmt":"2024-04-28T09:43:38","guid":{"rendered":"http:\/\/dev.orrisinfolab.com\/?page_id=3100"},"modified":"2026-06-09T09:18:46","modified_gmt":"2026-06-09T09:18:46","slug":"home-page-03-copy-2","status":"publish","type":"page","link":"https:\/\/orrisinfolab.com\/index.php\/home-page-03-copy-2\/","title":{"rendered":"Careers"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Orris Infolab | Careers Hero - Reduced Height, Full Image<\/title>\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 font-family: 'Inter', sans-serif;\r\n background: #f4f7fc; \/* subtle background for context *\/\r\n }\r\n\r\n \/* ===== HERO SECTION ===== *\/\r\n .career-hero,\r\n.career-hero *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.career-hero{\r\n width:100%;\r\n margin:0 !important;\r\n padding:0 !important;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.career-hero .career-banner{\r\n position:relative;\r\n min-height:380px;\r\n display:flex;\r\n align-items:center;\r\n overflow:hidden;\r\n margin:0 !important;\r\n padding:0 !important;\r\n background:url('https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80') center center\/cover no-repeat;\r\n}\r\n\r\n.career-hero .career-banner::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n 90deg,\r\n rgba(0,70,143,.98) 0%,\r\n rgba(0,70,143,.95) 35%,\r\n rgba(0,70,143,.82) 50%,\r\n rgba(0,70,143,.35) 70%,\r\n transparent 100%\r\n );\r\n}\r\n\r\n.career-hero .hero-content{\r\n position:relative;\r\n z-index:2;\r\n max-width:650px;\r\n padding:28px 50px;\r\n margin:0;\r\n color:#fff;\r\n}\r\n\r\n.career-hero .breadcrumb{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-size:13px;\r\n color:rgba(255,255,255,.9);\r\n margin:0 0 12px;\r\n}\r\n\r\n.career-hero .breadcrumb a{\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n.career-hero .hero-title{\r\n font-size:48px;\r\n font-weight:800;\r\n line-height:1.1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n}\r\n\r\n.career-hero .hero-title .highlight{\r\n color:#65ab20;\r\n display:block;\r\n}\r\n\r\n.career-hero .hero-description{\r\n font-size:15px;\r\n line-height:1.6;\r\n max-width:540px;\r\n color:rgba(255,255,255,.92);\r\n margin:0 0 22px;\r\n}\r\n\r\n.career-hero .hero-buttons{\r\n display:flex;\r\n gap:16px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.career-hero .btn-primary{\r\n background:#65ab20;\r\n color:#fff;\r\n text-decoration:none;\r\n padding:12px 24px;\r\n border-radius:5px;\r\n font-size:14px;\r\n font-weight:600;\r\n transition:.3s;\r\n}\r\n\r\n.career-hero .btn-primary:hover{\r\n background:#5a991a;\r\n}\r\n\r\n.career-hero .btn-secondary{\r\n border:1px solid rgba(255,255,255,.4);\r\n color:#fff;\r\n text-decoration:none;\r\n padding:12px 24px;\r\n border-radius:5px;\r\n font-size:14px;\r\n font-weight:600;\r\n transition:.3s;\r\n}\r\n\r\n.career-hero .btn-secondary:hover{\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.career-hero .feature-row{\r\n display:flex;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.career-hero .feature{\r\n text-align:center;\r\n padding:0 18px;\r\n position:relative;\r\n}\r\n\r\n.career-hero .feature:first-child{\r\n padding-left:0;\r\n}\r\n\r\n.career-hero .feature:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n top:8px;\r\n right:0;\r\n width:1px;\r\n height:48px;\r\n background:rgba(255,255,255,.15);\r\n}\r\n\r\n.career-hero .feature-icon{\r\n width:44px;\r\n height:44px;\r\n border:1.5px solid #65ab20;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#65ab20;\r\n margin:0 auto 8px;\r\n}\r\n\r\n.career-hero .feature-icon svg{\r\n width:20px;\r\n height:20px;\r\n}\r\n\r\n.career-hero .feature-title{\r\n font-size:12px;\r\n color:#fff;\r\n line-height:1.4;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n \/* RESPONSIVE: maintain full image and reduced height on all devices *\/\r\n @media (max-width: 991px) {\r\n .career-banner {\r\n min-height: 340px; \/* further optimized for tablets, still full background image *\/\r\n }\r\n .hero-content {\r\n padding: 24px 30px;\r\n }\r\n .hero-title {\r\n font-size: 42px;\r\n margin-bottom: 12px;\r\n }\r\n .hero-description {\r\n font-size: 14px;\r\n margin-bottom: 20px;\r\n }\r\n .feature-row {\r\n gap: 20px;\r\n }\r\n .feature:not(:last-child)::after {\r\n display: none; \/* remove dividers on tablet for cleaner wrap *\/\r\n }\r\n .feature {\r\n padding: 0 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .career-banner {\r\n min-height: auto; \/* auto height on mobile, still shows full background *\/\r\n padding: 20px 0;\r\n }\r\n .hero-content {\r\n padding: 20px 24px;\r\n }\r\n .hero-title {\r\n font-size: 34px;\r\n margin-bottom: 10px;\r\n }\r\n .hero-description {\r\n font-size: 14px;\r\n margin-bottom: 20px;\r\n }\r\n .hero-buttons {\r\n flex-direction: column;\r\n margin-bottom: 22px;\r\n }\r\n .btn-primary,\r\n .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 10px 20px;\r\n }\r\n .feature-row {\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n .feature {\r\n width: auto;\r\n padding: 0 12px;\r\n }\r\n .feature-icon {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-content {\r\n padding: 16px 18px;\r\n }\r\n .hero-title {\r\n font-size: 28px;\r\n margin-bottom: 8px;\r\n }\r\n .hero-description {\r\n font-size: 13px;\r\n margin-bottom: 18px;\r\n }\r\n .hero-buttons {\r\n margin-bottom: 20px;\r\n }\r\n .feature {\r\n width: 45%;\r\n padding: 0 6px;\r\n }\r\n .feature-icon {\r\n width: 38px;\r\n height: 38px;\r\n }\r\n .feature-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n .feature-title {\r\n font-size: 11px;\r\n }\r\n .feature:not(:last-child)::after {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* For extra large screens: keep hero slightly taller but reduced from original 500px *\/\r\n @media (min-width: 1400px) {\r\n .career-banner {\r\n min-height: 400px; \/* still less than 500px, optimal for wide displays *\/\r\n }\r\n .hero-content {\r\n padding: 32px 50px;\r\n }\r\n .hero-title {\r\n font-size: 52px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"career-hero\">\r\n <div class=\"career-banner\">\r\n <div class=\"hero-content\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span>\u203a<\/span>\r\n <span>Careers<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Build Your Future with \r\n <span class=\"highlight\">Orris Info Lab <\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-description\">\r\n Join a growing organization where talent, innovation, and opportunities come together to create meaningful careers.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/orrisinfolab.com\/index.php\/home-page-03-copy-2\/\" class=\"btn-primary\">\r\n View Open Positions\r\n \u2192\r\n <\/a>\r\n <a href=\"https:\/\/orrisinfolab.com\/index.php\/contact\/\" class=\"btn-secondary\">\r\n Get in Touch\r\n \u2192\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"feature-row\">\r\n <div class=\"feature\">\r\n <div class=\"feature-icon\">\r\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18M5 21V7l7-4 7 4v14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n Career <br>Growth \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <div class=\"feature-icon\">\r\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M4 20V4h16v16M4 9h16M9 4v16\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n Industry <br>Exposure \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <div class=\"feature-icon\">\r\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M4 18l5-5 4 4 7-9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n Learning<br> Opportunities \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <div class=\"feature-icon\">\r\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"\/>\r\n <path d=\"M20 22V4a2 2 0 00-2-2H6.5A2.5 2.5 0 004 4.5v15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n Supportive<br> Culture \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Extra spacing to show section fits comfortably without dominating viewport -->\r\n<div style=\"height: 30px;\"><\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceb43df e-grid e-con-boxed e-con e-parent\" data-id=\"ceb43df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-69ac88c-0686a52\" data-interaction-id=\"69ac88c\" id=\"1823\" src=\"https:\/\/orrisinfolab.com\/wp-content\/uploads\/2024\/05\/page-banner__img1.jpg\" width=\"570\" height=\"445\" srcset=\"https:\/\/orrisinfolab.com\/wp-content\/uploads\/2024\/05\/page-banner__img1.jpg 570w, https:\/\/orrisinfolab.com\/wp-content\/uploads\/2024\/05\/page-banner__img1-300x234.jpg 300w, https:\/\/orrisinfolab.com\/wp-content\/uploads\/2024\/05\/page-banner__img1-385x302.jpg 385w\" alt=\"\"\/>\t\t<div class=\"elementor-element elementor-element-9432c41 e-con e-atomic-element e-div-block-base e-9432c41-3844162 \" data-id=\"9432c41\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"9432c41\">\n \t\t<div class=\"elementor-element elementor-element-200e843 elementor-widget elementor-widget-html\" data-id=\"200e843\" 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>Service Overview | Orris Infolab<\/title>\r\n <style>\r\n \/* RESET & BASE - minimal spacing, reduced font scale *\/\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: #f4f7fc;\r\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* main section wrapper - compact, clean, fits any screen *\/\r\n .service-overview-block {\r\n max-width: 1280px;\r\n margin: 1rem auto;\r\n background: #ffffff;\r\n border-radius: 24px;\r\n box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.05);\r\n overflow: hidden;\r\n }\r\n\r\n \/* inner container - reduced gaps *\/\r\n .service-container {\r\n padding: 1.5rem 1.8rem 1.4rem 1.8rem;\r\n }\r\n\r\n \/* TOP section: SERVICE OVERVIEW badge + heading + description - smaller fonts *\/\r\n .top-section {\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .section-badge {\r\n font-size: 0.7rem;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n color: #65ab20;\r\n margin-bottom: 0.4rem;\r\n display: inline-block;\r\n border-left: 2.5px solid #65ab20;\r\n padding-left: 8px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 1.65rem;\r\n font-weight: 800;\r\n line-height: 1.25;\r\n color: #00468f;\r\n margin-bottom: 0.6rem;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .main-heading .highlight {\r\n color: #65ab20;\r\n }\r\n\r\n .description-text {\r\n color: #2c3e4e;\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n max-width: 90%;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n \/* stats row - compact stats *\/\r\n .stats-row {\r\n display: flex;\r\n gap: 1.2rem;\r\n margin-top: 0.5rem;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .stat-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n color: #00468f;\r\n }\r\n\r\n .stat-dot-green {\r\n width: 6px;\r\n height: 6px;\r\n background: #65ab20;\r\n border-radius: 10px;\r\n }\r\n\r\n .stat-dot-navy {\r\n width: 6px;\r\n height: 6px;\r\n background: #00468f;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* 4 BOXES IN SINGLE LINE (flex row) - icon + heading only, no extra text *\/\r\n .services-row {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* each service card - compact, minimal padding *\/\r\n .service-card-compact {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 18px;\r\n padding: 0.9rem 0.5rem;\r\n text-align: center;\r\n transition: all 0.2s ease;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);\r\n cursor: default;\r\n }\r\n\r\n .service-card-compact:hover {\r\n transform: translateY(-2px);\r\n border-color: #65ab20;\r\n box-shadow: 0 6px 12px -6px rgba(101, 171, 32, 0.12);\r\n }\r\n\r\n \/* icon - slightly smaller for better fit *\/\r\n .card-icon-compact {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(101, 171, 32, 0.1);\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 24px;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .card-icon-compact svg {\r\n width: 26px;\r\n height: 26px;\r\n stroke: #65ab20;\r\n stroke-width: 1.7;\r\n fill: none;\r\n }\r\n\r\n \/* heading inside cards - reduced font size *\/\r\n .service-card-compact h3 {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n color: #00468f;\r\n margin: 0;\r\n letter-spacing: -0.2px;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* remove any paragraph inside boxes *\/\r\n .service-card-compact p {\r\n display: none;\r\n }\r\n\r\n \/* bottom CTA - minimal *\/\r\n .bottom-cta {\r\n margin-top: 1.4rem;\r\n padding-top: 0.8rem;\r\n border-top: 1px solid #edf2f7;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n\r\n .pill-link {\r\n background: #00468f;\r\n color: white;\r\n border-radius: 40px;\r\n padding: 0.35rem 1rem;\r\n font-size: 0.75rem;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .pill-link:hover {\r\n background: #65ab20;\r\n }\r\n\r\n \/* Responsive: on smaller screens boxes wrap but still fit *\/\r\n @media (max-width: 900px) {\r\n .services-row {\r\n flex-wrap: wrap;\r\n gap: 0.8rem;\r\n }\r\n .service-card-compact {\r\n flex: 1 1 calc(50% - 0.6rem);\r\n min-width: 150px;\r\n }\r\n .description-text {\r\n max-width: 100%;\r\n font-size: 0.85rem;\r\n }\r\n .main-heading {\r\n font-size: 1.5rem;\r\n }\r\n .service-container {\r\n padding: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .service-card-compact {\r\n flex: 1 1 100%;\r\n }\r\n .stats-row {\r\n flex-wrap: wrap;\r\n gap: 0.6rem;\r\n }\r\n .main-heading {\r\n font-size: 1.35rem;\r\n }\r\n .description-text {\r\n font-size: 0.8rem;\r\n }\r\n .section-badge {\r\n font-size: 0.65rem;\r\n }\r\n .service-card-compact h3 {\r\n font-size: 0.85rem;\r\n }\r\n .card-icon-compact {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n .card-icon-compact svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n .service-container {\r\n padding: 1rem;\r\n }\r\n }\r\n\r\n \/* extra small devices *\/\r\n @media (max-width: 400px) {\r\n .main-heading {\r\n font-size: 1.25rem;\r\n }\r\n .description-text {\r\n font-size: 0.75rem;\r\n }\r\n .stat-item {\r\n font-size: 0.65rem;\r\n }\r\n .service-card-compact h3 {\r\n font-size: 0.8rem;\r\n }\r\n .pill-link {\r\n font-size: 0.7rem;\r\n padding: 0.3rem 0.9rem;\r\n }\r\n }\r\n\r\n \/* ensure no overflow on any screen *\/\r\n .service-container, .services-row, .top-section {\r\n overflow-x: visible;\r\n word-wrap: break-word;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"service-overview-block\">\r\n <div class=\"service-container\">\r\n <!-- SERVICE OVERVIEW + BADGE, main heading and description - all fonts reduced -->\r\n <div class=\"top-section\">\r\n <div class=\"section-badge\">CAREERS AT ORRIS INFOLAB <\/div>\r\n <h3 class=\"main-heading\">Grow, Learn, and Make an Impact <br><\/h2>\r\n <p class=\"description-text\">\r\n At Orris Info Lab, we believe people are the driving force behind every success story. We provide an environment where professionals can learn, grow, and contribute to meaningful workforce solutions while building rewarding careers across diverse industries.\r\n <\/p>\r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-dot-green\"><\/div>\r\n <span>Trusted Workforce Partner<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-dot-navy\"><\/div>\r\n <span>Growth-Oriented Culture <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 4 service boxes in a SINGLE LINE - only icon + heading, NO paragraphs inside, fonts reduced -->\r\n <div class=\"services-row\">\r\n <!-- Box 1: Permanent Hiring -->\r\n <div class=\"service-card-compact\">\r\n <div class=\"card-icon-compact\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Professional<br> Development <\/h3>\r\n <\/div>\r\n\r\n <!-- Box 2: Executive Search -->\r\n <div class=\"service-card-compact\">\r\n <div class=\"card-icon-compact\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Collaborative<br> Environment <\/h3>\r\n <\/div>\r\n\r\n <!-- Box 3: Bulk Recruitment -->\r\n <div class=\"service-card-compact\">\r\n <div class=\"card-icon-compact\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Industry<br> Exposure <\/h3>\r\n <\/div>\r\n\r\n <!-- Box 4: Industry-Specific Hiring -->\r\n <div class=\"service-card-compact\">\r\n <div class=\"card-icon-compact\">\r\n <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path d=\"M3 9l9-6 9 6v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n <polyline points=\"9 22 9 12 15 12 15 22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Career<br> Progression<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- minimal bottom CTA (optional lightweight call to action) -->\r\n \r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-111d999 e-con-full e-flex e-con e-parent\" data-id=\"111d999\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92ab1fe elementor-widget elementor-widget-html\" data-id=\"92ab1fe\" 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 | Work With Us \u2013 More Than a Job, A Place to Grow<\/title>\r\n<!-- Google Fonts: Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n<!-- Font Awesome 6 -->\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 font-family: 'Inter', sans-serif;\r\n background: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* ========== MAIN CAREERS SECTION ========== *\/\r\n .careers-section {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 4rem 0 5rem;\r\n position: relative;\r\n }\r\n \r\n \/* subtle brand accent background *\/\r\n .careers-section::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-image: radial-gradient(circle at 20% 30%, rgba(101, 171, 32, 0.02) 2%, transparent 2.5%);\r\n background-size: 50px 50px;\r\n pointer-events: none;\r\n }\r\n \r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n \/* ===== WHY WORK WITH US SECTION (More Than a Job) ===== *\/\r\n .why-work-section {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n }\r\n \r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(101, 171, 32, 0.12);\r\n color: #65ab20;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n padding: 0.35rem 1.2rem;\r\n border-radius: 50px;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .main-headline {\r\n font-size: 2.6rem;\r\n font-weight: 800;\r\n color: #0a2e3b;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n margin-bottom: 0.75rem;\r\n }\r\n \r\n .main-headline span {\r\n color: #65ab20;\r\n border-bottom: 3px solid #65ab20;\r\n padding-bottom: 4px;\r\n display: inline-block;\r\n }\r\n \r\n .headline-sub {\r\n font-size: 1rem;\r\n color: #5a6e7a;\r\n max-width: 600px;\r\n margin: 0 auto 2rem auto;\r\n font-weight: 500;\r\n }\r\n \r\n \/* Benefits Row - SINGLE LINE with AUTO-SCROLL, hidden scrollbar *\/\r\n .benefits-row {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n gap: 1.5rem;\r\n overflow-x: auto;\r\n padding: 0.5rem 0.5rem 1rem 0.5rem;\r\n \/* HIDE SCROLLBAR completely *\/\r\n scrollbar-width: none; \/* Firefox *\/\r\n -ms-overflow-style: none; \/* IE\/Edge *\/\r\n cursor: grab;\r\n scroll-behavior: smooth;\r\n }\r\n \r\n \/* Hide scrollbar for Chrome\/Safari\/Opera *\/\r\n .benefits-row::-webkit-scrollbar {\r\n display: none;\r\n }\r\n \r\n .benefits-row:active {\r\n cursor: grabbing;\r\n }\r\n \r\n .benefit-card {\r\n flex: 0 0 220px;\r\n min-width: 210px;\r\n background: #ffffff;\r\n border-radius: 24px;\r\n padding: 1.6rem 1.2rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: 1px solid #eef2f0;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\r\n }\r\n \r\n .benefit-card:hover {\r\n transform: translateY(-6px);\r\n border-color: #cde0b5;\r\n box-shadow: 0 20px 28px -12px rgba(101, 171, 32, 0.12);\r\n }\r\n \r\n .benefit-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: rgba(101, 171, 32, 0.1);\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem auto;\r\n }\r\n \r\n .benefit-icon i {\r\n font-size: 1.6rem;\r\n color: #65ab20;\r\n }\r\n \r\n .benefit-card h3 {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: #1a3a48;\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .benefit-card p {\r\n font-size: 0.75rem;\r\n color: #6b7e8c;\r\n line-height: 1.4;\r\n font-weight: 500;\r\n }\r\n \r\n \/* Scroll indicator dots *\/\r\n .scroll-indicator {\r\n text-align: center;\r\n margin-top: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n .scroll-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: #cbdae6;\r\n border-radius: 50%;\r\n transition: all 0.3s;\r\n }\r\n .scroll-dot.active {\r\n background: #65ab20;\r\n width: 20px;\r\n border-radius: 4px;\r\n }\r\n \r\n \/* ===== JOB SEARCH & OPENINGS SECTION - BRAND COLORS ===== *\/\r\n .jobs-section {\r\n margin-top: 2rem;\r\n }\r\n \r\n .section-divider {\r\n text-align: center;\r\n margin: 3rem 0 2rem;\r\n }\r\n \r\n .section-divider h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #00468f; \/* Blue brand color *\/\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .section-divider p {\r\n color: #5a6e7a;\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Search Bar - Brand Colors *\/\r\n .search-container {\r\n background: #f8faf7;\r\n border-radius: 80px;\r\n padding: 0.3rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-bottom: 2.5rem;\r\n border: 1px solid #e2e8e0;\r\n }\r\n \r\n .search-input-group {\r\n flex: 2;\r\n display: flex;\r\n align-items: center;\r\n background: #ffffff;\r\n border-radius: 60px;\r\n padding: 0.5rem 1.2rem;\r\n gap: 8px;\r\n border: 1px solid #eef2e8;\r\n }\r\n \r\n .search-input-group i {\r\n color: #65ab20;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .search-input-group input {\r\n border: none;\r\n outline: none;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.85rem;\r\n width: 100%;\r\n background: transparent;\r\n }\r\n \r\n .search-input-group input:focus {\r\n color: #00468f;\r\n }\r\n \r\n .filter-select {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 60px;\r\n padding: 0.5rem 1rem;\r\n border: 1px solid #eef2e8;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: #1a3a48;\r\n cursor: pointer;\r\n outline: none;\r\n transition: all 0.2s ease;\r\n }\r\n \r\n .filter-select:hover {\r\n border-color: #65ab20;\r\n }\r\n \r\n .filter-select:focus {\r\n border-color: #00468f;\r\n box-shadow: 0 0 0 2px rgba(0, 70, 143, 0.1);\r\n }\r\n \r\n .search-btn {\r\n background: #00468f;\r\n border: none;\r\n border-radius: 60px;\r\n padding: 0.6rem 1.8rem;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n font-family: 'Inter', sans-serif;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n \r\n .search-btn:hover {\r\n background: #003570;\r\n transform: scale(0.98);\r\n }\r\n \r\n .search-btn i {\r\n font-size: 0.7rem;\r\n }\r\n \r\n \/* Job Cards Grid *\/\r\n .jobs-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n gap: 1.8rem;\r\n margin-top: 1rem;\r\n }\r\n \r\n .job-card {\r\n background: #ffffff;\r\n border-radius: 24px;\r\n border: 1px solid #eef2f0;\r\n padding: 1.6rem;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .job-card:hover {\r\n transform: translateY(-4px);\r\n border-color: #65ab20;\r\n box-shadow: 0 12px 24px -12px rgba(0, 70, 143, 0.12);\r\n }\r\n \r\n .job-title {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n color: #00468f;\r\n margin-bottom: 1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .job-badge {\r\n background: rgba(101, 171, 32, 0.12);\r\n color: #65ab20;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n padding: 0.2rem 0.7rem;\r\n border-radius: 30px;\r\n }\r\n \r\n .job-details {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n padding-bottom: 1rem;\r\n border-bottom: 1px solid #eff3f0;\r\n }\r\n \r\n .detail-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.75rem;\r\n color: #5c6f7e;\r\n font-weight: 500;\r\n }\r\n \r\n .detail-item i {\r\n color: #65ab20;\r\n width: 16px;\r\n font-size: 0.7rem;\r\n }\r\n \r\n .job-description {\r\n font-size: 0.8rem;\r\n color: #6c818f;\r\n line-height: 1.5;\r\n margin-bottom: 1.2rem;\r\n }\r\n \r\n .view-details {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: #00468f;\r\n font-weight: 700;\r\n font-size: 0.75rem;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n \r\n .view-details:hover {\r\n gap: 10px;\r\n color: #65ab20;\r\n }\r\n \r\n \/* Footer *\/\r\n .footer-note {\r\n margin-top: 3rem;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n border-top: 1px solid #eef2e8;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n font-size: 0.7rem;\r\n color: #8a9aa8;\r\n }\r\n \r\n .footer-note .brand-mark {\r\n font-weight: 800;\r\n color: #00468f;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .weather-info {\r\n display: flex;\r\n gap: 1rem;\r\n align-items: center;\r\n }\r\n \r\n .weather-info i {\r\n color: #65ab20;\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 800px) {\r\n .container {\r\n padding: 0 1.2rem;\r\n }\r\n .main-headline {\r\n font-size: 2rem;\r\n }\r\n .search-container {\r\n flex-direction: column;\r\n background: transparent;\r\n padding: 0;\r\n gap: 0.8rem;\r\n }\r\n .search-input-group {\r\n width: 100%;\r\n }\r\n .filter-select {\r\n width: 100%;\r\n }\r\n .search-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n \r\n @media (max-width: 550px) {\r\n .main-headline {\r\n font-size: 1.6rem;\r\n }\r\n .benefit-card {\r\n flex: 0 0 170px;\r\n min-width: 160px;\r\n padding: 1rem 0.6rem;\r\n }\r\n .jobs-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .footer-note {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .section-divider h3 {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n \r\n<div class=\"careers-section\">\r\n<div class=\"container\">\r\n \r\n <!-- WHY WORK WITH US: More Than a Job \u2013 A Place to Grow (auto-scroll horizontal row) -->\r\n <div class=\"why-work-section\">\r\n <div class=\"eyebrow\">WHY WORK WITH US <\/div>\r\n <h1 class=\"main-headline\">More Than a Workplace \u2014 <span>A Career Destination <\/span><\/h1>\r\n <p class=\"headline-sub\">We invest in our people by creating opportunities for growth, learning, and long-term success. <\/p>\r\n \r\n <!-- 6 Core Benefits in a SINGLE ROW with AUTO-SCROLL (seamless loop) -->\r\n <div class=\"benefits-row\" id=\"benefitsRow\">\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <h3>Career Development <\/h3>\r\n <p>Clear growth opportunities to help you achieve your professional goals.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n <h3>Continuous Learning <\/h3>\r\n <p>Upskilling programs, training sessions, and knowledge-sharing initiatives. <\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <h3>Collaborative Culture <\/h3>\r\n <p>Work with supportive teams that value ideas and teamwork.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n <h3>Work-Life Balance<\/h3>\r\n <p>A positive environment that promotes productivity and well-being. <\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-briefcase\"><\/i><\/div>\r\n <h3>Industry Exposure<\/h3>\r\n <p>Gain experience across multiple industries and business functions.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-trophy\"><\/i><\/div>\r\n <h3>Recognition & Rewards<\/h3>\r\n <p>Celebrating achievements and recognizing valuable contributions. <\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-chalkboard-user\"><\/i><\/div>\r\n <h3>Leadership Opportunities<\/h3>\r\n <p>Take ownership and develop future leadership capabilities.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n <h3>Innovation Driven<\/h3>\r\n <p>Be part of projects that encourage creativity and new thinking.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-hand-sparkles\"><\/i><\/div>\r\n <h3>Employee Engagement<\/h3>\r\n <p>Participate in activities that strengthen workplace connections.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\"><i class=\"fas fa-seedling\"><\/i><\/div>\r\n <h3>Long-Term Growth<\/h3>\r\n <p>Build a stable and rewarding career with ongoing opportunities.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-indicator\" id=\"scrollIndicator\"><\/div>\r\n <\/div>\r\n\r\n <!-- JOB SEARCH & OPENINGS SECTION (Find Your Next Opportunity) -->\r\n <div class=\"jobs-section\">\r\n <div class=\"section-divider\">\r\n <h3>Explore Opportunities That Match Your Potential <\/h3>\r\n <p>Discover roles where your skills, passion, and ambition can thrive.<\/p>\r\n <\/div>\r\n \r\n <!-- Search Filters with Brand Colors -->\r\n <div class=\"search-container\">\r\n <div class=\"search-input-group\">\r\n <i class=\"fas fa-search\"><\/i>\r\n <input type=\"text\" id=\"searchKeyword\" placeholder=\"Job title or keyword...\">\r\n <\/div>\r\n <select id=\"deptFilter\" class=\"filter-select\">\r\n <option value=\"\">Department<\/option>\r\n <option>Engineering<\/option>\r\n <option>HR<\/option>\r\n <option>Recruitment<\/option>\r\n <option>Product<\/option>\r\n <option>Analytics<\/option>\r\n <option>Sales<\/option>\r\n <option>Marketing<\/option>\r\n <option>Finance<\/option>\r\n <\/select>\r\n <select id=\"locationFilter\" class=\"filter-select\">\r\n <option value=\"\">Location<\/option>\r\n <option>Hyderabad<\/option>\r\n <option>Bangalore<\/option>\r\n <option>Mumbai<\/option>\r\n <option>Delhi NCR<\/option>\r\n <option>Pune<\/option>\r\n <option>Chennai<\/option>\r\n <\/select>\r\n <select id=\"expFilter\" class=\"filter-select\">\r\n <option value=\"\">Experience<\/option>\r\n <option>0-2 Years<\/option>\r\n <option>2-5 Years<\/option>\r\n <option>5-8 Years<\/option>\r\n <option>8+ Years<\/option>\r\n <\/select>\r\n <select id=\"typeFilter\" class=\"filter-select\">\r\n <option value=\"\">Job Type<\/option>\r\n <option>Full Time<\/option>\r\n <option>Part Time<\/option>\r\n <option>Contract<\/option>\r\n <option>Remote<\/option>\r\n <option>Hybrid<\/option>\r\n <\/select>\r\n <button class=\"search-btn\" id=\"searchBtn\">Search Jobs <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n \r\n <!-- CURRENT JOB OPENINGS -->\r\n <div class=\"section-divider\" style=\"margin-top: 1rem;\">\r\n <h3 style=\"font-size: 1.4rem; color: #00468f;\">CURRENT OPENINGS <\/h3>\r\n <\/div>\r\n \r\n <div class=\"jobs-grid\" id=\"jobsGrid\">\r\n <!-- Software Developer Card -->\r\n <div class=\"job-card\" data-department=\"Engineering\" data-location=\"Bangalore\" data-experience=\"3-5 Years\" data-type=\"Full Time\">\r\n <div class=\"job-title\">\r\n Talent Acquisition Executive \r\n <span class=\"job-badge\">Full Time<\/span>\r\n <\/div>\r\n <div class=\"job-details\">\r\n <span class=\"detail-item\"><i class=\"fas fa-building\"><\/i> Human Resources <\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-calendar-alt\"><\/i> 1-3 Years<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-clock\"><\/i> Full Time<\/span>\r\n <\/div>\r\n <p class=\"job-description\">\r\n Help identify, attract, and engage top talent while supporting recruitment operations. \r\n <\/p>\r\n <a href=\"#\" class=\"view-details\">View Details <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n <\/div>\r\n \r\n <!-- HR Executive Card -->\r\n <div class=\"job-card\" data-department=\"HR\" data-location=\"Hyderabad\" data-experience=\"1-3 Years\" data-type=\"Full Time\">\r\n <div class=\"job-title\">\r\n HR Executive \r\n <span class=\"job-badge\">Full Time<\/span>\r\n <\/div>\r\n <div class=\"job-details\">\r\n <span class=\"detail-item\"><i class=\"fas fa-building\"><\/i> Human Resources <\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-calendar-alt\"><\/i> 1-3 Years<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-clock\"><\/i> Full Time<\/span>\r\n <\/div>\r\n <p class=\"job-description\">\r\n Support employee engagement, HR operations, and workforce management activities.\r\n <\/p>\r\n <a href=\"#\" class=\"view-details\">View Details <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n <\/div>\r\n \r\n <!-- Recruitment Specialist Card -->\r\n <div class=\"job-card\" data-department=\"Recruitment\" data-location=\"Mumbai\" data-experience=\"2-4 Years\" data-type=\"Full Time\">\r\n <div class=\"job-title\">\r\n Business Development Executive \r\n <span class=\"job-badge\">Full Time<\/span>\r\n <\/div>\r\n <div class=\"job-details\">\r\n <span class=\"detail-item\"><i class=\"fas fa-building\"><\/i> Sales<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-calendar-alt\"><\/i> 2-4 Years<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-clock\"><\/i> Full Time<\/span>\r\n <\/div>\r\n <p class=\"job-description\">\r\n Build client relationships and drive business growth through strategic outreach. \r\n <\/p>\r\n <a href=\"#\" class=\"view-details\">View Details <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n <\/div>\r\n \r\n <!-- Product Manager Card -->\r\n <div class=\"job-card\" data-department=\"Product\" data-location=\"Delhi NCR\" data-experience=\"4-7 Years\" data-type=\"Full Time\">\r\n <div class=\"job-title\">\r\n Payroll Executive \r\n <span class=\"job-badge\">Full Time<\/span>\r\n <\/div>\r\n <div class=\"job-details\">\r\n <span class=\"detail-item\"><i class=\"fas fa-building\"><\/i> Operations<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-calendar-alt\"><\/i> 2-4 Years<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-clock\"><\/i> Full Time<\/span>\r\n <\/div>\r\n <p class=\"job-description\">\r\n Manage payroll processing, compliance, and employee records accurately. \r\n <\/p>\r\n <a href=\"#\" class=\"view-details\">View Details <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n <\/div>\r\n \r\n <!-- Data Analyst Card -->\r\n <div class=\"job-card\" data-department=\"Analytics\" data-location=\"Pune\" data-experience=\"2-4 Years\" data-type=\"Full Time\">\r\n <div class=\"job-title\">\r\n Recruitment Specialist \r\n <span class=\"job-badge\">Full Time<\/span>\r\n <\/div>\r\n <div class=\"job-details\">\r\n <span class=\"detail-item\"><i class=\"fas fa-building\"><\/i> Recruitment<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-calendar-alt\"><\/i> 2-5 Years<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-clock\"><\/i> Full Time<\/span>\r\n <\/div>\r\n <p class=\"job-description\">\r\n Source, screen, and place qualified candidates across industries. \r\n <\/p>\r\n <a href=\"#\" class=\"view-details\">View Details <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n <\/div>\r\n \r\n <!-- Business Development Associate Card -->\r\n <div class=\"job-card\" data-department=\"Sales\" data-location=\"Chennai\" data-experience=\"1-3 Years\" data-type=\"Full Time\">\r\n <div class=\"job-title\">\r\n Staffing Coordinator\r\n <span class=\"job-badge\">Full Time<\/span>\r\n <\/div>\r\n <div class=\"job-details\">\r\n <span class=\"detail-item\"><i class=\"fas fa-building\"><\/i> Staffing Operations<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-calendar-alt\"><\/i> 1-4 Years<\/span>\r\n <span class=\"detail-item\"><i class=\"fas fa-clock\"><\/i> Full Time<\/span>\r\n <\/div>\r\n <p class=\"job-description\">\r\n Manage workforce deployment, attendance tracking, and client coordination. \r\n <\/p>\r\n <a href=\"#\" class=\"view-details\">View Details <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ ========== AUTO-SCROLL HORIZONTAL BENEFITS ROW (Seamless Loop) ==========\r\n (function() {\r\n const row = document.getElementById('benefitsRow');\r\n if (!row) return;\r\n const originalCards = Array.from(row.children);\r\n if (originalCards.length === 0) return;\r\n \r\n \/\/ Clone cards for seamless infinite scroll\r\n const cloneCount = 2;\r\n for (let i = 0; i < cloneCount; i++) {\r\n originalCards.forEach(card => {\r\n const clone = card.cloneNode(true);\r\n row.appendChild(clone);\r\n });\r\n }\r\n \r\n const getOriginalSetWidth = () => {\r\n const totalCards = originalCards.length;\r\n let totalWidth = 0;\r\n const allChildren = Array.from(row.children);\r\n const firstSetChildren = allChildren.slice(0, totalCards);\r\n firstSetChildren.forEach(child => {\r\n totalWidth += child.offsetWidth;\r\n });\r\n const rowStyles = window.getComputedStyle(row);\r\n const gapValue = parseFloat(rowStyles.gap) || 0;\r\n totalWidth += (totalCards - 1) * gapValue;\r\n return totalWidth;\r\n };\r\n \r\n let originalSetWidth = 0;\r\n let autoScrollActive = true;\r\n let isHovering = false;\r\n let scrollSpeed = 0.8;\r\n let scrollAnimationId = null;\r\n \r\n const startAutoScroll = () => {\r\n if (scrollAnimationId) cancelAnimationFrame(scrollAnimationId);\r\n const step = () => {\r\n if (!autoScrollActive || isHovering) {\r\n scrollAnimationId = requestAnimationFrame(step);\r\n return;\r\n }\r\n if (row && originalSetWidth > 0) {\r\n row.scrollLeft += scrollSpeed;\r\n if (row.scrollLeft >= originalSetWidth * (cloneCount + 0.5)) {\r\n row.scrollLeft = row.scrollLeft - originalSetWidth * cloneCount;\r\n }\r\n if (row.scrollLeft < 0) {\r\n row.scrollLeft = originalSetWidth;\r\n }\r\n }\r\n scrollAnimationId = requestAnimationFrame(step);\r\n };\r\n scrollAnimationId = requestAnimationFrame(step);\r\n };\r\n \r\n const pauseAutoScroll = () => { isHovering = true; };\r\n const resumeAutoScroll = () => { isHovering = false; };\r\n \r\n row.addEventListener('mouseenter', pauseAutoScroll);\r\n row.addEventListener('mouseleave', resumeAutoScroll);\r\n row.addEventListener('touchstart', pauseAutoScroll);\r\n row.addEventListener('touchend', resumeAutoScroll);\r\n \r\n \/\/ Drag-to-scroll\r\n let isDown = false;\r\n let startX;\r\n let scrollLeftPos;\r\n let dragTimeout;\r\n \r\n row.addEventListener('mousedown', (e) => {\r\n isDown = true;\r\n row.style.cursor = 'grabbing';\r\n startX = e.pageX - row.offsetLeft;\r\n scrollLeftPos = row.scrollLeft;\r\n pauseAutoScroll();\r\n e.preventDefault();\r\n });\r\n row.addEventListener('mouseleave', () => {\r\n if (isDown) {\r\n isDown = false;\r\n row.style.cursor = 'grab';\r\n clearTimeout(dragTimeout);\r\n dragTimeout = setTimeout(() => { if (!isHovering) resumeAutoScroll(); }, 200);\r\n }\r\n });\r\n row.addEventListener('mouseup', () => {\r\n if (isDown) {\r\n isDown = false;\r\n row.style.cursor = 'grab';\r\n clearTimeout(dragTimeout);\r\n dragTimeout = setTimeout(() => { if (!isHovering) resumeAutoScroll(); }, 200);\r\n }\r\n });\r\n row.addEventListener('mousemove', (e) => {\r\n if (!isDown) return;\r\n e.preventDefault();\r\n const x = e.pageX - row.offsetLeft;\r\n const walk = (x - startX) * 1.2;\r\n row.scrollLeft = scrollLeftPos - walk;\r\n });\r\n row.addEventListener('touchstart', (e) => {\r\n isDown = true;\r\n startX = e.touches[0].pageX - row.offsetLeft;\r\n scrollLeftPos = row.scrollLeft;\r\n pauseAutoScroll();\r\n });\r\n row.addEventListener('touchend', () => {\r\n isDown = false;\r\n setTimeout(() => { if (!isHovering) resumeAutoScroll(); }, 200);\r\n });\r\n row.addEventListener('touchmove', (e) => {\r\n if (!isDown) return;\r\n const x = e.touches[0].pageX - row.offsetLeft;\r\n const walk = (x - startX) * 1;\r\n row.scrollLeft = scrollLeftPos - walk;\r\n });\r\n row.style.cursor = 'grab';\r\n \r\n const initAutoScroll = () => {\r\n originalSetWidth = getOriginalSetWidth();\r\n if (originalSetWidth > 0) startAutoScroll();\r\n else setTimeout(initAutoScroll, 100);\r\n };\r\n window.addEventListener('load', () => setTimeout(initAutoScroll, 200));\r\n if (document.readyState === 'complete') setTimeout(initAutoScroll, 100);\r\n else window.addEventListener('load', initAutoScroll);\r\n \r\n let resizeTimeout;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimeout);\r\n resizeTimeout = setTimeout(() => { originalSetWidth = getOriginalSetWidth(); }, 150);\r\n });\r\n })();\r\n\r\n \/\/ ========== JOB SEARCH & FILTER FUNCTIONALITY ==========\r\n (function() {\r\n const searchInput = document.getElementById('searchKeyword');\r\n const deptSelect = document.getElementById('deptFilter');\r\n const locationSelect = document.getElementById('locationFilter');\r\n const expSelect = document.getElementById('expFilter');\r\n const typeSelect = document.getElementById('typeFilter');\r\n const searchBtn = document.getElementById('searchBtn');\r\n const jobsGrid = document.getElementById('jobsGrid');\r\n \r\n function getJobs() {\r\n return Array.from(jobsGrid.querySelectorAll('.job-card'));\r\n }\r\n \r\n function normalizeText(str) {\r\n return str ? str.toLowerCase().trim() : '';\r\n }\r\n \r\n function matchesFilters(job) {\r\n let keyword = normalizeText(searchInput.value);\r\n const titleElem = job.querySelector('.job-title');\r\n let titleText = titleElem ? normalizeText(titleElem.innerText.split('Full')[0]) : '';\r\n const descElem = job.querySelector('.job-description');\r\n let descText = descElem ? normalizeText(descElem.innerText) : '';\r\n let keywordMatch = true;\r\n if (keyword !== '') {\r\n keywordMatch = titleText.includes(keyword) || descText.includes(keyword);\r\n }\r\n \r\n let selectedDept = deptSelect.value;\r\n let deptMatch = !selectedDept || (job.getAttribute('data-department') && normalizeText(job.getAttribute('data-department')) === normalizeText(selectedDept));\r\n \r\n let selectedLocation = locationSelect.value;\r\n let locationMatch = !selectedLocation || (job.getAttribute('data-location') && normalizeText(job.getAttribute('data-location')) === normalizeText(selectedLocation));\r\n \r\n let selectedExp = expSelect.value;\r\n let expMatch = !selectedExp || (job.getAttribute('data-experience') && normalizeText(job.getAttribute('data-experience')) === normalizeText(selectedExp));\r\n \r\n let selectedType = typeSelect.value;\r\n let typeMatch = !selectedType || (job.getAttribute('data-type') && normalizeText(job.getAttribute('data-type')) === normalizeText(selectedType));\r\n \r\n return keywordMatch && deptMatch && locationMatch && expMatch && typeMatch;\r\n }\r\n \r\n function applyFilters() {\r\n const jobs = getJobs();\r\n let visibleCount = 0;\r\n jobs.forEach(job => {\r\n if (matchesFilters(job)) {\r\n job.style.display = '';\r\n visibleCount++;\r\n } else {\r\n job.style.display = 'none';\r\n }\r\n });\r\n let noResultsMsg = document.getElementById('noJobsMessage');\r\n if (visibleCount === 0) {\r\n if (!noResultsMsg) {\r\n const msgDiv = document.createElement('div');\r\n msgDiv.id = 'noJobsMessage';\r\n msgDiv.style.textAlign = 'center';\r\n msgDiv.style.padding = '3rem';\r\n msgDiv.style.backgroundColor = '#f9fafb';\r\n msgDiv.style.borderRadius = '24px';\r\n msgDiv.style.marginTop = '1rem';\r\n msgDiv.innerHTML = '<i class=\"fas fa-search\" style=\"font-size:2rem; color:#65ab20; opacity:0.6; margin-bottom:1rem; display:block;\"><\/i><h4 style=\"color:#00468f; margin-bottom:0.5rem;\">No matching jobs found<\/h4><p style=\"color:#6b7e8c; font-size:0.85rem;\">Try adjusting your search criteria or browse all opportunities.<\/p>';\r\n jobsGrid.parentNode.insertBefore(msgDiv, jobsGrid.nextSibling);\r\n }\r\n } else {\r\n if (noResultsMsg) noResultsMsg.remove();\r\n }\r\n }\r\n \r\n searchBtn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n applyFilters();\r\n });\r\n searchInput.addEventListener('keypress', (e) => {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n applyFilters();\r\n }\r\n });\r\n \r\n \/\/ Initial state: show all\r\n applyFilters();\r\n \r\n \/\/ View Details demo\r\n const viewLinks = document.querySelectorAll('.view-details');\r\n viewLinks.forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n alert('Job details page would open here. More information about this position.');\r\n });\r\n });\r\n })();\r\n<\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b1b0cf e-con-full e-flex e-con e-parent\" data-id=\"6b1b0cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f891a7 elementor-widget elementor-widget-html\" data-id=\"3f891a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n<title>Orris | Our Hiring Process \u2013 Single Row, No Scroll<\/title>\n<!-- Google Fonts: Inter -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap%22 rel=\"stylesheet\">\n<!-- Font Awesome 6 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n\n * {\n\n margin: 0;\n\n padding: 0;\n\n box-sizing: border-box;\n\n }\n \n body {\n\n font-family: 'Inter', sans-serif;\n\n background: #f5f7fa;\n\n overflow-x: hidden;\n\n }\n \n .container {\n\n max-width: 1600px;\n\n margin: 0 auto;\n\n padding: 2rem;\n\n }\n \n \/* ===== OUR HIRING PROCESS SECTION ===== *\/\n\n .hiring-process-section {\n\n width: 100%;\n\n background: #ffffff;\n\n border-radius: 32px;\n\n box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.08);\n\n padding: 2.5rem 2rem;\n\n }\n \n .section-header {\n\n text-align: center;\n\n margin-bottom: 2.5rem;\n\n }\n \n .section-tag {\n\n display: inline-block;\n\n background: rgba(101, 171, 32, 0.12);\n\n color: #65ab20;\n\n font-size: 0.7rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n letter-spacing: 2px;\n\n padding: 0.35rem 1.2rem;\n\n border-radius: 50px;\n\n margin-bottom: 1rem;\n\n }\n \n .section-header h2 {\n\n font-size: 2rem;\n\n font-weight: 800;\n\n color: #00468f;\n\n letter-spacing: -0.02em;\n\n margin-bottom: 0.5rem;\n\n }\n \n .section-header p {\n\n font-size: 0.85rem;\n\n color: #5a6e7a;\n\n max-width: 500px;\n\n margin: 0 auto;\n\n }\n \n \/* Process Row - ALL CARDS IN SAME ROW, NO WRAP, NO SCROLLBAR *\/\n\n .process-row {\n\n display: flex;\n\n flex-direction: row;\n\n flex-wrap: nowrap;\n\n justify-content: center;\n\n align-items: stretch;\n\n gap: 0;\n\n width: 100%;\n\n }\n \n \/* Card Wrapper - each card takes equal space *\/\n\n .card-wrapper {\n\n flex: 1;\n\n display: flex;\n\n align-items: center;\n\n min-width: 0;\n\n }\n \n \/* Card Style - responsive width inside flex *\/\n\n .process-card {\n\n background: #ffffff;\n\n border-radius: 20px;\n\n border: 1px solid #eef2f8;\n\n padding: 1.2rem 0.8rem;\n\n text-align: center;\n\n transition: all 0.3s ease;\n\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n\n width: 100%;\n\n }\n \n .process-card:hover {\n\n transform: translateY(-5px);\n\n border-color: #65ab20;\n\n box-shadow: 0 20px 30px -12px rgba(101, 171, 32, 0.15);\n\n }\n \n \/* Circle Icon *\/\n\n .circle-icon {\n\n width: 55px;\n\n height: 55px;\n\n background: linear-gradient(135deg, #f0f7ff 0%, #e8f0fe 100%);\n\n border-radius: 50%;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n margin: 0 auto 0.8rem auto;\n\n border: 2px solid rgba(0, 70, 143, 0.1);\n\n transition: all 0.3s ease;\n\n }\n \n .process-card:hover .circle-icon {\n\n background: #00468f;\n\n border-color: #65ab20;\n\n transform: scale(1.05);\n\n }\n \n .circle-icon i {\n\n font-size: 1.3rem;\n\n color: #00468f;\n\n transition: all 0.3s ease;\n\n }\n \n .process-card:hover .circle-icon i {\n\n color: #ffffff;\n\n }\n \n \/* Step Number *\/\n\n .step-badge {\n\n display: inline-block;\n\n background: rgba(101, 171, 32, 0.12);\n\n color: #65ab20;\n\n font-size: 0.6rem;\n\n font-weight: 800;\n\n padding: 0.2rem 0.6rem;\n\n border-radius: 30px;\n\n margin-bottom: 0.6rem;\n\n letter-spacing: 0.5px;\n\n }\n \n .process-card h3 {\n\n font-size: 0.85rem;\n\n font-weight: 800;\n\n color: #00468f;\n\n margin-bottom: 0.4rem;\n\n line-height: 1.3;\n\n }\n \n .process-card p {\n\n font-size: 0.65rem;\n\n color: #6b7e8c;\n\n line-height: 1.4;\n\n }\n \n \/* Arrow connector line *\/\n\n .arrow-connector {\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n flex-shrink: 0;\n\n width: 40px;\n\n }\n \n .arrow-line {\n\n width: 30px;\n\n height: 2px;\n\n background: linear-gradient(90deg, #65ab20, #00468f);\n\n position: relative;\n\n }\n \n .arrow-line::after {\n\n content: \"\";\n\n position: absolute;\n\n right: -6px;\n\n top: 50%;\n\n transform: translateY(-50%);\n\n width: 0;\n\n height: 0;\n\n border-left: 7px solid #00468f;\n\n border-top: 4px solid transparent;\n\n border-bottom: 4px solid transparent;\n\n }\n \n \/* Responsive - ensure all cards stay in same row on all screen sizes *\/\n\n @media (max-width: 1200px) {\n\n .container {\n\n padding: 1rem;\n\n }\n\n .hiring-process-section {\n\n padding: 1.5rem;\n\n }\n\n .process-card {\n\n padding: 1rem 0.5rem;\n\n }\n\n .circle-icon {\n\n width: 48px;\n\n height: 48px;\n\n }\n\n .circle-icon i {\n\n font-size: 1.1rem;\n\n }\n\n .process-card h3 {\n\n font-size: 0.75rem;\n\n }\n\n .process-card p {\n\n font-size: 0.6rem;\n\n }\n\n .step-badge {\n\n font-size: 0.55rem;\n\n }\n\n .arrow-connector {\n\n width: 30px;\n\n }\n\n .arrow-line {\n\n width: 20px;\n\n }\n\n }\n \n @media (max-width: 900px) {\n\n .process-card h3 {\n\n font-size: 0.7rem;\n\n }\n\n .circle-icon {\n\n width: 42px;\n\n height: 42px;\n\n }\n\n .circle-icon i {\n\n font-size: 1rem;\n\n }\n\n .arrow-connector {\n\n width: 25px;\n\n }\n\n .arrow-line {\n\n width: 15px;\n\n }\n\n .arrow-line::after {\n\n border-left: 5px solid #00468f;\n\n border-top: 3px solid transparent;\n\n border-bottom: 3px solid transparent;\n\n right: -4px;\n\n }\n\n }\n \n @media (max-width: 768px) {\n\n .section-header h2 {\n\n font-size: 1.5rem;\n\n }\n\n .process-card {\n\n padding: 0.8rem 0.3rem;\n\n }\n\n .process-card h3 {\n\n font-size: 0.65rem;\n\n }\n\n .process-card p {\n\n display: none;\n\n }\n\n .circle-icon {\n\n width: 38px;\n\n height: 38px;\n\n margin-bottom: 0.5rem;\n\n }\n\n .circle-icon i {\n\n font-size: 0.9rem;\n\n }\n\n .step-badge {\n\n font-size: 0.5rem;\n\n margin-bottom: 0.3rem;\n\n }\n\n .arrow-connector {\n\n width: 20px;\n\n }\n\n .arrow-line {\n\n width: 12px;\n\n }\n\n }\n \n @media (max-width: 600px) {\n\n .process-card h3 {\n\n font-size: 0.55rem;\n\n }\n\n .circle-icon {\n\n width: 32px;\n\n height: 32px;\n\n }\n\n .circle-icon i {\n\n font-size: 0.75rem;\n\n }\n\n .step-badge {\n\n font-size: 0.45rem;\n\n }\n\n .arrow-connector {\n\n width: 15px;\n\n }\n\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n<div class=\"hiring-process-section\">\n<!-- Header -->\n<div class=\"section-header\">\n<div class=\"section-tag\">JOIN OUR TEAM <\/div>\n<h2>Your Journey to a Career at Orris<\/h2>\n<p>A transparent hiring process designed to identify and nurture the right talent.<\/p>\n<\/div>\n \n <!-- Process Row - ALL 6 CARDS IN SAME ROW, NO SCROLLING, NO SCROLLBAR -->\n<div class=\"process-row\">\n<!-- Card 1 -->\n<div class=\"card-wrapper\">\n<div class=\"process-card\">\n<div class=\"circle-icon\">\n<i class=\"fas fa-file-alt\"><\/i>\n<\/div>\n<div class=\"step-badge\">STEP 01<\/div>\n<h3>Application Review<\/h3>\n<p>Submit your application and share your professional profile. <\/p>\n<\/div>\n<\/div>\n<!-- Arrow 1 -->\n<div class=\"arrow-connector\">\n<div class=\"arrow-line\"><\/div>\n<\/div>\n<!-- Card 2 -->\n<div class=\"card-wrapper\">\n<div class=\"process-card\">\n<div class=\"circle-icon\">\n<i class=\"fas fa-user-check\"><\/i>\n<\/div>\n<div class=\"step-badge\">STEP 02<\/div>\n<h3>Initial Screening <\/h3>\n<p>Our recruitment team evaluates your qualifications and experience.<\/p>\n<\/div>\n<\/div>\n<!-- Arrow 2 -->\n<div class=\"arrow-connector\">\n<div class=\"arrow-line\"><\/div>\n<\/div>\n<!-- Card 3 -->\n<div class=\"card-wrapper\">\n<div class=\"process-card\">\n<div class=\"circle-icon\">\n<i class=\"fas fa-comments\"><\/i>\n<\/div>\n<div class=\"step-badge\">STEP 03<\/div>\n<h3>Interaction Round<\/h3>\n<p>A discussion to understand your skills, aspirations, and role fit.<\/p>\n<\/div>\n<\/div>\n<!-- Arrow 3 -->\n<div class=\"arrow-connector\">\n<div class=\"arrow-line\"><\/div>\n<\/div>\n<!-- Card 4 -->\n<div class=\"card-wrapper\">\n<div class=\"process-card\">\n<div class=\"circle-icon\">\n<i class=\"fas fa-chart-line\"><\/i>\n<\/div>\n<div class=\"step-badge\">STEP 04<\/div>\n<h3>Role Assessment<\/h3>\n<p>Evaluation based on functional expertise and job requirements.<\/p>\n<\/div>\n<\/div>\n<!-- Arrow 4 -->\n<div class=\"arrow-connector\">\n<div class=\"arrow-line\"><\/div>\n<\/div>\n<!-- Card 5 -->\n<div class=\"card-wrapper\">\n<div class=\"process-card\">\n<div class=\"circle-icon\">\n<i class=\"fas fa-users\"><\/i>\n<\/div>\n<div class=\"step-badge\">STEP 05<\/div>\n<h3>Final Selection <\/h3>\n<p>Meet with the hiring team for final discussions and confirmation.<\/p>\n<\/div>\n<\/div>\n<!-- Arrow 5 -->\n<div class=\"arrow-connector\">\n<div class=\"arrow-line\"><\/div>\n<\/div>\n<!-- Card 6 -->\n<div class=\"card-wrapper\">\n<div class=\"process-card\">\n<div class=\"circle-icon\">\n<i class=\"fas fa-handshake\"><\/i>\n<\/div>\n<div class=\"step-badge\">STEP 06<\/div>\n<h3>Welcome Aboard<\/h3>\n<p>Complete onboarding and begin your journey with Orris Info Lab.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body>\n<\/html>\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dae6ed4 e-flex e-con-boxed e-con e-parent\" data-id=\"dae6ed4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0be306 elementor-widget elementor-widget-html\" data-id=\"b0be306\" 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, viewport-fit=cover\">\r\n <title>Orris Infolab | Talent Pool - Blue & Green Theme<\/title>\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: #f8fafc;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ===== TALENT POOL SECTION ===== *\/\r\n .orris-talent-pool {\r\n padding: 60px 20px;\r\n background: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .orris-form-wrapper {\r\n max-width: 1200px;\r\n margin: auto;\r\n background: #fff;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: 420px 1fr;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* ===== LEFT SIDE - BLUE THEME (#00468f) ===== *\/\r\n .orris-form-info {\r\n background: linear-gradient(135deg, #003d7a 0%, #00468f 100%);\r\n color: #fff;\r\n padding: 50px 40px;\r\n position: relative;\r\n }\r\n\r\n .small-title {\r\n display: block;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 20px;\r\n text-transform: uppercase;\r\n opacity: 0.9;\r\n }\r\n\r\n .orris-form-info h2 {\r\n font-size: 42px;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: #ffffff;\r\n }\r\n\r\n .orris-form-info p {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: rgba(255, 255, 255, 0.88);\r\n margin-bottom: 35px;\r\n }\r\n\r\n .orris-benefits {\r\n list-style: none;\r\n }\r\n\r\n .orris-benefits li {\r\n position: relative;\r\n padding-left: 28px;\r\n margin-bottom: 18px;\r\n font-size: 15px;\r\n line-height: 1.5;\r\n color: rgba(255, 255, 255, 0.92);\r\n }\r\n\r\n \/* Green checkmark (#65ab20) *\/\r\n .orris-benefits li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background: #65ab20;\r\n color: #fff;\r\n font-size: 11px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 18px;\r\n font-weight: bold;\r\n }\r\n\r\n .resume-icon {\r\n position: absolute;\r\n right: 35px;\r\n bottom: 25px;\r\n font-size: 80px;\r\n opacity: 0.2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== RIGHT FORM SECTION ===== *\/\r\n .orris-form-section {\r\n padding: 32px 28px;\r\n background: #fff;\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group label {\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n color: #444;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Required star color - green (#65ab20) *\/\r\n .form-group label span {\r\n color: #65ab20;\r\n font-weight: 700;\r\n margin-left: 2px;\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n width: 100%;\r\n height: 44px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n padding: 10px 14px;\r\n font-size: 14px;\r\n font-family: 'Inter', sans-serif;\r\n outline: none;\r\n transition: all 0.2s ease;\r\n background: #fff;\r\n color: #1e293b; \/* Dark color for actual input text *\/\r\n }\r\n\r\n \/* ===== PLACEHOLDER STYLES - LIGHT COLOR ===== *\/\r\n .form-group input::placeholder,\r\n .form-group textarea::placeholder {\r\n color: #a0aec0; \/* Light grayish-blue, clearly different from input text *\/\r\n font-weight: 400;\r\n opacity: 1; \/* Ensures consistency across browsers *\/\r\n }\r\n\r\n \/* For Firefox (additional support) *\/\r\n .form-group input::-moz-placeholder,\r\n .form-group textarea::-moz-placeholder {\r\n color: #a0aec0;\r\n opacity: 1;\r\n }\r\n\r\n \/* For Edge\/IE *\/\r\n .form-group input:-ms-input-placeholder,\r\n .form-group textarea:-ms-input-placeholder {\r\n color: #a0aec0;\r\n }\r\n\r\n .form-group textarea {\r\n height: 88px;\r\n resize: vertical;\r\n min-height: 80px;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus,\r\n .form-group textarea:focus {\r\n border-color: #00468f;\r\n box-shadow: 0 0 0 3px rgba(0, 70, 143, 0.1);\r\n }\r\n\r\n \/* Select dropdown styling - keeps selected value dark *\/\r\n .form-group select {\r\n color: #1e293b;\r\n background-color: #fff;\r\n cursor: pointer;\r\n }\r\n\r\n .form-group select option {\r\n color: #1e293b;\r\n }\r\n\r\n \/* Style for select when no option selected (placeholder-like appearance) *\/\r\n .form-group select:invalid {\r\n color: #a0aec0;\r\n }\r\n\r\n .form-group select option[value=\"\"][disabled] {\r\n color: #a0aec0;\r\n }\r\n\r\n .full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .form-group small {\r\n margin-top: 5px;\r\n font-size: 11px;\r\n color: #888;\r\n }\r\n\r\n \/* Submit Button - Green (#65ab20) *\/\r\n .submit-btn {\r\n width: 100%;\r\n margin-top: 20px;\r\n height: 50px;\r\n border: none;\r\n border-radius: 8px;\r\n background: #65ab20;\r\n color: #fff;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n font-family: 'Inter', sans-serif;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: #56961b;\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(101, 171, 32, 0.25);\r\n }\r\n\r\n .submit-btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* File input styling *\/\r\n input[type=\"file\"] {\r\n padding: 8px 10px;\r\n font-size: 13px;\r\n color: #1e293b; \/* File name text remains dark *\/\r\n }\r\n\r\n \/* File input placeholder\/button text - keep standard styling *\/\r\n input[type=\"file\"]::file-selector-button {\r\n background: #f1f5f9;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 6px;\r\n padding: 6px 14px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n color: #1e293b;\r\n }\r\n\r\n input[type=\"file\"]::file-selector-button:hover {\r\n background: #e6edf5;\r\n border-color: #cbd5e1;\r\n }\r\n\r\n \/* ===== RESPONSIVE STYLES ===== *\/\r\n @media (max-width: 991px) {\r\n .orris-form-wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .orris-form-info {\r\n padding: 40px 35px;\r\n }\r\n\r\n .orris-form-info h2 {\r\n font-size: 36px;\r\n }\r\n\r\n .resume-icon {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .orris-talent-pool {\r\n padding: 40px 16px;\r\n }\r\n\r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .orris-form-info h2 {\r\n font-size: 30px;\r\n }\r\n\r\n .orris-form-info p {\r\n font-size: 14px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .orris-benefits li {\r\n font-size: 14px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .orris-form-section {\r\n padding: 24px 20px;\r\n }\r\n\r\n .small-title {\r\n font-size: 12px;\r\n margin-bottom: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .orris-form-info {\r\n padding: 32px 24px;\r\n }\r\n\r\n .orris-form-info h2 {\r\n font-size: 26px;\r\n }\r\n\r\n .submit-btn {\r\n height: 46px;\r\n font-size: 14px;\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n height: 42px;\r\n }\r\n\r\n .form-group textarea {\r\n height: 80px;\r\n }\r\n }\r\n\r\n @media (min-width: 1200px) {\r\n .orris-form-info {\r\n padding: 55px 45px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"orris-talent-pool\">\r\n <div class=\"orris-form-wrapper\">\r\n\r\n <!-- LEFT CONTENT - Blue gradient background -->\r\n <div class=\"orris-form-info\">\r\n <span class=\"small-title\">JOIN OUR TALENT POOL<\/span>\r\n <h2>Great Opportunities Begin with One Application<\/h2>\r\n <p>\r\n Ready for your next opportunity? Share your profile and let us connect you with roles that match your skills and experience.\r\n <\/p>\r\n <ul class=\"orris-benefits\">\r\n <li>Discover opportunities across multiple industries <\/li>\r\n <li>Get connected with leading employers<\/li>\r\n <li>Be considered for future openings that fit your profile<\/li>\r\n <\/ul>\r\n <div class=\"resume-icon\">\r\n \ud83d\udcc4\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT FORM SECTION -->\r\n <div class=\"orris-form-section\">\r\n <form>\r\n <div class=\"form-grid\">\r\n\r\n <div class=\"form-group\">\r\n <label>Full Name <span>*<\/span><\/label>\r\n <input type=\"text\" placeholder=\"e.g., John Doe\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Email Address <span>*<\/span><\/label>\r\n <input type=\"email\" placeholder=\"hello@example.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Phone Number <span>*<\/span><\/label>\r\n <input type=\"tel\" placeholder=\"+1 234 567 8900\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Current Location <span>*<\/span><\/label>\r\n <input type=\"text\" placeholder=\"City, State, Country\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Position Applying For<\/label>\r\n <input type=\"text\" placeholder=\"e.g., Software Engineer\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Total Experience<\/label>\r\n <select>\r\n <option value=\"\" disabled selected>Select Experience<\/option>\r\n <option>0-1 Years<\/option>\r\n <option>1-3 Years<\/option>\r\n <option>3-5 Years<\/option>\r\n <option>5+ Years<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label>Upload Resume <span>*<\/span><\/label>\r\n <input type=\"file\" accept=\".pdf,.doc,.docx\">\r\n <small>PDF, DOC, DOCX (Max. 5MB)<\/small>\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label>Message (Optional)<\/label>\r\n <textarea placeholder=\"Tell us about your skills, achievements, or any additional information...\"><\/textarea>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\">\r\n Submit Your Profile\r\n <\/button>\r\n <\/form>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Orris Infolab | Careers Hero – Reduced Height, Full Image Home \u203a Careers Build Your Future with Orris Info Lab Join a growing organization where talent, innovation, and opportunities come together to create meaningful careers. View Open Positions \u2192 Get in Touch \u2192 Career Growth Industry Exposure Learning Opportunities Supportive Culture Service Overview | Orris […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-default-elementor.php","meta":{"footnotes":""},"class_list":["post-3100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/3100","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=3100"}],"version-history":[{"count":10,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/3100\/revisions"}],"predecessor-version":[{"id":3347,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/3100\/revisions\/3347"}],"wp:attachment":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/media?parent=3100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}