{"id":51387,"date":"2025-03-18T15:06:49","date_gmt":"2025-03-18T15:06:49","guid":{"rendered":"https:\/\/www.clevry.com\/?page_id=51387"},"modified":"2025-07-08T11:56:11","modified_gmt":"2025-07-08T11:56:11","slug":"clevry-vs-alva-labs-a-comparison-of-assessment-platforms","status":"publish","type":"page","link":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/","title":{"rendered":"Clevry vs Alva Labs: A comparison of assessment platforms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"51387\" class=\"elementor elementor-51387\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b93bb22 e-flex e-con-boxed e-con e-parent\" data-id=\"b93bb22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bfaace elementor-widget elementor-widget-html\" data-id=\"2bfaace\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"comparison\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Clevry Brand Colors and Styling *\/\r\n :root {\r\n     --clevry-primary: #8e1a55;\r\n     --clevry-secondary: #3a7363;\r\n     --clevry-background: #e8f4f0;\r\n     --clevry-light: #ffffff;\r\n     --clevry-dark: #333333;\r\n     --clevry-gray: #6c757d;\r\n     --clevry-light-gray: #e0e0e0;\r\n     --clevry-border-radius: 8px;\r\n     --clevry-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n #comparison * {\r\n     box-sizing: border-box !important;\r\n     margin: 0 !important;\r\n     padding: 0 !important;\r\n     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n }\r\n \r\n #comparison {\r\n\r\n     color: var(--clevry-dark) !important;\r\n     line-height: 1.6 !important;\r\n }\r\n \r\n #comparison .container {\r\n     max-width: 1200px !important;\r\n     margin: 0 auto !important;\r\n     padding: 20px !important;\r\n }\r\n \r\n #comparison .search-container {\r\n     position: relative !important;\r\n     width: 300px !important;\r\n     margin-left: auto !important;\r\n }\r\n \r\n #comparison .search-container input {\r\n     width: 100% !important;\r\n     padding: 10px 15px !important;\r\n     padding-right: 40px !important; \/* Make room for the X button *\/\r\n     border: none !important;\r\n     border-radius: 20px !important;\r\n     font-size: 14px !important;\r\n     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n #comparison .search-container input:focus {\r\n     outline: none !important;\r\n     box-shadow: 0 0 0 2px rgba(58, 115, 99, 0.5) !important;\r\n }\r\n \r\n #comparison .search-clear-btn {\r\n     position: absolute !important;\r\n     right: 12px !important;\r\n     top: 50% !important;\r\n     transform: translateY(-50%) !important;\r\n     background: var(--clevry-light-gray) !important;\r\n     color: var(--clevry-dark) !important;\r\n     border: none !important;\r\n     border-radius: 50% !important;\r\n     width: 20px !important;\r\n     height: 20px !important;\r\n     font-size: 12px !important;\r\n     line-height: 1 !important;\r\n     cursor: pointer !important;\r\n     display: flex !important;\r\n     align-items: center !important;\r\n     justify-content: center !important;\r\n     opacity: 0.7 !important;\r\n     transition: opacity 0.2s ease !important;\r\n     display: none !important; \/* Hidden by default *\/\r\n }\r\n \r\n\/* Fix for Yes\/No cells in the Clevry column *\/\r\n#comparison .comparison-table td.clevry-column.yes,\r\n#comparison .comparison-table td.clevry-column.no {\r\n  padding: 1rem !important;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* Ensure all Clevry column cells have consistent padding *\/\r\n#comparison .comparison-table td.clevry-column {\r\n  padding: 1rem !important;\r\n  vertical-align: middle !important;\r\n}\r\n \r\n #comparison .search-clear-btn:hover {\r\n     opacity: 1 !important;\r\n }\r\n \r\n #comparison .tabs {\r\n     display: flex !important;\r\n     background-color: var(--clevry-light) !important;\r\n     border-bottom: 1px solid var(--clevry-light-gray) !important;\r\n     overflow-x: auto !important;\r\n     scrollbar-width: none !important; \/* For Firefox *\/\r\n     justify-content: space-between !important;\r\n     align-items: center !important;\r\n     padding: 0 20px !important;\r\n     border-radius: var(--clevry-border-radius) var(--clevry-border-radius) 0 0 !important;\r\n }\r\n \r\n #comparison .tabs.hidden {\r\n     display: none !important;\r\n }\r\n \r\n #comparison .tabs::-webkit-scrollbar {\r\n     display: none !important; \/* For Chrome, Safari, and Opera *\/\r\n }\r\n \r\n #comparison .tabs-wrapper {\r\n     display: flex !important;\r\n     overflow-x: auto !important;\r\n     scrollbar-width: none !important; \/* For Firefox *\/\r\n }\r\n \r\n #comparison .tabs-wrapper::-webkit-scrollbar {\r\n     display: none !important; \/* For Chrome, Safari, and Opera *\/\r\n }\r\n \r\n #comparison .tab {\r\n     padding: 15px 20px !important;\r\n     cursor: pointer !important;\r\n     white-space: nowrap !important;\r\n     border-bottom: 3px solid transparent !important;\r\n     transition: all 0.3s ease !important;\r\n     font-weight: 500 !important;\r\n }\r\n \r\n #comparison .tab.active {\r\n     border-bottom: 3px solid var(--clevry-primary) !important;\r\n     color: var(--clevry-primary) !important;\r\n }\r\n \r\n #comparison .tab:hover:not(.active) {\r\n     background-color: rgba(142, 26, 85, 0.05) !important;\r\n }\r\n \r\n #comparison .categories {\r\n     display: flex !important;\r\n     flex-wrap: wrap !important;\r\n     gap: 10px !important;\r\n     padding: 15px !important;\r\n     background-color: var(--clevry-background) !important;\r\n     border-bottom: 1px solid var(--clevry-light-gray) !important;\r\n }\r\n \r\n #comparison .categories.hidden {\r\n     display: none !important;\r\n }\r\n \r\n #comparison .category {\r\n     padding: 8px 15px !important;\r\n     background-color: var(--clevry-light) !important;\r\n     border: 1px solid var(--clevry-light-gray) !important;\r\n     border-radius: 20px !important;\r\n     cursor: pointer !important;\r\n     font-size: 14px !important;\r\n     transition: all 0.3s ease !important;\r\n }\r\n \r\n #comparison .category.active {\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: var(--clevry-light) !important;\r\n     border-color: var(--clevry-secondary) !important;\r\n }\r\n \r\n #comparison .comparison-container {\r\n     background-color: var(--clevry-light) !important;\r\n     border-radius: 0 0 var(--clevry-border-radius) var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     overflow: hidden !important;\r\n }\r\n \r\n #comparison .comparison-table {\r\n     width: 100% !important;\r\n     border-collapse: collapse !important;\r\n }\r\n \r\n #comparison .comparison-table th, \r\n #comparison .comparison-table td {\r\n     padding: 15px !important;\r\n     text-align: left !important;\r\n     border-bottom: 1px solid var(--clevry-light-gray) !important;\r\n }\r\n \r\n #comparison .comparison-table th {\r\n     background-color: #f8f9fa !important;\r\n     font-weight: 600 !important;\r\n }\r\n \r\n #comparison .comparison-table tr:last-child td {\r\n     border-bottom: none !important;\r\n }\r\n \r\n #comparison .comparison-table .feature-name {\r\n     font-weight: 500 !important;\r\n }\r\n \r\n #comparison .comparison-table .category-header {\r\n     background-color: var(--clevry-background) !important;\r\n     font-weight: 600 !important;\r\n     color: var(--clevry-secondary) !important;\r\n }\r\n \r\n #comparison .comparison-table .clevry-column {\r\n     background-color: rgba(232, 244, 240, 0.3) !important;\r\n }\r\n \r\n #comparison .yes {\r\n     color: var(--clevry-secondary) !important;\r\n     font-weight: 500 !important;\r\n }\r\n \r\n #comparison .no {\r\n     color: var(--clevry-gray) !important;\r\n }\r\n \r\n #comparison .details {\r\n     font-size: 14px !important;\r\n     color: var(--clevry-dark) !important;\r\n     margin-top: 5px !important;\r\n }\r\n \r\n #comparison .mobile-selector {\r\n     display: none !important;\r\n     width: 100% !important;\r\n     padding: 12px !important;\r\n     border: 1px solid var(--clevry-light-gray) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     background-color: var(--clevry-light) !important;\r\n     font-size: 16px !important;\r\n     margin-bottom: 15px !important;\r\n }\r\n \r\n #comparison .mobile-selector.hidden {\r\n     display: none !important;\r\n }\r\n \r\n #comparison .mobile-selector:focus {\r\n     outline: none !important;\r\n     border-color: var(--clevry-secondary) !important;\r\n }\r\n \r\n #comparison .mobile-view .feature-row {\r\n     display: flex !important;\r\n     flex-direction: column !important;\r\n     border-bottom: 1px solid var(--clevry-light-gray) !important;\r\n     padding: 15px !important;\r\n }\r\n \r\n #comparison .mobile-view .feature-name {\r\n     font-weight: 600 !important;\r\n     margin-bottom: 10px !important;\r\n }\r\n \r\n #comparison .mobile-view .comparison-card {\r\n     display: flex !important;\r\n     margin-bottom: 15px !important;\r\n }\r\n \r\n #comparison .mobile-view .company-name {\r\n     width: 100px !important;\r\n     font-weight: 500 !important;\r\n }\r\n \r\n #comparison .mobile-view .company-details {\r\n     flex: 1 !important;\r\n }\r\n \r\n #comparison .highlight {\r\n     background-color: rgba(255, 230, 0, 0.2) !important;\r\n }\r\n \r\n \/* Responsive styles *\/\r\n @media (max-width: 768px) {\r\n     #comparison .container {\r\n         padding: 10px !important;\r\n     }\r\n \r\n     #comparison .search-container {\r\n         width: 100% !important;\r\n         margin: 10px 0 !important;\r\n     }\r\n \r\n     #comparison .tabs {\r\n         flex-direction: column !important;\r\n         padding: 10px !important;\r\n     }\r\n \r\n     #comparison .tabs-wrapper {\r\n         display: none !important;\r\n     }\r\n \r\n     #comparison .mobile-selector {\r\n         display: block !important;\r\n         margin-top: 10px !important;\r\n     }\r\n \r\n   \r\n     #comparison .mobile-view {\r\n         display: block !important;\r\n     }\r\n \r\n     #comparison .categories {\r\n         padding: 10px !important;\r\n     }\r\n \r\n     #comparison .category {\r\n         font-size: 12px !important;\r\n         padding: 6px 12px !important;\r\n     }\r\n }\r\n \r\n @media (min-width: 769px) {\r\n     #comparison .mobile-view {\r\n         display: none !important;\r\n     }\r\n }\r\n \r\n \/* Loading animation *\/\r\n #comparison .loader {\r\n     display: flex !important;\r\n     justify-content: center !important;\r\n     align-items: center !important;\r\n     height: 200px !important;\r\n }\r\n \r\n #comparison .loader::after {\r\n     content: \"\" !important;\r\n     width: 50px !important;\r\n     height: 50px !important;\r\n     border: 5px solid var(--clevry-light-gray) !important;\r\n     border-top-color: var(--clevry-primary) !important;\r\n     border-radius: 50% !important;\r\n     animation: comparison-spin 1s linear infinite !important;\r\n }\r\n \r\n @keyframes comparison-spin {\r\n     to {\r\n         transform: rotate(360deg);\r\n     }\r\n }\r\n \r\n \/* Clevry Comparison Page Styles *\/\r\n #comparison .clevry-comparison-page * {\r\n     box-sizing: border-box !important;\r\n     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n }\r\n \r\n #comparison .clevry-comparison-page {\r\n     max-width: 1200px !important;\r\n     margin: 0 auto !important;\r\n     color: var(--clevry-dark) !important;\r\n     line-height: 1.6 !important;\r\n }\r\n \r\n #comparison .clevry-comparison-page h1, \r\n #comparison .clevry-comparison-page h2, \r\n #comparison .clevry-comparison-page h3 {\r\n     margin-top: 2rem !important;\r\n     margin-bottom: 1rem !important;\r\n     font-weight: 600 !important;\r\n }\r\n \r\n #comparison .clevry-comparison-page h1 {\r\n     font-size: 2.5rem !important;\r\n     text-align: center !important;\r\n     margin-bottom: 1.5rem !important;\r\n     color: var(--clevry-dark) !important;\r\n }\r\n \r\n #comparison .clevry-comparison-page h2 {\r\n     font-size: 1.8rem !important;\r\n     margin-top: 3rem !important;\r\n     color: var(--clevry-dark) !important;\r\n }\r\n \r\n #comparison .clevry-comparison-page h3 {\r\n     font-size: 1.3rem !important;\r\n     color: var(--clevry-secondary) !important;\r\n }\r\n \r\n #comparison .clevry-comparison-page p {\r\n     margin-bottom: 1.2rem !important;\r\n     font-size: 1rem !important;\r\n     line-height: 1.5 !important;\r\n }\r\n \r\n \/* Hero Section *\/\r\n #comparison .clevry-hero {\r\n     background-color: var(--clevry-background) !important;\r\n     padding: 3rem 2rem !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     margin-bottom: 2rem !important;\r\n     text-align: center !important;\r\n     position: relative !important;\r\n     overflow: hidden !important;\r\n }\r\n \r\n #comparison .clevry-hero::before {\r\n     content: \"\" !important;\r\n     position: absolute !important;\r\n     top: 0 !important;\r\n     left: 0 !important;\r\n     width: 100% !important;\r\n     height: 100% !important;\r\n     background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(58, 115, 99, 0.1) 100%) !important;\r\n     z-index: 1 !important;\r\n }\r\n \r\n #comparison .clevry-hero-content {\r\n     position: relative !important;\r\n     z-index: 2 !important;\r\n }\r\n \r\n #comparison .clevry-hero h1 {\r\n     color: var(--clevry-dark) !important;\r\n     margin-top: 0 !important;\r\n     font-size: 2.5rem !important;\r\n     margin-bottom: 1rem !important;\r\n     font-weight: 700 !important;\r\n }\r\n \r\n #comparison .clevry-hero p {\r\n     font-size: 1.2rem !important;\r\n     max-width: 800px !important;\r\n     margin: 0 auto 1.5rem !important;\r\n     color: var(--clevry-dark) !important;\r\n }\r\n \r\n #comparison .clevry-hero-cta {\r\n     display: flex !important;\r\n     gap: 1rem !important;\r\n     justify-content: center !important;\r\n     margin-top: 2rem !important;\r\n }\r\n \r\n \/* Summary Box *\/\r\n #comparison .comparison-summary {\r\n     background-color: var(--clevry-background) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     padding: 2rem !important;\r\n     margin-bottom: 3rem !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n }\r\n \r\n #comparison .summary-title {\r\n     text-align: center !important;\r\n     margin-top: 0 !important;\r\n     margin-bottom: 1.5rem !important;\r\n     font-size: 1.6rem !important;\r\n     color: var(--clevry-dark) !important;\r\n }\r\n \r\n #comparison .summary-points {\r\n     display: flex !important;\r\n     flex-wrap: wrap !important;\r\n     gap: 1.5rem !important;\r\n     justify-content: space-between !important;\r\n }\r\n \r\n #comparison .summary-point {\r\n     flex: 1 0 300px !important;\r\n     background: var(--clevry-light) !important;\r\n     padding: 1.5rem !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     position: relative !important;\r\n     transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n \r\n #comparison .summary-point:hover {\r\n     transform: translateY(-5px) !important;\r\n     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n #comparison .summary-point h3 {\r\n     margin-top: 0 !important;\r\n     border-bottom: 1px solid var(--clevry-light-gray) !important;\r\n     padding-bottom: 0.5rem !important;\r\n     margin-bottom: 1rem !important;\r\n     font-size: 1.2rem !important;\r\n }\r\n \r\n #comparison .summary-point::before {\r\n     content: \"\" !important;\r\n     position: absolute !important;\r\n     top: 0 !important;\r\n     left: 0 !important;\r\n     width: 4px !important;\r\n     height: 100% !important;\r\n     background-color: var(--clevry-secondary) !important;\r\n     border-top-left-radius: var(--clevry-border-radius) !important;\r\n     border-bottom-left-radius: var(--clevry-border-radius) !important;\r\n }\r\n \r\n \/* Quick Navigation *\/\r\n #comparison .quick-nav {\r\n     background-color: var(--clevry-light) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     padding: 1.5rem !important;\r\n     margin-bottom: 3rem !important;\r\n }\r\n \r\n #comparison .quick-nav h3 {\r\n     margin-top: 0 !important;\r\n     margin-bottom: 1rem !important;\r\n     text-align: center !important;\r\n }\r\n \r\n #comparison .quick-nav-links {\r\n     display: flex !important;\r\n     flex-wrap: wrap !important;\r\n     gap: 1rem !important;\r\n     justify-content: center !important;\r\n }\r\n \r\n #comparison .quick-nav-link {\r\n     padding: 0.5rem 1rem !important;\r\n     background-color: var(--clevry-background) !important;\r\n     border-radius: 20px !important;\r\n     font-weight: 500 !important;\r\n     color: var(--clevry-secondary) !important;\r\n     text-decoration: none !important;\r\n     transition: background-color 0.3s ease, color 0.3s ease !important;\r\n }\r\n \r\n #comparison .quick-nav-link:hover {\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: var(--clevry-light) !important;\r\n }\r\n \r\n \/* Section layouts *\/\r\n #comparison .comparison-section {\r\n     display: flex !important;\r\n     margin: 4rem 0 !important;\r\n     align-items: center !important;\r\n     flex-wrap: wrap !important;\r\n     scroll-margin-top: 80px !important;\r\n }\r\n \r\n #comparison .comparison-section-content {\r\n     flex: 1 1 50% !important;\r\n     padding: 1rem 2rem !important;\r\n }\r\n \r\n #comparison .comparison-section-image {\r\n     flex: 1 1 50% !important;\r\n     padding: 1rem !important;\r\n     text-align: center !important;\r\n }\r\n \r\n #comparison .comparison-section-image img {\r\n     max-width: 100% !important;\r\n     height: auto !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     transition: transform 0.3s ease !important;\r\n }\r\n \r\n #comparison .comparison-section-image img:hover {\r\n     transform: scale(1.02) !important;\r\n }\r\n \r\n #comparison .comparison-section:nth-child(odd) {\r\n     background-color: var(--clevry-background) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     padding: 2rem 0 !important;\r\n }\r\n \r\n #comparison .comparison-section:nth-child(even) .comparison-section-content {\r\n     order: 2 !important;\r\n }\r\n \r\n #comparison .comparison-section:nth-child(even) .comparison-section-image {\r\n     order: 1 !important;\r\n }\r\n \r\n \/* Section CTA *\/\r\n #comparison .section-cta {\r\n     margin-top: 1.5rem !important;\r\n }\r\n \r\n #comparison .section-cta-btn {\r\n     display: inline-block !important;\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: white !important;\r\n     padding: 0.8rem 1.5rem !important;\r\n     border-radius: 30px !important;\r\n     text-decoration: none !important;\r\n     font-weight: 500 !important;\r\n     transition: all 0.3s ease !important;\r\n }\r\n \r\n #comparison .section-cta-btn:hover {\r\n     background-color: var(--clevry-primary) !important;\r\n     transform: translateY(-2px) !important;\r\n     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n \/* Comparison Table *\/\r\n #comparison .table-container {\r\n     overflow-x: auto !important;\r\n     margin: 2rem 0 !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n }\r\n \r\n #comparison .comparison-table {\r\n     width: 100% !important;\r\n     border-collapse: collapse !important;\r\n     background-color: white !important;\r\n }\r\n \r\n #comparison .comparison-table th, \r\n #comparison .comparison-table td {\r\n     padding: 1rem !important;\r\n     text-align: left !important;\r\n     border-bottom: 1px solid var(--clevry-light-gray) !important;\r\n     vertical-align: middle !important;\r\n     position: relative !important;\r\n }\r\n \r\n \/* Ensure cells with \"No\" have proper height *\/\r\n #comparison .comparison-table td:has(.no) {\r\n     height: 100% !important;\r\n     min-height: 3.5rem !important;\r\n }\r\n \r\n #comparison .comparison-table th {\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: white !important;\r\n     font-weight: 600 !important;\r\n     position: sticky !important;\r\n     top: 0 !important;\r\n     z-index: 10 !important;\r\n }\r\n \r\n #comparison .comparison-table th:first-child {\r\n     border-top-left-radius: var(--clevry-border-radius) !important;\r\n }\r\n \r\n #comparison .comparison-table th:last-child {\r\n     border-top-right-radius: var(--clevry-border-radius) !important;\r\n }\r\n \r\n #comparison .comparison-table tr:last-child td {\r\n     border-bottom: none !important;\r\n }\r\n \r\n #comparison .comparison-table tr:last-child td:first-child {\r\n     border-bottom-left-radius: var(--clevry-border-radius) !important;\r\n }\r\n \r\n #comparison .comparison-table tr:last-child td:last-child {\r\n     border-bottom-right-radius: var(--clevry-border-radius) !important;\r\n }\r\n \r\n #comparison .comparison-table .feature-name {\r\n     font-weight: 500 !important;\r\n     width: 35% !important;\r\n }\r\n \r\n\/* Updated styles for clevry-column *\/\r\n#comparison .comparison-table .clevry-column {\r\n    background-color: rgba(232, 244, 240, 0.3) !important;\r\n    width: 32.5% !important;\r\n    color: var(--clevry-dark) !important; \/* Ensure text is dark *\/\r\n    position: relative !important;\r\n}\r\n\r\n\/* Only add extra padding for cells that have the recommendation tag *\/\r\n#comparison .comparison-table .clevry-column.better-option {\r\n    padding-right: 110px !important; \/* Make room for recommendation tag *\/\r\n}\r\n\r\n\/* Fix for the pricing table layout *\/\r\n#comparison .comparison-table tr td {\r\n    height: 100% !important;\r\n}\r\n \r\n \/* Specific style for clevry-column in headers *\/\r\n #comparison .comparison-table th.clevry-column {\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: white !important; \/* Keep the text white for contrast against the dark green background *\/\r\n }\r\n \r\n #comparison .comparison-table .competitor-column {\r\n     width: 32.5% !important;\r\n }\r\n \r\n #comparison .category-header {\r\n     background-color: #f8f9fa !important;\r\n     font-weight: 600 !important;\r\n     color: var(--clevry-secondary) !important;\r\n }\r\n \r\n#comparison .yes {\r\n     color: var(--clevry-secondary) !important;\r\n     font-weight: 500 !important;\r\n     display: inline-block !important;     text-align: center !important;\r\n     padding: 0.5rem !important;\r\n     box-sizing: border-box !important;\r\n }\r\n \r\n #comparison .yes::before {\r\n     content: \"\" !important;\r\n     display: inline-block !important;\r\n     width: 16px !important;\r\n     height: 16px !important;\r\n     margin-right: 8px !important;\r\n     background-color: var(--clevry-secondary) !important;\r\n     mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'\/%3E%3C\/svg%3E\") no-repeat 50% 50% !important;\r\n     -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'\/%3E%3C\/svg%3E\") no-repeat 50% 50% !important;\r\n }\r\n \r\n#comparison .no {\r\n     color: var(--clevry-gray) !important;\r\n     text-align: center !important;\r\n     padding: 0.5rem !important;\r\n     box-sizing: border-box !important;\r\n }\r\n \r\n #comparison .no::before {\r\n     content: \"\" !important;\r\n     display: inline-block !important;\r\n     width: 16px !important;\r\n     height: 16px !important;\r\n     margin-right: 8px !important;\r\n     background-color: var(--clevry-gray) !important;\r\n     mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'\/%3E%3C\/svg%3E\") no-repeat 50% 50% !important;\r\n     -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'\/%3E%3C\/svg%3E\") no-repeat 50% 50% !important;\r\n }\r\n \r\n #comparison .better-option {\r\n     position: relative !important;\r\n     padding-right: 120px !important; \/* Make room for the recommended tag *\/\r\n }\r\n \r\n #comparison .better-option::after {\r\n     content: \"\u2713 Recommended\" !important;\r\n     position: absolute !important;\r\n     top: 50% !important;\r\n     right: 0.5rem !important;\r\n     transform: translateY(-50%) !important;\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: white !important;\r\n     font-size: 0.7rem !important;\r\n     padding: 0.2rem 0.5rem !important;\r\n     border-radius: 10px !important;\r\n     font-weight: bold !important;\r\n     white-space: nowrap !important;\r\n     z-index: 5 !important;\r\n }\r\n \r\n \/* Feature Cards *\/\r\n #comparison .feature-cards {\r\n     display: flex !important;\r\n     flex-wrap: wrap !important;\r\n     gap: 2rem !important;\r\n     margin: 2rem 0 !important;\r\n }\r\n \r\n #comparison .feature-card {\r\n     flex: 1 0 calc(33.333% - 2rem) !important;\r\n     min-width: 300px !important;\r\n     background: white !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     padding: 1.5rem !important;\r\n     position: relative !important;\r\n     overflow: hidden !important;\r\n     transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n \r\n #comparison .feature-card:hover {\r\n     transform: translateY(-5px) !important;\r\n     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n #comparison .feature-card h3 {\r\n     margin-top: 0 !important;\r\n     margin-bottom: 1rem !important;\r\n }\r\n \r\n #comparison .feature-card p {\r\n     margin-bottom: 1rem !important;\r\n }\r\n \r\n #comparison .feature-card::before {\r\n     content: \"\" !important;\r\n     position: absolute !important;\r\n     top: 0 !important;\r\n     left: 0 !important;\r\n     width: 5px !important;\r\n     height: 100% !important;\r\n     background-color: var(--clevry-secondary) !important;\r\n }\r\n \r\n \/* Testimonials Section *\/\r\n #comparison .testimonials-section {\r\n     padding: 3rem 1rem !important;\r\n     background-color: var(--clevry-background) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     margin: 3rem 0 !important;\r\n }\r\n \r\n #comparison .testimonials-title {\r\n     text-align: center !important;\r\n     margin-bottom: 2rem !important;\r\n }\r\n \r\n #comparison .testimonials-container {\r\n     display: flex !important;\r\n     gap: 2rem !important;\r\n     flex-wrap: wrap !important;\r\n     justify-content: center !important;\r\n }\r\n \r\n #comparison .testimonial-card {\r\n     flex: 1 0 300px !important;\r\n     max-width: 400px !important;\r\n     background: white !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     padding: 1.5rem !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     position: relative !important;\r\n     transition: transform 0.3s ease !important;\r\n }\r\n \r\n #comparison .testimonial-card:hover {\r\n     transform: translateY(-5px) !important;\r\n }\r\n \r\n #comparison .testimonial-content {\r\n     font-style: italic !important;\r\n     margin-bottom: 1.5rem !important;\r\n     position: relative !important;\r\n     padding-left: 1.5rem !important;\r\n }\r\n \r\n #comparison .testimonial-content::before {\r\n     content: \"\" !important;\r\n     font-size: 4rem !important;\r\n     color: var(--clevry-secondary) !important;\r\n     opacity: 0.2 !important;\r\n     position: absolute !important;\r\n     left: -0.5rem !important;\r\n     top: -1.5rem !important;\r\n }\r\n \r\n #comparison .testimonial-author {\r\n     display: flex !important;\r\n     align-items: center !important;\r\n }\r\n \r\n #comparison .testimonial-author-image {\r\n     width: 50px !important;\r\n     height: 50px !important;\r\n     border-radius: 50% !important;\r\n     margin-right: 1rem !important;\r\n     overflow: hidden !important;\r\n }\r\n \r\n #comparison .testimonial-author-image img {\r\n     width: 100% !important;\r\n     height: 100% !important;\r\n     object-fit: cover !important;\r\n }\r\n \r\n #comparison .testimonial-author-info h4 {\r\n     margin: 0 !important;\r\n     color: var(--clevry-dark) !important;\r\n }\r\n \r\n #comparison .testimonial-author-info p {\r\n     margin: 0 !important;\r\n     font-size: 0.9rem !important;\r\n     color: var(--clevry-gray) !important;\r\n }\r\n \r\n \/* Case Study Section *\/\r\n #comparison .case-study-section {\r\n     background-color: white !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n     padding: 2rem !important;\r\n     margin: 3rem 0 !important;\r\n }\r\n \r\n #comparison .case-study-header {\r\n     display: flex !important;\r\n     align-items: center !important;\r\n     margin-bottom: 1.5rem !important;\r\n }\r\n \r\n #comparison .case-study-logo {\r\n     width: 100px !important;\r\n     height: auto !important;\r\n     margin-right: 1.5rem !important;\r\n }\r\n \r\n #comparison .case-study-title {\r\n     margin: 0 !important;\r\n }\r\n \r\n #comparison .case-study-metrics {\r\n     display: flex !important;\r\n     flex-wrap: wrap !important;\r\n     gap: 1.5rem !important;\r\n     margin: 1.5rem 0 !important;\r\n }\r\n \r\n #comparison .case-study-metric {\r\n     flex: 1 0 200px !important;\r\n     text-align: center !important;\r\n     padding: 1rem !important;\r\n     background-color: var(--clevry-background) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n }\r\n \r\n #comparison .metric-value {\r\n     font-size: 2rem !important;\r\n     font-weight: 700 !important;\r\n     color: var(--clevry-primary) !important;\r\n     margin-bottom: 0.5rem !important;\r\n }\r\n \r\n #comparison .metric-label {\r\n     font-size: 0.9rem !important;\r\n     color: var(--clevry-dark) !important;\r\n }\r\n \r\n #comparison .case-study-quote {\r\n     font-style: italic !important;\r\n     padding: 1.5rem !important;\r\n     background-color: #f8f9fa !important;\r\n     border-left: 4px solid var(--clevry-primary) !important;\r\n     margin: 1.5rem 0 !important;\r\n }\r\n \r\n #comparison .case-study-cta {\r\n     text-align: right !important;\r\n }\r\n \r\n \/* Additional Case Studies Section *\/\r\n #comparison .additional-case-studies {\r\n     background-color: var(--clevry-background) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     padding: 2rem !important;\r\n     margin: 3rem 0 !important;\r\n     box-shadow: var(--clevry-box-shadow) !important;\r\n }\r\n \r\n #comparison .additional-case-studies h2 {\r\n     text-align: center !important;\r\n     margin-bottom: 1.5rem !important;\r\n }\r\n \r\n #comparison .case-study-item {\r\n     margin-bottom: 1.5rem !important;\r\n }\r\n \r\n #comparison .case-study-item h3 {\r\n     margin: 0 0 0.5rem !important;\r\n     color: var(--clevry-secondary) !important;\r\n }\r\n \r\n #comparison .case-study-item p {\r\n     margin: 0.2rem 0 !important;\r\n }\r\n \r\n \/* Interactive Feature Comparison *\/\r\n #comparison .interactive-comparison {\r\n     margin: 3rem 0 !important;\r\n }\r\n \r\n #comparison .comparison-filters {\r\n     display: flex !important;\r\n     flex-wrap: wrap !important;\r\n     gap: 1rem !important;\r\n     margin-bottom: 1.5rem !important;\r\n }\r\n \r\n #comparison .comparison-filter {\r\n     padding: 0.5rem 1rem !important;\r\n     background-color: #f8f9fa !important;\r\n     border-radius: 20px !important;\r\n     cursor: pointer !important;\r\n     border: 1px solid var(--clevry-light-gray) !important;\r\n     transition: all 0.3s ease !important;\r\n }\r\n \r\n #comparison .comparison-filter.active {\r\n     background-color: var(--clevry-secondary) !important;\r\n     color: white !important;\r\n     border-color: var(--clevry-secondary) !important;\r\n }\r\n \r\n \/* CTA Section *\/\r\n #comparison .cta-section {\r\n     background-color: var(--clevry-background) !important;\r\n     padding: 3rem 2rem !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     margin: 3rem 0 !important;\r\n     text-align: center !important;\r\n     position: relative !important;\r\n     overflow: hidden !important;\r\n }\r\n \r\n #comparison .cta-section::before {\r\n     content: \"\" !important;\r\n     position: absolute !important;\r\n     top: 0 !important;\r\n     left: 0 !important;\r\n     width: 100% !important;\r\n     height: 100% !important;\r\n     background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(58, 115, 99, 0.1) 100%) !important;\r\n     z-index: 1 !important;\r\n }\r\n \r\n #comparison .cta-content {\r\n     position: relative !important;\r\n     z-index: 2 !important;\r\n }\r\n \r\n #comparison .cta-section h2 {\r\n     color: var(--clevry-dark) !important;\r\n     margin-top: 0 !important;\r\n }\r\n \r\n #comparison .cta-section p {\r\n     max-width: 800px !important;\r\n     margin: 0 auto 2rem !important;\r\n     font-size: 1.1rem !important;\r\n }\r\n \r\n #comparison .cta-buttons {\r\n     display: flex !important;\r\n     gap: 1rem !important;\r\n     justify-content: center !important;\r\n     flex-wrap: wrap !important;\r\n }\r\n \r\n #comparison .cta-button-primary {\r\n     display: inline-block !important;\r\n     background-color: var(--clevry-primary) !important;\r\n     color: white !important;\r\n     padding: 0.8rem 2rem !important;\r\n     border-radius: 30px !important;\r\n     font-weight: 600 !important;\r\n     font-size: 1rem !important;\r\n     text-decoration: none !important;\r\n     transition: all 0.3s ease !important;\r\n }\r\n \r\n #comparison .cta-button-primary:hover {\r\n     background-color: #741445 !important;\r\n     transform: translateY(-2px) !important;\r\n     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n #comparison .cta-button-secondary {\r\n     display: inline-block !important;\r\n     background-color: white !important;\r\n     color: var(--clevry-primary) !important;\r\n     border: 1px solid var(--clevry-primary) !important;\r\n     padding: 0.8rem 2rem !important;\r\n     border-radius: 30px !important;\r\n     font-weight: 600 !important;\r\n     font-size: 1rem !important;\r\n     text-decoration: none !important;\r\n     transition: all 0.3s ease !important;\r\n }\r\n \r\n #comparison .cta-button-secondary:hover {\r\n     background-color: #f8f8f8 !important;\r\n     transform: translateY(-2px) !important;\r\n     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n \/* FAQ Section *\/\r\n #comparison .faq-section {\r\n     margin: 3rem 0 !important;\r\n }\r\n \r\n #comparison .faq-item {\r\n     margin-bottom: 1rem !important;\r\n     border: 1px solid var(--clevry-light-gray) !important;\r\n     border-radius: var(--clevry-border-radius) !important;\r\n     overflow: hidden !important;\r\n     transition: box-shadow 0.3s ease !important;\r\n }\r\n \r\n #comparison .faq-item:hover {\r\n     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n \r\n #comparison .faq-question {\r\n     background-color: #f8f9fa !important;\r\n     padding: 1rem 1.5rem !important;\r\n     font-weight: 600 !important;\r\n     cursor: pointer !important;\r\n     display: flex !important;\r\n     justify-content: space-between !important;\r\n     align-items: center !important;\r\n     transition: background-color 0.3s ease !important;\r\n }\r\n \r\n #comparison .faq-question:hover {\r\n     background-color: #eaf5f0 !important;\r\n }\r\n \r\n #comparison .faq-question::after {\r\n     content: \"+\" !important;\r\n     font-size: 1.5rem !important;\r\n     transition: transform 0.3s ease !important;\r\n }\r\n \r\n #comparison .faq-question.active {\r\n     background-color: var(--clevry-background) !important;\r\n }\r\n \r\n #comparison .faq-question.active::after {\r\n     content: \"-\" !important;\r\n     transform: rotate(180deg) !important;\r\n }\r\n \r\n #comparison .faq-answer {\r\n     padding: 0 1.5rem !important;\r\n     max-height: 0 !important;\r\n     overflow: hidden !important;\r\n     transition: all 0.5s ease !important;\r\n }\r\n \r\n #comparison .faq-answer.active {\r\n     padding: 1rem 1.5rem !important;\r\n     max-height: 500px !important;\r\n }\r\n \r\n \/* Back to Top Button *\/\r\n #comparison .back-to-top {\r\n     position: fixed !important;\r\n     bottom: 2rem !important;\r\n     right: 2rem !important;\r\n     width: 50px !important;\r\n     height: 50px !important;\r\n     border-radius: 50% !important;\r\n     background-color: var(--clevry-primary) !important;\r\n     color: white !important;\r\n     display: flex !important;\r\n     justify-content: center !important;\r\n     align-items: center !important;\r\n     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;\r\n     cursor: pointer !important;\r\n     opacity: 0 !important;\r\n     transition: opacity 0.3s ease, transform 0.3s ease !important;\r\n     z-index: 100 !important;\r\n     transform: translateY(100px) !important;\r\n }\r\n \r\n #comparison .back-to-top.visible {\r\n     opacity: 1 !important;\r\n     transform: translateY(0) !important;\r\n }\r\n \r\n #comparison .back-to-top:hover {\r\n     background-color: #741445 !important;\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 768px) {\r\n     #comparison .clevry-hero {\r\n         padding: 2rem 1rem !important;\r\n     }\r\n \r\n     #comparison .clevry-hero h1 {\r\n         font-size: 1.8rem !important;\r\n     }\r\n \r\n     #comparison .clevry-hero p {\r\n         font-size: 1rem !important;\r\n     }\r\n \r\n     #comparison .summary-point {\r\n         flex: 1 0 100% !important;\r\n     }\r\n \r\n     #comparison .comparison-section-content,\r\n     #comparison .comparison-section-image {\r\n         flex: 1 0 100% !important;\r\n         padding: 1rem !important;\r\n     }\r\n \r\n     #comparison .comparison-section:nth-child(even) .comparison-section-content,\r\n     #comparison .comparison-section:nth-child(even) .comparison-section-image {\r\n         order: 0 !important;\r\n     }\r\n \r\n     #comparison .feature-card {\r\n         flex: 1 0 100% !important;\r\n     }\r\n \r\n     #comparison .comparison-table th, \r\n     #comparison .comparison-table td {\r\n         padding: 0.8rem 0.5rem !important;\r\n         font-size: 0.9rem !important;\r\n     }\r\n \r\n     #comparison .better-option::after {\r\n         position: static !important;\r\n         display: block !important;\r\n         font-size: 0.7rem !important;\r\n         width: fit-content !important;\r\n         margin-top: 0.5rem !important;\r\n     }\r\n \r\n     #comparison .testimonials-container {\r\n         flex-direction: column !important;\r\n         align-items: center !important;\r\n     }\r\n \r\n     #comparison .testimonial-card {\r\n         max-width: 100% !important;\r\n         margin-bottom: 1.5rem !important;\r\n     }\r\n \r\n     #comparison .case-study-header {\r\n         flex-direction: column !important;\r\n         text-align: center !important;\r\n     }\r\n \r\n     #comparison .case-study-logo {\r\n         margin-right: 0 !important;\r\n         margin-bottom: 1rem !important;\r\n     }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n     #comparison .clevry-hero h1 {\r\n         font-size: 1.5rem !important;\r\n     }\r\n \r\n     #comparison .comparison-table th, \r\n     #comparison .comparison-table td {\r\n         padding: 0.6rem 0.4rem !important;\r\n         font-size: 0.8rem !important;\r\n     }\r\n \r\n     #comparison .comparison-table .feature-name {\r\n         width: 40% !important;\r\n     }\r\n \r\n     #comparison .comparison-table .clevry-column,\r\n     #comparison .comparison-table .competitor-column {\r\n         width: 30% !important;\r\n     }\r\n \r\n     #comparison .cta-button-primary,\r\n     #comparison .cta-button-secondary {\r\n         width: 100% !important;\r\n         text-align: center !important;\r\n         margin-bottom: 0.5rem !important;\r\n     }\r\n \r\n     #comparison .back-to-top {\r\n         width: 40px !important;\r\n         height: 40px !important;\r\n         right: 1rem !important;\r\n         bottom: 1rem !important;\r\n     }\r\n }\r\n \r\n \/* Animation Keyframes - Renamed to avoid conflicts *\/\r\n @keyframes comparison-fade-in {\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 #comparison .animate-fade-in {\r\n     animation: comparison-fade-in 0.8s ease forwards !important;\r\n }\r\n \r\n \/* Lazy loading for images *\/\r\n #comparison .lazy-load {\r\n     opacity: 0 !important;\r\n     transition: opacity 0.5s ease !important;\r\n }\r\n \r\n #comparison .lazy-load.loaded {\r\n     opacity: 1 !important;\r\n }\r\n <\/style>\r\n \r\n <div class=\"clevry-comparison-page\">\r\n     <!-- Back to Top Button -->\r\n     <div class=\"back-to-top\" id=\"backToTop\">\r\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n             <path d=\"M18 15l-6-6-6 6\"\/>\r\n         <\/svg>\r\n     <\/div>\r\n \r\n     <!-- Hero Section -->\r\n     <div class=\"clevry-hero animate-fade-in\">\r\n         <div class=\"clevry-hero-content\">\r\n             <h1>Clevry vs Alva Labs: Assessment Platform Comparison<\/h1>\r\n             <p>Find the right talent assessment solution for your recruitment process with our detailed, data-driven comparison of features, scientific validity, and pricing models.<\/p>\r\n             <div class=\"clevry-hero-cta\">\r\n                 <a href=\"#comparison-summary\" class=\"cta-button-primary\">See Key Differences<\/a>\r\n                 <a href=\"#cta-section\" class=\"cta-button-secondary\">Book a Demo<\/a>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- Quick Navigation -->\r\n     <div class=\"quick-nav animate-fade-in\">\r\n         <h3>Jump to a Section<\/h3>\r\n         <div class=\"quick-nav-links\">\r\n             <a href=\"#comparison-summary\" class=\"quick-nav-link\">Key Differences<\/a>\r\n             <a href=\"#assessment-types\" class=\"quick-nav-link\">Assessment Types<\/a>\r\n             <a href=\"#scientific-approach\" class=\"quick-nav-link\">Scientific Approach<\/a>\r\n             <a href=\"#reporting\" class=\"quick-nav-link\">Reporting<\/a>\r\n             <a href=\"#pricing\" class=\"quick-nav-link\">Pricing<\/a>\r\n             <a href=\"#implementation\" class=\"quick-nav-link\">Implementation<\/a>\r\n             <a href=\"#testimonials\" class=\"quick-nav-link\">Customer Stories<\/a>\r\n             <a href=\"#faq-section\" class=\"quick-nav-link\">FAQ<\/a>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- Summary Box -->\r\n     <div id=\"comparison-summary\" class=\"comparison-summary animate-fade-in\">\r\n         <h2 class=\"summary-title\">Key Differences at a Glance<\/h2>\r\n         <div class=\"summary-points\">\r\n             <div class=\"summary-point\">\r\n                 <h3>Assessment Variety<\/h3>\r\n                 <p>Clevry offers over 20 role-specific questionnaires and multiple assessment types \u2013 from personality and cognitive tests to situational judgment \u2013 while Alva Labs uses a single Big 5 and abstract reasoning model.<\/p>\r\n             <\/div>\r\n             <div class=\"summary-point\">\r\n                 <h3>Customization<\/h3>\r\n                 <p>Clevry lets you build custom questionnaires using 46 personality scales. Alva Labs provides fixed assessments with limited options.<\/p>\r\n             <\/div>\r\n             <div class=\"summary-point\">\r\n                 <h3>Scientific Approach<\/h3>\r\n                 <p>Clevry\u2019s tools are built on 30+ years of workplace research and BPS-accredited, unlike Alva Labs\u2019 academic model.<\/p>\r\n             <\/div>\r\n             <div class=\"summary-point\">\r\n                 <h3>Pricing Model<\/h3>\r\n                 <p>Clevry\u2019s headcount-based pricing offers unlimited assessments. Alva Labs charges per hire, potentially limiting scale.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- Assessment Types Comparison -->\r\n     <div id=\"assessment-types\" class=\"comparison-section animate-fade-in\">\r\n         <div class=\"comparison-section-content\">\r\n             <h2>Assessment Types: More Testing Options for Better Candidate Fit<\/h2>\r\n             <p>Clevry delivers a broad spectrum of assessments \u2013 from detailed personality and role-specific questionnaires to cognitive tests with multiple difficulty levels \u2013 ensuring precise evaluation across roles and seniority.<\/p>\r\n             <div class=\"section-cta\">\r\n                 <a href=\"https:\/\/www.clevry.com\/en\/platform\/assessments\/psychometric-assessments\/\" class=\"section-cta-btn\">Explore Clevry's Assessment Library<\/a>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"comparison-section-image\">\r\n             <!--<img decoding=\"async\" src=\"assets\/images\/assessment-variety.jpg\" alt=\"Clevry assessment variety\" class=\"lazy-load\" loading=\"lazy\">-->\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <div class=\"table-container\">\r\n         <table class=\"comparison-table\">\r\n             <thead>\r\n                 <tr>\r\n                     <th>Assessment Type<\/th>\r\n                     <th class=\"clevry-column\">Clevry<\/th>\r\n                     <th>Alva Labs<\/th>\r\n                 <\/tr>\r\n             <\/thead>\r\n             <tbody>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Personality Questionnaires<\/td>\r\n                     <td class=\"clevry-column better-option\">Clevry offers a Big Five assessment, standard 21 scale and 30 scale leadership assessments<\/td>\r\n                     <td>One standard Big 5 personality assessment. Always in combination with ability test.<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Role-specific Questionnaires<\/td>\r\n                     <td class=\"clevry-column better-option\">Over 20 role-specific questionnaires for common job roles<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Custom Questionnaire Builder<\/td>\r\n                     <td class=\"clevry-column better-option\">Build bespoke questionnaires combining any of 46 personality scales<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Abstract Reasoning Test<\/td>\r\n                     <td class=\"clevry-column better-option\">Two difficulty levels tailored to job seniority. Standalone possible<\/td>\r\n                     <td>One standard test. Standalone not possible<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Verbal Reasoning Test<\/td>\r\n                     <td class=\"clevry-column better-option\">Offered in three difficulty levels<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Numerical Reasoning Test<\/td>\r\n                     <td class=\"clevry-column better-option\">Offered in three difficulty levels<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Mechanical Reasoning Test<\/td>\r\n                     <td class=\"clevry-column better-option\">Tailored mechanical test for blue-collar roles<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Situational Judgment Tests<\/td>\r\n                     <td class=\"clevry-column better-option\">Four SJTs for Graduates, Leadership, Contact Centres, and Warehouse Operatives<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Coding Tests<\/td>\r\n                     <td class=\"clevry-column\">Access via third-party integrations<\/td>\r\n                     <td class=\"better-option\">Multiple native coding tests<\/td>\r\n                 <\/tr>\r\n             <\/tbody>\r\n         <\/table>\r\n     <\/div>\r\n \r\n     <!-- Case Study Section (British Gas) -->\r\n     <div class=\"case-study-section animate-fade-in\">\r\n         <div class=\"case-study-header\">\r\n             <div class=\"case-study-logo\">\r\n                 <img decoding=\"async\" src=\"https:\/\/www.clevry.com\/wp-content\/uploads\/British-Gas-case-study-1024x535.png\" alt=\"British Gas logo\" class=\"lazy-load\" loading=\"lazy\">\r\n             <\/div>\r\n             <h3 class=\"case-study-title\">British Gas Transforms Recruitment with Values-Based Assessments<\/h3>\r\n         <\/div>\r\n         <p>British Gas \u2013 the UK\u2019s largest energy provider serving over 400,000 businesses \u2013 faced inconsistent candidate performance in assessment centers among 1,500 annual hires. By shifting to a values-based recruitment model, British Gas refined candidate screening and drastically improved retention and quality.<\/p>\r\n         \r\n         <div class=\"case-study-metrics\">\r\n             <div class=\"case-study-metric\">\r\n                 <div class=\"metric-value\">34%<\/div>\r\n                 <div class=\"metric-label\">Reduction in employee turnover<\/div>\r\n             <\/div>\r\n             <div class=\"case-study-metric\">\r\n                 <div class=\"metric-value\">50%<\/div>\r\n                 <div class=\"metric-label\">Decrease in assessment centers needed<\/div>\r\n             <\/div>\r\n             <div class=\"case-study-metric\">\r\n                 <div class=\"metric-value\">20%<\/div>\r\n                 <div class=\"metric-label\">Increase in female applicants<\/div>\r\n             <\/div>\r\n         <\/div>\r\n \r\n         <div class=\"case-study-quote\">\r\n             \"By focusing on values alignment rather than just competencies, we halved recruitment costs and reduced our customer service role turnover from 43% to just 9% while doubling our candidate success rate in the second round.\" <br>\u2014 Claire Thompson, HR Director at British Gas\r\n         <\/div>\r\n \r\n         <div class=\"case-study-cta\">\r\n             <a href=\"https:\/\/www.clevry.com\/en\/resources\/case-study\/british-gas\/\" class=\"section-cta-btn\">Read Full Case Study<\/a>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- Scientific Validity Section -->\r\n     <div id=\"scientific-approach\" class=\"comparison-section animate-fade-in\">\r\n         <div class=\"comparison-section-image\">\r\n             <!--<img decoding=\"async\" src=\"assets\/images\/scientific-approach.jpg\" alt=\"Scientific approach comparison\" class=\"lazy-load\" loading=\"lazy\">-->\r\n         <\/div>\r\n         <div class=\"comparison-section-content\">\r\n             <h2>Scientific Approach: Proven, Valid Results<\/h2>\r\n             <p>Clevry\u2019s assessments are grounded in over 30 years of research tailored for workplace performance \u2013 validated through customer case studies and accredited by the British Psychological Society. In contrast, Alva Labs relies on an academic model that was never designed for hiring.<\/p>\r\n             <div class=\"section-cta\">\r\n                 <a href=\"https:\/\/www.clevry.com\/en\/platform\/the-science\/\" class=\"section-cta-btn\">Read about \"The Science\"<\/a>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <div class=\"feature-cards\">\r\n         <div class=\"feature-card\">\r\n             <h3>Clevry\u2019s Scientific Approach<\/h3>\r\n             <p>Measures traits that predict job success based on extensive workplace research<\/p>\r\n             <p>Over 30 years of proprietary data and real-world case studies<\/p>\r\n             <p>Combines academic literature with practical insights<\/p>\r\n             <p>Highly valid and reliable for diverse roles<\/p>\r\n             <p>BPS Accredited<\/p>\r\n         <\/div>\r\n         <div class=\"feature-card\">\r\n             <h3>Alva Labs\u2019 Approach<\/h3>\r\n             <p>Based on the standard Big 5 model<\/p>\r\n             <p>Designed for academic use rather than workplace specifics<\/p>\r\n             <p>Less historical validation data available<\/p>\r\n             <p>Not BPS Accredited<\/p>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- Interactive Feature Comparison \r\n     <div class=\"interactive-comparison\">\r\n         <h2>Compare Features That Matter Most<\/h2>\r\n         <p>Select the feature categories you want to focus on:<\/p>\r\n         <div class=\"comparison-filters\">\r\n             <div class=\"comparison-filter active\" data-category=\"all\">All Features<\/div>\r\n             <div class=\"comparison-filter\" data-category=\"assessments\">Assessment Types<\/div>\r\n             <div class=\"comparison-filter\" data-category=\"science\">Scientific Validity<\/div>\r\n             <div class=\"comparison-filter\" data-category=\"reporting\">Reporting<\/div>\r\n             <div class=\"comparison-filter\" data-category=\"experience\">Candidate Experience<\/div>\r\n             <div class=\"comparison-filter\" data-category=\"pricing\">Pricing<\/div>\r\n         <\/div>\r\n         <div class=\"table-container\" id=\"interactive-comparison-table\">\r\n\r\n         <\/div>\r\n     <\/div>-->\r\n \r\n     <!-- Reporting Capabilities -->\r\n     <div id=\"reporting\" class=\"comparison-section animate-fade-in\">\r\n         <div class=\"comparison-section-content\">\r\n             <h2>Reporting: Actionable Hiring Insights<\/h2>\r\n             <p>Clevry provides multiple detailed reports from a single assessment \u2013 spanning candidate selection, team dynamics, and leadership development \u2013 to turn raw data into informed decisions.<\/p>\r\n             <div class=\"section-cta\">\r\n                 <a href=\"https:\/\/www.clevry.com\/en\/resources\/sample-reports\/\" class=\"section-cta-btn\">See Sample Reports<\/a>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"comparison-section-image\">\r\n             <!--<img decoding=\"async\" src=\"assets\/images\/reporting_capabilities.jpg\" alt=\"Reporting capabilities\" class=\"lazy-load\" loading=\"lazy\">-->\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <div class=\"table-container\">\r\n         <table class=\"comparison-table\">\r\n             <thead>\r\n                 <tr>\r\n                     <th>Reporting Feature<\/th>\r\n                     <th class=\"clevry-column\">Clevry<\/th>\r\n                     <th>Alva Labs<\/th>\r\n                 <\/tr>\r\n             <\/thead>\r\n             <tbody>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Report Variety<\/td>\r\n                     <td class=\"clevry-column better-option\">Multiple reports covering selection, interviewing, onboarding, team dynamics, and leadership<\/td>\r\n                     <td>One general report and a separate Leadership report<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Candidate Feedback Report<\/td>\r\n                     <td class=\"clevry-column better-option\">Tailored report highlighting strengths, development areas, and career paths<\/td>\r\n                     <td>Candidates receive the same report as recruiters<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Group Comparison<\/td>\r\n                     <td class=\"clevry-column better-option\">Compare strengths and preferences for up to six candidates<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Customer Branded Reports<\/td>\r\n                     <td class=\"clevry-column better-option\">Yes<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Team Development Insights<\/td>\r\n                     <td class=\"clevry-column better-option\">Team strengths report for recruitment and development<\/td>\r\n                     <td>Limited to recruitment context<\/td>\r\n                 <\/tr>\r\n             <\/tbody>\r\n         <\/table>\r\n     <\/div>\r\n \r\n     <!-- Testimonials Section -->\r\n     <div id=\"testimonials\" class=\"testimonials-section animate-fade-in\">\r\n         <h2 class=\"testimonials-title\">What Our Customers Are Saying<\/h2>\r\n         <div class=\"testimonials-container\">\r\n             <div class=\"testimonial-card\">\r\n                 <div class=\"testimonial-content\">\r\n                     \"The ease of use was the main reason we switched to Clevry. Their assessments offer an in-depth view of candidates\u2019 work personality and skills \u2013 perfectly aligning with our hiring requirements.\"\r\n                 <\/div>\r\n                 <div class=\"testimonial-author\">\r\n                     <div class=\"testimonial-author-image\">\r\n                         <img decoding=\"async\" src=\"https:\/\/www.clevry.com\/wp-content\/uploads\/Rexel-case-study.png\" alt=\"Kirsi K\u00e4\u00e4ri\u00e4\" class=\"lazy-load\" loading=\"lazy\">\r\n                     <\/div>\r\n                     <div class=\"testimonial-author-info\">\r\n                         <h4>Kirsi K\u00e4\u00e4ri\u00e4<\/h4>\r\n                         <p>Recruiting Manager, Rexel Finland<\/p>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n             \r\n             <div class=\"testimonial-card\">\r\n                 <div class=\"testimonial-content\">\r\n                     \"We achieved \u20ac250,000 in cost savings within six months and reduced employee turnover from 30% to 7.9%. Our supervisors have noted exceptional cultural fit and commitment among new hires.\"\r\n                 <\/div>\r\n                 <div class=\"testimonial-author\">\r\n                     <div class=\"testimonial-author-image\">\r\n                         <!--<img decoding=\"async\" src=\"https:\/\/company.g2.com\/hs-fs\/hubfs\/brand-guide\/reversed-g2@2x.png?width=300&name=reversed-g2@2x.png\" alt=\"Nordic Customer\" class=\"lazy-load\" loading=\"lazy\">-->\r\n                     <\/div>\r\n                     <div class=\"testimonial-author-info\">\r\n                         <h4>HR Director<\/h4>\r\n                         <p>Nordic Publicly Listed Company<\/p>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n             \r\n             <div class=\"testimonial-card\">\r\n                 <div class=\"testimonial-content\">\r\n                     \"Being able to benchmark our high performers against new applicants has revolutionized our hiring decisions \u2013 recruitment is now more accurate and objective.\"\r\n                 <\/div>\r\n                 <div class=\"testimonial-author\">\r\n                     <div class=\"testimonial-author-image\">\r\n                         <img decoding=\"async\" src=\"https:\/\/company.g2.com\/hs-fs\/hubfs\/brand-guide\/reversed-g2@2x.png?width=300&name=reversed-g2@2x.png\" alt=\"G2 Reviewer\" class=\"lazy-load\" loading=\"lazy\">\r\n                     <\/div>\r\n                     <div class=\"testimonial-author-info\">\r\n                         <h4>Verified User<\/h4>\r\n                         <p>G2 Reviews<\/p>\r\n                     <\/div>\r\n                 <\/div>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- Pricing Section -->\r\n     <div id=\"pricing\" class=\"comparison-section animate-fade-in\">\r\n         <div class=\"comparison-section-image\">\r\n             <!--<img decoding=\"async\" src=\"assets\/images\/pricing_comparison.jpg\" alt=\"Pricing comparison\" class=\"lazy-load\" loading=\"lazy\">-->\r\n         <\/div>\r\n         <div class=\"comparison-section-content\">\r\n             <h2>Pricing and Value: Better ROI for High-Volume Hiring<\/h2>\r\n             <p>Clevry\u2019s headcount-based annual subscription with unlimited assessments provides predictable costs and exceptional value \u2013 ideal for organizations scaling rapidly.<\/p>\r\n             <div class=\"section-cta\">\r\n                 <a href=\"#cta-section\" class=\"section-cta-btn\">Get a Custom Quote<\/a>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <div class=\"table-container\">\r\n         <table class=\"comparison-table\">\r\n             <thead>\r\n                 <tr>\r\n                     <th>Pricing Feature<\/th>\r\n                     <th class=\"clevry-column\">Clevry<\/th>\r\n                     <th>Alva Labs<\/th>\r\n                 <\/tr>\r\n             <\/thead>\r\n             <tbody>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Pricing Model<\/td>\r\n                     <td class=\"clevry-column better-option\">Annual subscription based on company headcount with unlimited assessments<\/td>\r\n                     <td>Annual subscription based on number of hires per year<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Pay-as-you-go Option<\/td>\r\n                     <td class=\"clevry-column \">Yes<\/td>\r\n                     <td class=\"\">Yes<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Free Trial<\/td>\r\n                     <td class=\"clevry-column\">Yes<\/td>\r\n                     <td class=\"\">Yes<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Value for High-Volume Hiring<\/td>\r\n                     <td class=\"clevry-column better-option\">Cost-effective with unlimited assessments regardless of hiring volume<\/td>\r\n                     <td>Costs increase with number of hires<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Enterprise Features<\/td>\r\n                     <td class=\"clevry-column better-option\">Included with enterprise plans<\/td>\r\n                     <td>Limited options available<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Pricing Transparency<\/td>\r\n                     <td class=\"clevry-column better-option\">Clear, size-based pricing tiers<\/td>\r\n                     <td>Variable pricing based on hire forecasts<\/td>\r\n                 <\/tr>\r\n             <\/tbody>\r\n         <\/table>\r\n     <\/div>\r\n \r\n     <!-- Implementation Section -->\r\n     <div id=\"implementation\" class=\"comparison-section animate-fade-in\">\r\n         <div class=\"comparison-section-content\">\r\n             <h2>Implementation and Support: Quick, Guided Onboarding<\/h2>\r\n             <p>Clevry provides both digital and live onboarding \u2013 with optional certification by Business Psychologists \u2013 ensuring your team gets up and running within 1\u20132 weeks.<\/p>\r\n             <!--<div class=\"section-cta\">\r\n                 <a href=\"#\" class=\"section-cta-btn\">Learn About Implementation<\/a>\r\n             <\/div>-->\r\n         <\/div>\r\n         <div class=\"comparison-section-image\">\r\n             <!--<img decoding=\"async\" src=\"assets\/images\/implementation_support.jpg\" alt=\"Implementation and support\" class=\"lazy-load\" loading=\"lazy\">-->\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <div class=\"table-container\">\r\n         <table class=\"comparison-table\">\r\n             <thead>\r\n                 <tr>\r\n                     <th>Support Feature<\/th>\r\n                     <th class=\"clevry-column\">Clevry<\/th>\r\n                     <th>Alva Labs<\/th>\r\n                 <\/tr>\r\n             <\/thead>\r\n             <tbody>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Dedicated Customer Success Manager<\/td>\r\n                     <td class=\"clevry-column\">Yes<\/td>\r\n                     <td class=\"\">Yes<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Online Help Center<\/td>\r\n                     <td class=\"clevry-column\">Yes<\/td>\r\n                     <td class=\"\">Yes<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Certification Needed<\/td>\r\n                     <td class=\"clevry-column better-option\">No<\/td>\r\n                     <td>No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Certification Program Available<\/td>\r\n                     <td class=\"clevry-column better-option\">Yes \u2013 Led by Business Psychologists<\/td>\r\n                     <td class=\"no\">No<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Digital Onboarding<\/td>\r\n                     <td class=\"clevry-column\">Yes<\/td>\r\n                     <td class=\"\">Yes<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Live Onboarding<\/td>\r\n                     <td class=\"clevry-column\">Yes<\/td>\r\n                     <td class=\"\">Yes<\/td>\r\n                 <\/tr>\r\n                 <tr>\r\n                     <td class=\"feature-name\">Implementation Timeline<\/td>\r\n                     <td class=\"clevry-column better-option\">1\u20132 weeks with guided setup<\/td>\r\n                     <td>1\u20132 weeks<\/td>\r\n                 <\/tr>\r\n             <\/tbody>\r\n         <\/table>\r\n     <\/div>\r\n \r\n     <!-- Additional Case Studies Section -->\r\n     <div id=\"additional-case-studies\" class=\"additional-case-studies animate-fade-in\">\r\n         <h2>Other Clevry Success Stories<\/h2>\r\n         <div class=\"case-study-item\">\r\n             <h3>Next \u2013 Bespoke Psychometric Assessments<\/h3>\r\n             <p>Next streamlined candidate screening with tailored psychometric tools integrated into a powerful sifting platform, reducing manual sifting and cutting time-to-hire.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Rexel Finland \u2013 In-House Assessments<\/h3>\r\n             <p>Transitioning from outsourced assessments, Rexel Finland now benefits from cost-effective, customizable in-house testing that provides deeper candidate insights.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Reveal \u2013 Inclusive Psychometric Reporting<\/h3>\r\n             <p>Reveal\u2019s custom reports help bridge gaps for candidates facing socioeconomic barriers, ensuring fairer, skills-based recruitment.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Bourne Leisure \u2013 Diversity &amp; Inclusion<\/h3>\r\n             <p>Customized assessments enabled Bourne Leisure to form a diverse Inclusion &amp; Diversity Board, ensuring fair representation across all job levels.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Novartis \u2013 Global Leadership Assessments<\/h3>\r\n             <p>Novartis deployed leadership-specific tests that assess strategic thinking and cultural competence, enhancing their global leadership pipeline.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Nordic Company \u2013 Turnover Reduction<\/h3>\r\n             <p>Customized assessments led to a 23% reduction in turnover and direct recruitment savings of \u20ac250,000, while 90% of hires exceeded KPIs in the first year.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Centrica \u2013 Virtual Assessment Innovation<\/h3>\r\n             <p>iPad-based virtual assessments reduced assessment centres by 50% and sped up offer-to-acceptance time by 75%, saving \u00a325,000 in costs.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>Travelodge \u2013 High-Volume Recruitment<\/h3>\r\n             <p>Bespoke assessment journeys enabled Travelodge to improve candidate quality and reduce time-to-hire for high-volume hospitality roles.<\/p>\r\n         <\/div>\r\n         <div class=\"case-study-item\">\r\n             <h3>CO-OP, Digital Workforce, EY, and Liverpool John Moores University<\/h3>\r\n             <p>From custom psychometric tools for food retail and automation roles to fully tailored talent centers and objective student selection processes, these partnerships demonstrate Clevry\u2019s versatility.<\/p>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- FAQ Section -->\r\n     <div id=\"faq-section\" class=\"faq-section animate-fade-in\">\r\n         <h2>Frequently Asked Questions<\/h2>\r\n         <div class=\"faq-item\">\r\n             <div class=\"faq-question\">How long does it take to implement Clevry compared to Alva Labs?<\/div>\r\n             <div class=\"faq-answer\">\r\n                 <p>Both platforms typically implement within 1\u20132 weeks. Clevry offers both digital and live onboarding, with additional support through a certification program, ensuring a smooth transition even for teams with limited assessment experience.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"faq-item\">\r\n             <div class=\"faq-question\">Can I use Clevry for blue-collar roles?<\/div>\r\n             <div class=\"faq-answer\">\r\n                 <p>Absolutely. Clevry also provides tailored assessments for blue-collar roles \u2013 including mechanical reasoning and specific situational judgment tests \u2013 unlike Alva Labs, which is more focused on knowledge-worker positions.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"faq-item\">\r\n             <div class=\"faq-question\">How do Clevry's personality questionnaires differ from Alva Labs' offerings?<\/div>\r\n             <div class=\"faq-answer\">\r\n                 <p>Clevry offers two variants of personality questionnaires (with 21 or 30 scales) plus over 20 role-specific options and a custom builder for bespoke questionnaires. In contrast, Alva Labs provides a single Big 5 based assessment with no customization.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"faq-item\">\r\n             <div class=\"faq-question\">Which platform integrates better with ATS systems?<\/div>\r\n             <div class=\"faq-answer\">\r\n                 <p>Both platforms support popular ATS integrations and offer open APIs. However, Clevry even includes a natively built ATS option for a more seamless, all-in-one solution.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"faq-item\">\r\n             <div class=\"faq-question\">What makes Clevry's scientific approach more valid for workplace assessments?<\/div>\r\n             <div class=\"faq-answer\">\r\n                 <p>Clevry\u2019s assessments are based on 30+ years of targeted research for workplace performance and are BPS accredited. This means they focus on traits and behaviors that predict job success \u2013 unlike the generic Big 5 model used by Alva Labs.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n         <div class=\"faq-item\">\r\n             <div class=\"faq-question\">How does Clevry's pricing model benefit growing organizations?<\/div>\r\n             <div class=\"faq-answer\">\r\n                 <p>Clevry\u2019s annual, headcount-based subscription with unlimited assessments lets you test more candidates without increasing costs. This ensures predictable budgeting, especially during high-growth phases, unlike the per-hire pricing model of Alva Labs.<\/p>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n \r\n     <!-- CTA Section -->\r\n     <div id=\"cta-section\" class=\"cta-section animate-fade-in\">\r\n         <div class=\"cta-content\">\r\n             <h2>Ready to Experience the Clevry Difference?<\/h2>\r\n             <p>Discover how Clevry\u2019s comprehensive, scientifically validated assessment platform can transform your recruitment process \u2013 providing unlimited testing, targeted insights, and measurable business improvements.<\/p>\r\n             <div class=\"cta-buttons\">\r\n                 <a href=\"https:\/\/www.clevry.com\/en\/free-trial\/\" class=\"cta-button-primary\">Start Your Free Trial<\/a>\r\n                 <a href=\"https:\/\/www.clevry.com\/en\/platform\/contact-us\/\" class=\"cta-button-secondary\">Book a Personalized Demo<\/a>\r\n             <\/div>\r\n         <\/div>\r\n     <\/div>\r\n <\/div>\r\n \r\n <script>\r\n     document.addEventListener('DOMContentLoaded', function() {\r\n         \/\/ FAQ Accordion Functionality\r\n         const faqQuestions = document.querySelectorAll('.faq-question');\r\n         \r\n         faqQuestions.forEach(question => {\r\n             question.addEventListener('click', () => {\r\n                 const answer = question.nextElementSibling;\r\n                 const isActive = question.classList.contains('active');\r\n                 \r\n                 \/\/ Close all FAQs\r\n                 document.querySelectorAll('.faq-question').forEach(q => {\r\n                     q.classList.remove('active');\r\n                 });\r\n                 document.querySelectorAll('.faq-answer').forEach(a => {\r\n                     a.classList.remove('active');\r\n                 });\r\n                 \r\n                 \/\/ Open the clicked FAQ if it wasn't already open\r\n                 if (!isActive) {\r\n                     question.classList.add('active');\r\n                     answer.classList.add('active');\r\n                 }\r\n             });\r\n         });\r\n \r\n         \/\/ Interactive Feature Comparison (Placeholder for dynamic filtering)\r\n         const comparisonFilters = document.querySelectorAll('.comparison-filter');\r\n         comparisonFilters.forEach(filter => {\r\n             filter.addEventListener('click', () => {\r\n                 comparisonFilters.forEach(f => f.classList.remove('active'));\r\n                 filter.classList.add('active');\r\n                 const category = filter.getAttribute('data-category');\r\n                 console.log('Filter selected:', category);\r\n             });\r\n         });\r\n \r\n         \/\/ Back to Top button functionality\r\n         const backToTopButton = document.getElementById('backToTop');\r\n         window.addEventListener('scroll', () => {\r\n             if (window.scrollY > 500) {\r\n                 backToTopButton.classList.add('visible');\r\n             } else {\r\n                 backToTopButton.classList.remove('visible');\r\n             }\r\n         });\r\n         \r\n         backToTopButton.addEventListener('click', () => {\r\n             window.scrollTo({\r\n                 top: 0,\r\n                 behavior: 'smooth'\r\n             });\r\n         });\r\n \r\n         \/\/ Lazy loading for images\r\n         const lazyLoadImages = document.querySelectorAll('.lazy-load');\r\n         if ('IntersectionObserver' in window) {\r\n             const imageObserver = new IntersectionObserver((entries, observer) => {\r\n                 entries.forEach(entry => {\r\n                     if (entry.isIntersecting) {\r\n                         const img = entry.target;\r\n                         img.classList.add('loaded');\r\n                         observer.unobserve(img);\r\n                     }\r\n                 });\r\n             });\r\n             lazyLoadImages.forEach(img => {\r\n                 imageObserver.observe(img);\r\n             });\r\n         } else {\r\n             lazyLoadImages.forEach(img => {\r\n                 img.classList.add('loaded');\r\n             });\r\n         }\r\n \r\n         \/\/ Scroll animation for sections\r\n         const animatedElements = document.querySelectorAll('.animate-fade-in');\r\n         if ('IntersectionObserver' in window) {\r\n             const animationObserver = new IntersectionObserver((entries) => {\r\n                 entries.forEach(entry => {\r\n                     if (entry.isIntersecting) {\r\n                         entry.target.style.opacity = '0';\r\n                         entry.target.style.animation = 'fadeIn 0.8s ease forwards';\r\n                     }\r\n                 });\r\n             }, { threshold: 0.1 });\r\n             animatedElements.forEach(element => {\r\n                 element.style.opacity = '0';\r\n                 animationObserver.observe(element);\r\n             });\r\n         }\r\n \r\n         \/\/ Smooth scrolling for anchor links\r\n         document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n             anchor.addEventListener('click', function(e) {\r\n                 e.preventDefault();\r\n                 const targetId = this.getAttribute('href');\r\n                 const targetElement = document.querySelector(targetId);\r\n                 if (targetElement) {\r\n                     window.scrollTo({\r\n                         top: targetElement.offsetTop - 20,\r\n                         behavior: 'smooth'\r\n                     });\r\n                 }\r\n             });\r\n         });\r\n     });\r\n <\/script>\r\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clevry vs Alva Labs: Assessment Platform Comparison Find the right talent assessment solution for your recruitment process with our detailed, data-driven comparison of features, scientific validity, and pricing models. See Key Differences Book a Demo Jump to a Section Key Differences Assessment Types Scientific Approach Reporting Pricing Implementation Customer Stories FAQ Key Differences at a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":11092,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"content-type":[],"class_list":["post-51387","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Clevry vs Alva Labs: A comparison of assessment platforms - Clevry<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clevry vs Alva Labs: A comparison of assessment platforms - Clevry\" \/>\n<meta property=\"og:description\" content=\"Clevry vs Alva Labs: Assessment Platform Comparison Find the right talent assessment solution for your recruitment process with our detailed, data-driven comparison of features, scientific validity, and pricing models. See Key Differences Book a Demo Jump to a Section Key Differences Assessment Types Scientific Approach Reporting Pricing Implementation Customer Stories FAQ Key Differences at a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/\" \/>\n<meta property=\"og:site_name\" content=\"Clevry\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-08T11:56:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/\",\"url\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/\",\"name\":\"Clevry vs Alva Labs: A comparison of assessment platforms - Clevry\",\"isPartOf\":{\"@id\":\"https:\/\/www.clevry.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg\",\"datePublished\":\"2025-03-18T15:06:49+00:00\",\"dateModified\":\"2025-07-08T11:56:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#primaryimage\",\"url\":\"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg\",\"contentUrl\":\"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg\",\"width\":1200,\"height\":628,\"caption\":\"Arbetspsykologiska tester\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.clevry.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Clevry vs Alva Labs: A comparison of assessment platforms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.clevry.com\/en\/#website\",\"url\":\"https:\/\/www.clevry.com\/en\/\",\"name\":\"Clevry\",\"description\":\"The soft skills platform\",\"publisher\":{\"@id\":\"https:\/\/www.clevry.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.clevry.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.clevry.com\/en\/#organization\",\"name\":\"Clevry\",\"url\":\"https:\/\/www.clevry.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.clevry.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.clevry.com\/wp-content\/uploads\/2022\/11\/Group-14-Copy.svg\",\"contentUrl\":\"https:\/\/www.clevry.com\/wp-content\/uploads\/2022\/11\/Group-14-Copy.svg\",\"width\":152,\"height\":48,\"caption\":\"Clevry\"},\"image\":{\"@id\":\"https:\/\/www.clevry.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Clevry vs Alva Labs: A comparison of assessment platforms - Clevry","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/","og_locale":"en_GB","og_type":"article","og_title":"Clevry vs Alva Labs: A comparison of assessment platforms - Clevry","og_description":"Clevry vs Alva Labs: Assessment Platform Comparison Find the right talent assessment solution for your recruitment process with our detailed, data-driven comparison of features, scientific validity, and pricing models. See Key Differences Book a Demo Jump to a Section Key Differences Assessment Types Scientific Approach Reporting Pricing Implementation Customer Stories FAQ Key Differences at a [&hellip;]","og_url":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/","og_site_name":"Clevry","article_modified_time":"2025-07-08T11:56:11+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/","url":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/","name":"Clevry vs Alva Labs: A comparison of assessment platforms - Clevry","isPartOf":{"@id":"https:\/\/www.clevry.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#primaryimage"},"image":{"@id":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg","datePublished":"2025-03-18T15:06:49+00:00","dateModified":"2025-07-08T11:56:11+00:00","breadcrumb":{"@id":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#primaryimage","url":"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg","contentUrl":"https:\/\/www.clevry.com\/wp-content\/uploads\/2023\/01\/Featured-Image.jpg","width":1200,"height":628,"caption":"Arbetspsykologiska tester"},{"@type":"BreadcrumbList","@id":"https:\/\/www.clevry.com\/en\/clevry-vs-alva-labs-a-comparison-of-assessment-platforms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.clevry.com\/en\/"},{"@type":"ListItem","position":2,"name":"Clevry vs Alva Labs: A comparison of assessment platforms"}]},{"@type":"WebSite","@id":"https:\/\/www.clevry.com\/en\/#website","url":"https:\/\/www.clevry.com\/en\/","name":"Clevry","description":"The soft skills platform","publisher":{"@id":"https:\/\/www.clevry.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clevry.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.clevry.com\/en\/#organization","name":"Clevry","url":"https:\/\/www.clevry.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.clevry.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.clevry.com\/wp-content\/uploads\/2022\/11\/Group-14-Copy.svg","contentUrl":"https:\/\/www.clevry.com\/wp-content\/uploads\/2022\/11\/Group-14-Copy.svg","width":152,"height":48,"caption":"Clevry"},"image":{"@id":"https:\/\/www.clevry.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/pages\/51387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/comments?post=51387"}],"version-history":[{"count":11,"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/pages\/51387\/revisions"}],"predecessor-version":[{"id":52657,"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/pages\/51387\/revisions\/52657"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/media\/11092"}],"wp:attachment":[{"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/media?parent=51387"}],"wp:term":[{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/www.clevry.com\/en\/wp-json\/wp\/v2\/content-type?post=51387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}