{"id":786,"date":"2024-04-28T10:32:05","date_gmt":"2024-04-28T10:32:05","guid":{"rendered":"https:\/\/wp1.themevibrant.com\/newwp\/hiringhub\/?page_id=786"},"modified":"2026-06-11T12:15:35","modified_gmt":"2026-06-11T12:15:35","slug":"about-us","status":"publish","type":"page","link":"https:\/\/orrisinfolab.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\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 | About Us - Our Story & Vision<\/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;\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 \/* Image shifted to the right by changing background-position *\/\r\n background:url('https:\/\/orrisinfolab.com\/wp-content\/uploads\/2026\/06\/aboutus-scaled.jpg') 70% center\/cover no-repeat;\r\n }\r\n\r\n \/* Alternative: If you want to shift image right using transform *\/\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 .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) 40%,\r\n rgba(0,70,143,.82) 55%,\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 \/* 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;\r\n \/* Adjust image position for tablet *\/\r\n background-position: 75% center !important;\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;\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;\r\n padding: 20px 0;\r\n \/* Adjust image position for mobile *\/\r\n background-position: 80% center !important;\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 *\/\r\n @media (min-width: 1400px) {\r\n .career-banner {\r\n min-height: 400px;\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>About Us<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n About \r\n <span class=\"highlight\">Orris Info Lab<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-description\">\r\n We are a leading technology solutions provider dedicated to delivering innovative and scalable digital solutions that empower businesses to thrive in the modern era.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"#\" class=\"btn-primary\">\r\n Learn More About Us\r\n \u2192\r\n <\/a>\r\n <a href=\"#\" class=\"btn-secondary\">\r\n Contact Our Team\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=\"M12 8v4l3 3M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n 10+ Years<br> Experience \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=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n 500+<br> Projects Delivered \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=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n 100+<br> Expert Team \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=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-title\">\r\n Trusted<br> Globally \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 class=\"elementor-element elementor-element-ce9d632 elementor-widget elementor-widget-html\" data-id=\"ce9d632\" 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 Info Lab | Classic About Section<\/title>\r\n <!-- Classic Font Pairing: Playfair Display for elegant classic serif + Lato for clean readability -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n <!-- Font Awesome 6 (Free Icons) -->\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: #fafaf8; \/* light timeless backdrop *\/\r\n font-family: 'Lato', sans-serif;\r\n color: #1e2a32;\r\n }\r\n\r\n \/* main container with classic spacing *\/\r\n .about-section {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 5rem 2.5rem;\r\n }\r\n\r\n \/* inner grid: balanced 50\/50 layout with classic proportions *\/\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3.5rem;\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT CONTENT STYLES - classic & refined *\/\r\n .about-content {\r\n padding-right: 1rem;\r\n }\r\n\r\n \/* Small Title with brand blue underline *\/\r\n .small-title {\r\n font-size: 0.75rem;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n color: #00468f; \/* your blue *\/\r\n margin-bottom: 1.5rem;\r\n font-family: 'Lato', sans-serif;\r\n display: inline-block;\r\n border-bottom: 2px solid #65ab20; \/* green accent *\/\r\n padding-bottom: 6px;\r\n }\r\n\r\n \/* Heading: classic serif elegance - Updated text *\/\r\n .heading {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: #1f2f3a;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: -0.2px;\r\n }\r\n\r\n .heading span {\r\n color: #00468f; \/* blue emphasis *\/\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .heading span:after {\r\n content: '';\r\n position: absolute;\r\n bottom: 4px;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: #65ab20; \/* green underline accent *\/\r\n opacity: 0.3;\r\n border-radius: 3px;\r\n }\r\n\r\n .description {\r\n font-size: 0.95rem;\r\n line-height: 1.65;\r\n color: #2c3e44;\r\n margin-bottom: 2rem;\r\n font-weight: 400;\r\n border-left: 3px solid #65ab20;\r\n padding-left: 1.3rem;\r\n background: transparent;\r\n }\r\n\r\n \/* 3 Key Points - classic card style with brand borders *\/\r\n .key-points {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.4rem;\r\n margin-bottom: 1.8rem;\r\n }\r\n\r\n .point-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n transition: all 0.25s ease;\r\n background: #ffffff;\r\n padding: 0.25rem 0.25rem 0.25rem 0;\r\n border-radius: 12px;\r\n }\r\n\r\n .point-card:hover {\r\n transform: translateX(6px);\r\n }\r\n\r\n \/* icons with blue & green blend *\/\r\n .point-icon {\r\n flex-shrink: 0;\r\n width: 44px;\r\n height: 44px;\r\n background: rgba(0, 70, 143, 0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #00468f;\r\n font-size: 1.2rem;\r\n transition: all 0.2s;\r\n border: 1px solid rgba(101, 171, 32, 0.3);\r\n }\r\n\r\n .point-card:hover .point-icon {\r\n background: #00468f;\r\n color: white;\r\n border-color: #00468f;\r\n }\r\n\r\n .point-text h4 {\r\n font-family: 'Lato', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.1rem;\r\n color: #1f2f3a;\r\n margin-bottom: 0.25rem;\r\n letter-spacing: -0.2px;\r\n }\r\n\r\n .point-text p {\r\n font-size: 0.85rem;\r\n color: #4a5b62;\r\n line-height: 1.45;\r\n font-weight: 400;\r\n }\r\n\r\n \/* classic trust badge - compact *\/\r\n .trust-badge {\r\n margin-top: 1.5rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n background: #ffffff;\r\n padding: 0.5rem 1rem 0.5rem 0.9rem;\r\n border-radius: 40px;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef0e5;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #00468f;\r\n letter-spacing: 0.3px;\r\n width: auto;\r\n }\r\n\r\n .trust-badge i {\r\n font-size: 1rem;\r\n color: #65ab20;\r\n }\r\n\r\n .trust-badge span {\r\n font-size: 0.7rem;\r\n letter-spacing: 0.2px;\r\n }\r\n\r\n .trust-badge .arrow-icon {\r\n font-size: 0.7rem;\r\n margin-left: 0;\r\n color: #65ab20;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .trust-badge:hover .arrow-icon {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* ========== RIGHT SIDE: CLASSIC COLLAGE IMAGES ========== *\/\r\n .collage-container {\r\n position: relative;\r\n width: 100%;\r\n min-height: 520px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .collage-grid {\r\n position: relative;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.2rem;\r\n }\r\n\r\n \/* classic frame effect: soft shadow & subtle border-radius *\/\r\n .collage-item {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 18px 30px -12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0,0,0,0.02);\r\n transition: all 0.4s ease;\r\n background: #fff;\r\n border: 1px solid #eef2e8;\r\n }\r\n\r\n .collage-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n }\r\n\r\n .collage-item:hover {\r\n box-shadow: 0 25px 35px -16px rgba(0, 70, 143, 0.2);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .collage-item:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* Classic mixed aspect ratios for elegant collage feel *\/\r\n .collage-item-1 {\r\n grid-row: span 1;\r\n aspect-ratio: 4 \/ 5;\r\n }\r\n .collage-item-2 {\r\n grid-row: span 1;\r\n aspect-ratio: 3 \/ 4;\r\n align-self: end;\r\n margin-top: 1.2rem;\r\n }\r\n .collage-item-3 {\r\n grid-row: span 1;\r\n aspect-ratio: 5 \/ 4;\r\n }\r\n .collage-item-4 {\r\n grid-row: span 1;\r\n aspect-ratio: 4 \/ 5;\r\n margin-top: -0.8rem;\r\n }\r\n\r\n \/* decorative subtle shape with brand color overlay *\/\r\n .collage-accent {\r\n position: absolute;\r\n top: -18px;\r\n left: -18px;\r\n width: 130px;\r\n height: 130px;\r\n background: rgba(101, 171, 32, 0.12);\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n z-index: -1;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* second accent for more classic depth *\/\r\n .collage-accent-two {\r\n position: absolute;\r\n bottom: -15px;\r\n right: -15px;\r\n width: 100px;\r\n height: 100px;\r\n background: rgba(0, 70, 143, 0.08);\r\n border-radius: 50% 50% 30% 70% \/ 60% 40% 60% 40%;\r\n z-index: -1;\r\n }\r\n\r\n \/* responsive adjustments *\/\r\n @media (max-width: 1050px) {\r\n .heading {\r\n font-size: 2.2rem;\r\n }\r\n .about-grid {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 880px) {\r\n .about-grid {\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n .about-content {\r\n padding-right: 0;\r\n }\r\n .collage-container {\r\n min-height: 480px;\r\n }\r\n .collage-grid {\r\n max-width: 85%;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .about-section {\r\n padding: 3rem 1.5rem;\r\n }\r\n .heading {\r\n font-size: 1.8rem;\r\n }\r\n .small-title {\r\n font-size: 0.7rem;\r\n }\r\n .collage-grid {\r\n max-width: 100%;\r\n gap: 0.9rem;\r\n }\r\n .trust-badge {\r\n padding: 0.4rem 0.8rem;\r\n }\r\n .trust-badge span {\r\n font-size: 0.65rem;\r\n }\r\n .description {\r\n font-size: 0.85rem;\r\n }\r\n .point-text h4 {\r\n font-size: 1rem;\r\n }\r\n .point-text p {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n \/* classic fade animation *\/\r\n .fade-up {\r\n animation: classicFadeUp 0.85s ease forwards;\r\n }\r\n @keyframes classicFadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* additional classic touches *\/\r\n .trust-badge i.fa-handshake {\r\n background: #f5f7f2;\r\n padding: 4px;\r\n border-radius: 30px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"about-section\">\r\n <div class=\"about-grid\">\r\n <!-- LEFT SIDE: Updated content with new heading, description, and key highlights -->\r\n <div class=\"about-content fade-up\">\r\n <div class=\"small-title\">\r\n <i class=\"fas fa-building\" style=\"margin-right: 8px; font-size: 0.7rem;\"><\/i> About Orris Info Lab\r\n <\/div>\r\n <div class=\"heading\">\r\n Connecting Businesses <br>\r\n <span>with the Right Talent<\/span>\r\n <\/div>\r\n <div class=\"description\">\r\n Orris Info Lab is a trusted recruitment and workforce solutions company dedicated to helping businesses build strong, productive teams. We specialize in staffing, recruitment, payroll management, HR consulting, compliance support, and workforce management services tailored to the unique needs of every organization.\r\n <br><br>\r\n With extensive industry expertise and a commitment to quality hiring, we support organizations across Manufacturing, Engineering, IT & ITES, FMCG, Banking, Telecom, Healthcare, and other key sectors. Our focus is on delivering reliable talent, efficient hiring processes, and workforce solutions that enable businesses to grow with confidence.\r\n <\/div>\r\n\r\n <!-- 3 Key Highlights - Updated -->\r\n <div class=\"key-points\">\r\n <div class=\"point-card\">\r\n <div class=\"point-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"point-text\">\r\n <h4>Industry Expertise<\/h4>\r\n <p>Serving diverse industries with specialized recruitment and staffing solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"point-card\">\r\n <div class=\"point-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <div class=\"point-text\">\r\n <h4>Trusted Partnerships<\/h4>\r\n <p>Building long-term relationships through reliable and value-driven services.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"point-card\">\r\n <div class=\"point-icon\">\r\n <i class=\"fas fa-layer-group\"><\/i>\r\n <\/div>\r\n <div class=\"point-text\">\r\n <h4>End-to-End Workforce Solutions<\/h4>\r\n <p>From hiring and onboarding to payroll and compliance support.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Trust badge -->\r\n <div class=\"trust-badge\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <span>Trusted by 500+ businesses<\/span>\r\n <i class=\"fas fa-arrow-right arrow-icon\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT SIDE: CLASSIC COLLAGED IMAGES (professional recruitment \/ business theme) -->\r\n <div class=\"collage-container fade-up\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"collage-grid\">\r\n <!-- Image 1: collaborative team \/ classic corporate elegance -->\r\n <div class=\"collage-item collage-item-1\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=500&h=600&fit=crop\" alt=\"Team synergy\" loading=\"lazy\">\r\n <\/div>\r\n <!-- Image 2: interview \/ talent acquisition -->\r\n <div class=\"collage-item collage-item-2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=500&h=650&fit=crop\" alt=\"Professional interview\" loading=\"lazy\">\r\n <\/div>\r\n <!-- Image 3: diverse workforce and modern office -->\r\n <div class=\"collage-item collage-item-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=600&h=500&fit=crop\" alt=\"Business meeting\" loading=\"lazy\">\r\n <\/div>\r\n <!-- Image 4: pan India concept \/ elegant workspace -->\r\n <div class=\"collage-item collage-item-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=500&h=650&fit=crop\" alt=\"Corporate environment\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <!-- classic abstract organic shapes to reinforce elegance -->\r\n <div class=\"collage-accent\"><\/div>\r\n <div class=\"collage-accent-two\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\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<div class=\"elementor-element elementor-element-628cb8b e-con-full e-flex e-con e-parent\" data-id=\"628cb8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c5153df e-flex e-con-boxed e-con e-child\" data-id=\"c5153df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d39b74d e-con-full e-flex e-con e-child\" data-id=\"d39b74d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-71f8411 e-con-full e-flex e-con e-child\" data-id=\"71f8411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-844cc24 elementor-widget elementor-widget-html\" data-id=\"844cc24\" 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 Info Lab | Our Purpose & Commitment<\/title>\r\n <!-- Consistent Font Family: Inter + Playfair Display -->\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&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&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 color: #1e2a32;\r\n }\r\n\r\n \/* ========== PURPOSE & COMMITMENT SECTION ========== *\/\r\n .purpose-section {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 5rem 2rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* subtle background pattern *\/\r\n .purpose-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: radial-gradient(circle at 10% 20%, rgba(101, 171, 32, 0.02) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .section-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(0, 70, 143, 0.08);\r\n color: #00468f;\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.3rem;\r\n border-radius: 50px;\r\n margin-bottom: 1rem;\r\n border: 1px solid rgba(0, 70, 143, 0.15);\r\n }\r\n\r\n .section-tag i {\r\n font-size: 0.7rem;\r\n color: #65ab20;\r\n }\r\n\r\n .section-header h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #1a2e3a;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-header h2 span {\r\n color: #00468f;\r\n position: relative;\r\n }\r\n\r\n .section-header h2 span::after {\r\n display: none;\r\n }\r\n\r\n .section-description {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #5a6b5a;\r\n font-weight: 450;\r\n }\r\n\r\n \/* Vision & Mission Cards *\/\r\n .vision-mission-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n margin: 2.5rem 0 2rem;\r\n }\r\n\r\n .card {\r\n background: #ffffff;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.02);\r\n transition: all 0.35s ease;\r\n border: 1px solid #eef2e8;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 25px 35px -14px rgba(0, 70, 143, 0.12);\r\n border-color: rgba(101, 171, 32, 0.25);\r\n }\r\n\r\n .card-image {\r\n width: 100%;\r\n height: auto;\r\n max-height: 200px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .card:hover .card-image {\r\n transform: scale(1.02);\r\n }\r\n\r\n .card-content {\r\n padding: 1.5rem 1.5rem 1.8rem;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n }\r\n\r\n .card-content::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 1.5rem;\r\n width: 50px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #65ab20, #00468f);\r\n border-radius: 2px;\r\n }\r\n\r\n .card-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: linear-gradient(135deg, #00468f, #1a6bb5);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1rem;\r\n box-shadow: 0 6px 12px -4px rgba(0, 70, 143, 0.2);\r\n }\r\n\r\n .card-icon i {\r\n font-size: 1.4rem;\r\n color: white;\r\n }\r\n\r\n .card h3 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #1a2e3a;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .card p {\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n color: #5a6b62;\r\n font-weight: 450;\r\n }\r\n\r\n \/* decorative elements *\/\r\n .decor-dot {\r\n position: absolute;\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(101, 171, 32, 0.03) 0%, transparent 70%);\r\n bottom: -70px;\r\n right: -70px;\r\n z-index: 0;\r\n }\r\n\r\n .decor-dot-left {\r\n position: absolute;\r\n width: 210px;\r\n height: 210px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(0, 70, 143, 0.02) 0%, transparent 70%);\r\n top: -80px;\r\n left: -80px;\r\n z-index: 0;\r\n }\r\n\r\n \/* Animations *\/\r\n .fade-up {\r\n animation: fadeUp 0.6s ease forwards;\r\n }\r\n\r\n @keyframes fadeUp {\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 .card {\r\n animation: fadeUp 0.5s ease forwards;\r\n }\r\n .card:nth-child(1) { animation-delay: 0.05s; }\r\n .card:nth-child(2) { animation-delay: 0.1s; }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .vision-mission-grid {\r\n gap: 1.5rem;\r\n }\r\n .card-image {\r\n max-height: 180px;\r\n }\r\n .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vision-mission-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n .purpose-section {\r\n padding: 3rem 1.5rem;\r\n }\r\n .card-image {\r\n max-height: 200px;\r\n }\r\n .card-content {\r\n padding: 1.2rem;\r\n }\r\n .section-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n .section-description {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .card-content {\r\n padding: 1rem;\r\n }\r\n .card h3 {\r\n font-size: 1.2rem;\r\n }\r\n .card p {\r\n font-size: 0.8rem;\r\n }\r\n .section-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n .section-description {\r\n font-size: 0.85rem;\r\n }\r\n .card-icon {\r\n width: 44px;\r\n height: 44px;\r\n }\r\n .card-icon i {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ========== OUR PURPOSE & COMMITMENT SECTION - UPDATED CONTENT ========== -->\r\n <section class=\"purpose-section\">\r\n <div class=\"decor-dot-left\"><\/div>\r\n <div class=\"decor-dot\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"section-header fade-up\">\r\n <div class=\"section-tag\">\r\n <i class=\"fas fa-seedling\"><\/i>\r\n <span>OUR PURPOSE & COMMITMENT<\/span>\r\n <\/div>\r\n <h2>Our Purpose & <span>Commitment<\/span><\/h2>\r\n <p class=\"section-description\">\r\n Driven by a passion for connecting people and opportunities, we focus on creating meaningful workforce solutions that support business growth and career success.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Vision & Mission Cards -->\r\n <div class=\"vision-mission-grid\">\r\n <!-- Vision Card -->\r\n <div class=\"card\">\r\n <img fetchpriority=\"high\" decoding=\"async\" class=\"card-image\" src=\"https:\/\/images.pexels.com\/photos\/3184418\/pexels-photo-3184418.jpeg?auto=compress&cs=tinysrgb&w=500&h=350&fit=crop\" \r\n alt=\"Vision - Looking ahead\"\r\n width=\"500\" height=\"350\"\r\n onerror=\"this.src='https:\/\/placehold.co\/500x350\/00468f\/ffffff?text=OUR+VISION'\">\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <\/div>\r\n <h3>Our Vision<\/h3>\r\n <p>To be a trusted workforce solutions partner, helping businesses access the right talent while creating opportunities that empower individuals to build successful careers.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mission Card -->\r\n <div class=\"card\">\r\n <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/images.pexels.com\/photos\/3184292\/pexels-photo-3184292.jpeg?auto=compress&cs=tinysrgb&w=500&h=350&fit=crop\" \r\n alt=\"Mission - Team collaboration\"\r\n width=\"500\" height=\"350\"\r\n onerror=\"this.src='https:\/\/placehold.co\/500x350\/65ab20\/ffffff?text=OUR+MISSION'\">\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n <h3>Our Mission<\/h3>\r\n <p>To deliver reliable recruitment, staffing, payroll, and HR solutions through strong partnerships, industry expertise, and a commitment to excellence that consistently exceeds client expectations.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Equalize card heights for vision\/mission cards\r\n function equalizeCardHeights() {\r\n const cards = document.querySelectorAll('.card');\r\n if (cards.length === 2) {\r\n cards.forEach(card => card.style.height = 'auto');\r\n const height1 = cards[0].offsetHeight;\r\n const height2 = cards[1].offsetHeight;\r\n const maxHeight = Math.max(height1, height2);\r\n cards.forEach(card => card.style.height = maxHeight + 'px');\r\n }\r\n }\r\n\r\n window.addEventListener('load', equalizeCardHeights);\r\n window.addEventListener('resize', equalizeCardHeights);\r\n\r\n \/\/ Image fallback handler\r\n const images = document.querySelectorAll('.card-image');\r\n images.forEach(img => {\r\n img.addEventListener('error', function() {\r\n if(this.alt === 'Vision - Looking ahead') {\r\n this.src = 'https:\/\/placehold.co\/500x350\/00468f\/ffffff?text=OUR+VISION';\r\n } else {\r\n this.src = 'https:\/\/placehold.co\/500x350\/65ab20\/ffffff?text=OUR+MISSION';\r\n }\r\n });\r\n });\r\n <\/script>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37abf84 e-flex e-con-boxed e-con e-child\" data-id=\"37abf84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ca5c38 e-con-full e-flex e-con e-child\" data-id=\"1ca5c38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb33dc elementor-widget elementor-widget-hiringhub_hero_title\" data-id=\"1cb33dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hiringhub_hero_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \r\n <div class=\"sec-title withtext te-box-title\">\r\n <div class=\"sub-title\">\r\n <h4 class=\"te-bn-subtitle\">Building Strong Workforce Partnerships Across Industries <\/h4> <\/div>\r\n <h3 class=\"te-title hiringhub-size-default\">Reaching to the great sucess<\/h3> <\/div>\r\n \r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e738d2 e-con-full e-flex e-con e-child\" data-id=\"0e738d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3403227 e-con-full e-flex e-con e-child\" data-id=\"3403227\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1e9bddd e-con-full e-flex e-con e-child\" data-id=\"1e9bddd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2227c03 elementor-widget elementor-widget-hiringhub_funfacts\" data-id=\"2227c03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hiringhub_funfacts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \r\n \r\n <!--Start Fact Counter Style1-->\r\n <section class=\"fact-counter-style1\">\r\n <div class=\"container\">\r\n <div class=\"row\">\r\n\t\t\t\t <!--Start Single Fact Counter Style1-->\r\n <div class=\"col-xl-3 col-lg-3 col-md-6\">\r\n <div class=\"fact-counter-style1__single \">\r\n <div class=\"fact-counter-box\">\r\n <div class=\"circle-box\"><\/div>\r\n <div class=\"counter-box\">\r\n <h2>\r\n <span class=\"odometer\" data-count=\"50\">0<\/span>\r\n <span class=\"k\">k+<\/span> <\/h2>\r\n <\/div>\r\n <p>Candidates Placed <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!--End Single Fact Counter Style1-->\r\n\t\t\t\t <!--Start Single Fact Counter Style1-->\r\n <div class=\"col-xl-3 col-lg-3 col-md-6\">\r\n <div class=\"fact-counter-style1__single \">\r\n <div class=\"fact-counter-box\">\r\n <div class=\"circle-box\"><\/div>\r\n <div class=\"counter-box\">\r\n <h2>\r\n <span class=\"odometer\" data-count=\"1000+ \">0<\/span>\r\n <\/h2>\r\n <\/div>\r\n <p>Businesses Supported <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!--End Single Fact Counter Style1-->\r\n\t\t\t\t <!--Start Single Fact Counter Style1-->\r\n <div class=\"col-xl-3 col-lg-3 col-md-6\">\r\n <div class=\"fact-counter-style1__single \">\r\n <div class=\"fact-counter-box\">\r\n <div class=\"circle-box\"><\/div>\r\n <div class=\"counter-box\">\r\n <h2>\r\n <span class=\"odometer\" data-count=\"98\">0<\/span>\r\n <span class=\"k\">%<\/span> <\/h2>\r\n <\/div>\r\n <p>Client Satisfaction Rate<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!--End Single Fact Counter Style1-->\r\n\t\t\t\t <!--Start Single Fact Counter Style1-->\r\n <div class=\"col-xl-3 col-lg-3 col-md-6\">\r\n <div class=\"fact-counter-style1__single \">\r\n <div class=\"fact-counter-box\">\r\n <div class=\"circle-box\"><\/div>\r\n <div class=\"counter-box\">\r\n <h2>\r\n <span class=\"odometer\" data-count=\"99\">0<\/span>\r\n <span class=\"k\">%<\/span> <\/h2>\r\n <\/div>\r\n <p>Client Successful<br>Rate<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!--End Single Fact Counter Style1-->\r\n\t\t\t\t <\/div>\r\n <\/div>\r\n <\/section> \r\n \r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d111d9a e-con-full e-flex e-con e-child\" data-id=\"d111d9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12dc08b e-con-full e-flex e-con e-child\" data-id=\"12dc08b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-640b58b e-con-full e-flex e-con e-child\" data-id=\"640b58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90c15f8 elementor-widget elementor-widget-html\" data-id=\"90c15f8\" 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 Info Lab | Why Choose Orris<\/title>\r\n <!-- Google Fonts: Inter + Playfair Display -->\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&family=Playfair+Display:ital,wght@0,500;0,600;0,700&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 color: #1e2a32;\r\n }\r\n\r\n \/* Why Choose Orris Section - Blue Gradient Background *\/\r\n .why-choose-section {\r\n width: 100%;\r\n background: linear-gradient(135deg, #002856 0%, #0a4a8f 50%, #001f48 100%);\r\n margin: 0;\r\n padding: 5rem 2rem;\r\n position: relative;\r\n }\r\n\r\n \/* Subtle background pattern *\/\r\n .why-choose-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 10% 20%, rgba(101, 171, 32, 0.04) 2%, transparent 2.5%);\r\n background-size: 45px 45px;\r\n pointer-events: none;\r\n }\r\n\r\n .section-container {\r\n max-width: 1300px;\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Header Styling - Shifted to Right Side *\/\r\n .section-header {\r\n text-align: right;\r\n margin-bottom: 3.5rem;\r\n padding-right: 2rem;\r\n }\r\n\r\n .pre-title {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 8px;\r\n background: rgba(101, 171, 32, 0.18);\r\n color: #c5e8a3;\r\n font-size: 0.7rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n padding: 0.4rem 1.5rem;\r\n border-radius: 50px;\r\n margin-bottom: 1.2rem;\r\n border: 1px solid rgba(139, 195, 74, 0.4);\r\n }\r\n\r\n .pre-title i {\r\n font-size: 0.7rem;\r\n color: #8bc34a;\r\n }\r\n\r\n .section-header h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .section-header h2 span {\r\n color: #8bc34a;\r\n position: relative;\r\n display: inline-block;\r\n border-bottom: 3px solid #8bc34a;\r\n padding-bottom: 6px;\r\n }\r\n\r\n .heading-sub {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.82);\r\n font-weight: 450;\r\n max-width: 620px;\r\n margin: 1rem 0 0 auto;\r\n line-height: 1.55;\r\n }\r\n\r\n \/* 3x2 Grid Layout - Same as before *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n }\r\n\r\n \/* Card Design - Same as previous (glassmorphism style) *\/\r\n .feature-card {\r\n background: rgba(255, 255, 255, 0.08);\r\n backdrop-filter: blur(8px);\r\n border-radius: 28px;\r\n padding: 1.8rem 1.3rem;\r\n transition: all 0.35s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n box-shadow: 0 10px 25px -12px rgba(0, 0, 0, 0.2);\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n }\r\n\r\n .feature-card::before {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0%;\r\n height: 3px;\r\n background: linear-gradient(90deg, #8bc34a, #65ab20);\r\n transition: width 0.35s ease;\r\n }\r\n\r\n .feature-card:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .feature-card:hover {\r\n background: rgba(255, 255, 255, 0.12);\r\n transform: translateY(-5px);\r\n border-color: rgba(139, 195, 74, 0.5);\r\n }\r\n\r\n \/* Number badge *\/\r\n .feature-number {\r\n font-size: 0.7rem;\r\n font-weight: 800;\r\n color: #8bc34a;\r\n background: rgba(101, 171, 32, 0.25);\r\n display: inline-block;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 40px;\r\n margin-bottom: 1rem;\r\n letter-spacing: 0.8px;\r\n font-family: 'Inter', sans-serif;\r\n border: 0.5px solid rgba(139, 195, 74, 0.4);\r\n }\r\n\r\n \/* Icon - green *\/\r\n .feature-icon {\r\n font-size: 2.2rem;\r\n color: #8bc34a;\r\n margin-bottom: 1rem;\r\n transition: all 0.25s ease;\r\n display: inline-block;\r\n }\r\n\r\n .feature-card:hover .feature-icon {\r\n transform: scale(1.05);\r\n color: #a8d66b;\r\n }\r\n\r\n \/* Title - White *\/\r\n .feature-title {\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n margin-bottom: 0.6rem;\r\n letter-spacing: -0.2px;\r\n line-height: 1.35;\r\n }\r\n\r\n \/* Description - White with subtle opacity *\/\r\n .feature-desc {\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.75);\r\n line-height: 1.55;\r\n font-weight: 450;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1100px) {\r\n .features-grid {\r\n gap: 1.3rem;\r\n }\r\n .feature-card {\r\n padding: 1.5rem 1.1rem;\r\n }\r\n .feature-title {\r\n font-size: 0.95rem;\r\n }\r\n .feature-icon {\r\n font-size: 1.9rem;\r\n }\r\n .feature-desc {\r\n font-size: 0.8rem;\r\n }\r\n .section-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .why-choose-section {\r\n padding: 3.5rem 1.5rem;\r\n }\r\n .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n .section-header {\r\n padding-right: 1rem;\r\n text-align: right;\r\n }\r\n }\r\n\r\n \/* Tablet: 2 cards per row *\/\r\n @media (max-width: 800px) {\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.2rem;\r\n }\r\n .section-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n .heading-sub {\r\n font-size: 0.9rem;\r\n margin-left: auto;\r\n margin-right: 0;\r\n }\r\n }\r\n\r\n \/* Mobile: 1 card per row *\/\r\n @media (max-width: 550px) {\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n .why-choose-section {\r\n padding: 2.5rem 1rem;\r\n }\r\n .section-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n .feature-card {\r\n padding: 1.3rem 1rem;\r\n }\r\n .feature-icon {\r\n font-size: 1.8rem;\r\n }\r\n .feature-title {\r\n font-size: 0.9rem;\r\n }\r\n .feature-desc {\r\n font-size: 0.8rem;\r\n }\r\n .section-header {\r\n text-align: center;\r\n padding-right: 0;\r\n }\r\n .heading-sub {\r\n margin: 1rem auto 0;\r\n text-align: center;\r\n }\r\n .pre-title {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- WHY CHOOSE ORRIS \u2013 Title shifted to Right, Same Card Design -->\r\n <div class=\"why-choose-section\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <div class=\"pre-title\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>WHY CHOOSE ORRIS<\/span>\r\n <\/div>\r\n <h2><span>The Advantages of Partnering With Us<\/span><\/h2>\r\n <div class=\"heading-sub\">Trusted workforce solutions \u2014 faster hiring, verified talent, pan-India reach<\/div>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <!-- 01 - Faster Hiring Process -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">01<\/div>\r\n <div class=\"feature-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n <div class=\"feature-title\">Faster Hiring Process<\/div>\r\n <div class=\"feature-desc\">Reduce hiring timelines with access to qualified and job-ready candidates.<\/div>\r\n <\/div>\r\n\r\n <!-- 02 - Verified Talent Pool -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">02<\/div>\r\n <div class=\"feature-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"feature-title\">Verified Talent Pool<\/div>\r\n <div class=\"feature-desc\">Carefully screened candidates to ensure quality, reliability, and skill fit.<\/div>\r\n <\/div>\r\n\r\n <!-- 03 - Industry-Specific Expertise -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">03<\/div>\r\n <div class=\"feature-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <div class=\"feature-title\">Industry-Specific Expertise<\/div>\r\n <div class=\"feature-desc\">Specialized hiring solutions across manufacturing, engineering, healthcare, IT, logistics, and more.<\/div>\r\n <\/div>\r\n\r\n <!-- 04 - Scalable Workforce Solutions -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">04<\/div>\r\n <div class=\"feature-icon\"><i class=\"fas fa-chart-simple\"><\/i><\/div>\r\n <div class=\"feature-title\">Scalable Workforce Solutions<\/div>\r\n <div class=\"feature-desc\">Flexible staffing support for short-term, long-term, and project-based requirements.<\/div>\r\n <\/div>\r\n\r\n <!-- 05 - Compliance & Payroll Support -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">05<\/div>\r\n <div class=\"feature-icon\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div>\r\n <div class=\"feature-title\">Compliance & Payroll Support<\/div>\r\n <div class=\"feature-desc\">Simplifying workforce management with reliable payroll and statutory compliance services.<\/div>\r\n <\/div>\r\n\r\n <!-- 06 - Pan India Reach -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">06<\/div>\r\n <div class=\"feature-icon\"><i class=\"fas fa-globe-asia\"><\/i><\/div>\r\n <div class=\"feature-title\">Pan India Reach<\/div>\r\n <div class=\"feature-desc\">Supporting businesses with recruitment and staffing solutions across multiple locations.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4360442 e-con-full e-flex e-con e-parent\" data-id=\"4360442\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e2806c5 e-con-full e-flex e-con e-child\" data-id=\"e2806c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e379412 elementor-widget elementor-widget-html\" data-id=\"e379412\" 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>Blue Collar Hiring | Industries We Serve - Auto Scroll<\/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 html, body {\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n }\r\n\r\n \/* Main wrapper - NO GAPS at edges *\/\r\n .main-wrapper {\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n background: #ffffff;\r\n }\r\n\r\n \/* Industries section - full width, no gaps *\/\r\n .industries-section {\r\n width: 100%;\r\n margin: 0;\r\n padding: 2rem 0 3rem 0;\r\n background: #ffffff;\r\n }\r\n\r\n .section-container {\r\n max-width: 1400px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0;\r\n }\r\n\r\n \/* Header styling - NO left gap, aligned with container start *\/\r\n .section-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 1.8rem;\r\n flex-wrap: wrap;\r\n padding-left: 2rem;\r\n padding-right: 2rem;\r\n }\r\n .section-header i {\r\n font-size: 1.8rem;\r\n color: #00468f;\r\n background: #eef2fa;\r\n padding: 12px;\r\n border-radius: 18px;\r\n }\r\n .section-header h2 {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #0b2b36;\r\n letter-spacing: -0.3px;\r\n }\r\n .section-header h2 span {\r\n color: #65ab20;\r\n border-bottom: 4px solid #65ab20;\r\n padding-bottom: 4px;\r\n }\r\n\r\n \/* Horizontal scroll container - NO SCROLLBAR VISIBLE, FULL WIDTH *\/\r\n .scroll-container {\r\n width: 100%;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n white-space: nowrap;\r\n scroll-behavior: smooth;\r\n -webkit-overflow-scrolling: touch;\r\n padding-bottom: 0.5rem;\r\n \/* Hide scrollbar for all browsers *\/\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n cursor: default;\r\n }\r\n .scroll-container::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .scroll-track {\r\n display: inline-flex;\r\n gap: 1.2rem;\r\n padding: 0.3rem 2rem; \/* Padding on left and right to match header alignment *\/\r\n }\r\n\r\n \/* Industry card styling *\/\r\n .industry-card {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: #f8fafc;\r\n border-radius: 24px;\r\n padding: 1.2rem 1.6rem;\r\n min-width: 130px;\r\n width: auto;\r\n transition: all 0.25s ease;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n cursor: pointer;\r\n }\r\n .industry-card:hover {\r\n background: #ffffff;\r\n border-color: #65ab20;\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 28px -14px rgba(101, 171, 32, 0.25);\r\n }\r\n .industry-icon {\r\n font-size: 2.2rem;\r\n color: #00468f;\r\n margin-bottom: 0.7rem;\r\n }\r\n .industry-title {\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n color: #1f4a58;\r\n text-align: center;\r\n white-space: normal;\r\n word-break: keep-all;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 900px) {\r\n .industries-section {\r\n padding: 1.5rem 0 2rem 0;\r\n }\r\n .section-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n .section-header i {\r\n font-size: 1.5rem;\r\n padding: 10px;\r\n }\r\n .section-header {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n }\r\n .scroll-track {\r\n padding: 0.3rem 1.5rem;\r\n }\r\n .industry-card {\r\n min-width: 115px;\r\n padding: 1rem 1.2rem;\r\n }\r\n .industry-icon {\r\n font-size: 1.8rem;\r\n }\r\n .industry-title {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .industries-section {\r\n padding: 1rem 0 1.5rem 0;\r\n }\r\n .section-header h2 {\r\n font-size: 1.3rem;\r\n }\r\n .section-header i {\r\n font-size: 1.3rem;\r\n padding: 8px;\r\n }\r\n .section-header {\r\n padding-left: 1rem;\r\n padding-right: 1rem;\r\n }\r\n .scroll-track {\r\n padding: 0.3rem 1rem;\r\n }\r\n .industry-card {\r\n min-width: 100px;\r\n padding: 0.8rem 1rem;\r\n }\r\n .industry-icon {\r\n font-size: 1.5rem;\r\n }\r\n .industry-title {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"main-wrapper\">\r\n <!-- ===== INDUSTRIES WE SERVE SECTION (Only Section) ===== -->\r\n <div class=\"industries-section\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <i class=\"fas fa-building\"><\/i>\r\n <h2>Industries <span>We Serve<\/span><\/h2>\r\n <\/div>\r\n <div class=\"scroll-container\" id=\"industriesScroll\">\r\n <div class=\"scroll-track\" id=\"industriesTrack\">\r\n <!-- Manufacturing -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\r\n <div class=\"industry-title\">Manufacturing<\/div>\r\n <\/div>\r\n <!-- Warehousing -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-warehouse\"><\/i><\/div>\r\n <div class=\"industry-title\">Warehousing<\/div>\r\n <\/div>\r\n <!-- Logistics -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-truck-ramp-box\"><\/i><\/div>\r\n <div class=\"industry-title\">Logistics<\/div>\r\n <\/div>\r\n <!-- Construction -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\r\n <div class=\"industry-title\">Construction<\/div>\r\n <\/div>\r\n <!-- Facility Management -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n <div class=\"industry-title\">Facility Management<\/div>\r\n <\/div>\r\n <!-- Retail -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-store\"><\/i><\/div>\r\n <div class=\"industry-title\">Retail<\/div>\r\n <\/div>\r\n <!-- Hospitality -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\r\n <div class=\"industry-title\">Hospitality<\/div>\r\n <\/div>\r\n <!-- Industrial Operations -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-gear\"><\/i><\/div>\r\n <div class=\"industry-title\">Industrial Operations<\/div>\r\n <\/div>\r\n <!-- Duplicate items for seamless infinite loop effect -->\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\r\n <div class=\"industry-title\">Manufacturing<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-warehouse\"><\/i><\/div>\r\n <div class=\"industry-title\">Warehousing<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-truck-ramp-box\"><\/i><\/div>\r\n <div class=\"industry-title\">Logistics<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\r\n <div class=\"industry-title\">Construction<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n <div class=\"industry-title\">Facility Management<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-store\"><\/i><\/div>\r\n <div class=\"industry-title\">Retail<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\r\n <div class=\"industry-title\">Hospitality<\/div>\r\n <\/div>\r\n <div class=\"industry-card\">\r\n <div class=\"industry-icon\"><i class=\"fas fa-gear\"><\/i><\/div>\r\n <div class=\"industry-title\">Industrial Operations<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const scrollContainer = document.getElementById('industriesScroll');\r\n \r\n if (!scrollContainer) return;\r\n \r\n let scrollInterval = null;\r\n let isHovering = false;\r\n const scrollSpeed = 1.2; \/\/ pixels per frame for smooth continuous scroll\r\n \r\n function startAutoScroll() {\r\n if (scrollInterval) return;\r\n scrollInterval = setInterval(() => {\r\n if (!isHovering && scrollContainer) {\r\n scrollContainer.scrollLeft += scrollSpeed;\r\n \r\n \/\/ Reset scroll position to create infinite loop effect\r\n const maxScroll = scrollContainer.scrollWidth \/ 2;\r\n if (scrollContainer.scrollLeft >= maxScroll) {\r\n scrollContainer.scrollLeft = scrollContainer.scrollLeft - maxScroll;\r\n }\r\n }\r\n }, 16); \/\/ ~60fps for smooth animation\r\n }\r\n \r\n function stopAutoScroll() {\r\n if (scrollInterval) {\r\n clearInterval(scrollInterval);\r\n scrollInterval = null;\r\n }\r\n }\r\n \r\n \/\/ Pause on hover (container)\r\n scrollContainer.addEventListener('mouseenter', () => {\r\n isHovering = true;\r\n });\r\n \r\n scrollContainer.addEventListener('mouseleave', () => {\r\n isHovering = false;\r\n });\r\n \r\n \/\/ Also pause when any industry card is hovered (better UX)\r\n const cards = scrollContainer.querySelectorAll('.industry-card');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n isHovering = true;\r\n });\r\n card.addEventListener('mouseleave', () => {\r\n isHovering = false;\r\n });\r\n });\r\n \r\n \/\/ Start the auto-scroll\r\n startAutoScroll();\r\n \r\n \/\/ Cleanup on page unload\r\n window.addEventListener('beforeunload', () => {\r\n stopAutoScroll();\r\n });\r\n })();\r\n <\/script>\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<div class=\"elementor-element elementor-element-da1ff6f e-con e-atomic-element e-flexbox-base e-d1be475 \" data-id=\"da1ff6f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"da1ff6f\">\n \t\t<div class=\"elementor-element elementor-element-faaab1e elementor-widget elementor-widget-html\" data-id=\"faaab1e\" 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 | Workforce Excellence<\/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: Arial, Helvetica, sans-serif;\r\n background: white;\r\n }\r\n\r\n \/* Simple section - guaranteed to show *\/\r\n .workforce-section {\r\n width: 100%;\r\n background: white;\r\n padding: 60px 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Two column layout *\/\r\n .two-columns {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n .left-column {\r\n flex: 1;\r\n min-width: 280px;\r\n }\r\n\r\n .right-column {\r\n flex: 1;\r\n min-width: 280px;\r\n }\r\n\r\n \/* Small title *\/\r\n .small-title {\r\n display: inline-block;\r\n background: #e8f5e0;\r\n padding: 6px 18px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #4c9a2a;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* Main heading *\/\r\n h1 {\r\n font-size: 42px;\r\n font-weight: 800;\r\n color: #0a2e3b;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n\r\n h1 span {\r\n color: #65ab20;\r\n }\r\n\r\n \/* Description *\/\r\n .description {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: #4a5b4a;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Buttons *\/\r\n .buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n .btn {\r\n padding: 12px 28px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n border: none;\r\n transition: all 0.3s;\r\n font-family: inherit;\r\n }\r\n\r\n .btn-primary {\r\n background: #0a4a8f;\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #00356b;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n border: 2px solid #0a4a8f;\r\n color: #0a4a8f;\r\n }\r\n\r\n .btn-outline:hover {\r\n background: #0a4a8f;\r\n color: white;\r\n }\r\n\r\n .btn-light {\r\n background: white;\r\n border: 2px solid #65ab20;\r\n color: #2c5a1e;\r\n }\r\n\r\n .btn-light:hover {\r\n background: #65ab20;\r\n color: white;\r\n }\r\n\r\n \/* Right side - simple visible card *\/\r\n .info-card {\r\n background: linear-gradient(135deg, #0a4a8f, #1a6bb5);\r\n border-radius: 30px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n color: white;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .info-card i {\r\n font-size: 60px;\r\n color: #8bc34a;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .info-card h3 {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* WHITE COLOR for the empowering line - as requested *\/\r\n .info-card p {\r\n font-size: 15px;\r\n line-height: 1.5;\r\n margin-bottom: 25px;\r\n opacity: 1;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Stats row *\/\r\n .stats-row {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n margin-top: 20px;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(255,255,255,0.2);\r\n }\r\n\r\n .stat {\r\n flex: 1;\r\n }\r\n\r\n .stat-number {\r\n font-size: 28px;\r\n font-weight: bold;\r\n }\r\n\r\n .stat-label {\r\n font-size: 11px;\r\n opacity: 0.8;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Feature badges *\/\r\n .feature-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .badge {\r\n background: rgba(255,255,255,0.15);\r\n padding: 6px 14px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: white;\r\n }\r\n\r\n \/* Trust badge *\/\r\n .trust-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #65ab20;\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: bold;\r\n margin-top: 20px;\r\n }\r\n\r\n \/* Simple animations *\/\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.03); }\r\n }\r\n\r\n .trust-badge {\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 800px) {\r\n h1 { font-size: 32px; }\r\n .two-columns { gap: 40px; }\r\n .info-card { padding: 30px 20px; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .workforce-section { padding: 40px 15px; }\r\n h1 { font-size: 28px; }\r\n .btn { padding: 10px 20px; font-size: 13px; }\r\n .stat-number { font-size: 22px; }\r\n }\r\n\r\n \/* Toast message *\/\r\n .toast {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n background: #1e293b;\r\n color: white;\r\n padding: 12px 24px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n border-left: 4px solid #65ab20;\r\n z-index: 1000;\r\n display: none;\r\n }\r\n .toast.show {\r\n display: block;\r\n animation: slideIn 0.3s ease;\r\n }\r\n @keyframes slideIn {\r\n from { transform: translateX(100px); opacity: 0; }\r\n to { transform: translateX(0); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"workforce-section\">\r\n <div class=\"container\">\r\n <div class=\"two-columns\">\r\n \r\n <!-- LEFT COLUMN - TEXT CONTENT -->\r\n <div class=\"left-column\">\r\n <div class=\"small-title\">\r\n \u26a1 Workforce Excellence Starts Here\r\n <\/div>\r\n <h1>\r\n Building Strong <span>Workforce Solutions<\/span><br>for Modern Businesses\r\n <\/h1>\r\n <p class=\"description\">\r\n We help organizations overcome workforce challenges through reliable recruitment, staffing, payroll, and HR solutions. \r\n Our focus is on creating lasting partnerships that drive business growth and workforce success.\r\n <\/p>\r\n <div class=\"buttons\">\r\n <button class=\"btn btn-primary\" onclick=\"showToastMessage('\ud83c\udf31 Our Philosophy: Talent-first, integrity-driven impact.')\">\r\n Our Philosophy \u2192\r\n <\/button>\r\n <button class=\"btn btn-outline\" onclick=\"showToastMessage('\ud83d\ude80 Our Journey: 500+ enterprises, 200+ cities since 2015.')\">\r\n \ud83d\ude80 Our Journey\r\n <\/button>\r\n <button class=\"btn btn-light\" onclick=\"showToastMessage('\ud83e\udd1d Our Commitment: Compliance, transparency, shared growth.')\">\r\n \ud83e\udd1d Our Commitment\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT COLUMN - VISUAL CARD (ALWAYS VISIBLE) -->\r\n <div class=\"right-column\">\r\n <div class=\"info-card\">\r\n <div style=\"font-size: 60px; margin-bottom: 20px;\">\ud83d\udcbc<\/div>\r\n <h3>Orris Workforce<\/h3>\r\n <!-- This line is now WHITE color as requested -->\r\n <p>Empowering businesses with reliable talent solutions across India<\/p>\r\n \r\n <div class=\"feature-badges\">\r\n <span class=\"badge\">\u2713 Verified<\/span>\r\n <span class=\"badge\">\u26a1 Fast Hiring<\/span>\r\n <span class=\"badge\">\ud83d\udee1\ufe0f Compliant<\/span>\r\n <\/div>\r\n \r\n <div class=\"stats-row\">\r\n <div class=\"stat\">\r\n <div class=\"stat-number\">500+<\/div>\r\n <div class=\"stat-label\">CLIENTS<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-number\">200+<\/div>\r\n <div class=\"stat-label\">CITIES<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-number\">50K+<\/div>\r\n <div class=\"stat-label\">HIRES<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"trust-badge\">\r\n \u2713 Trusted Partner\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"toast\" class=\"toast\"><\/div>\r\n\r\n <script>\r\n function showToastMessage(message) {\r\n const toast = document.getElementById('toast');\r\n toast.textContent = message;\r\n toast.classList.add('show');\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 3000);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Orris Infolab | About Us – Our Story & Vision Home \u203a About Us About Orris Info Lab We are a leading technology solutions provider dedicated to delivering innovative and scalable digital solutions that empower businesses to thrive in the modern era. Learn More About Us \u2192 Contact Our Team \u2192 10+ Years Experience 500+ […]<\/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-786","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/786","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=786"}],"version-history":[{"count":65,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/786\/revisions"}],"predecessor-version":[{"id":3470,"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/pages\/786\/revisions\/3470"}],"wp:attachment":[{"href":"https:\/\/orrisinfolab.com\/index.php\/wp-json\/wp\/v2\/media?parent=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}