{"id":3643,"date":"2026-08-22T18:52:51","date_gmt":"2026-08-22T17:52:51","guid":{"rendered":"https:\/\/cozmotec.ie\/staging\/7865\/?page_id=3643"},"modified":"2026-10-04T22:48:31","modified_gmt":"2026-10-04T21:48:31","slug":"oroko","status":"publish","type":"page","link":"https:\/\/cozmotec.ie\/staging\/7865\/oroko\/","title":{"rendered":"Oroko"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3643\" class=\"elementor elementor-3643\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bfb89a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2bfb89a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0c5b97\" data-id=\"a0c5b97\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad2bd2b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ad2bd2b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-496a2f5\" data-id=\"496a2f5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a40b5b4 elementor-widget elementor-widget-html\" data-id=\"a40b5b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Critical Anti-FOUC Background & Pure Deep Black Canvas -->\r\n<style>\r\nhtml, body {\r\n  background-color: #000000 !important;\r\n  background: #000000 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.cz-site-wrapper {\r\n  opacity: 1 !important;\r\n}\r\nscript,\r\n  script[type=\"application\/ld+json\"] {\r\n    display: none !important;\r\n  }\r\n  html,\r\n  body,\r\n  .elementor,\r\n  .elementor-section,\r\n  .elementor-container,\r\n  main,\r\n  section,\r\n  footer {\r\n    background-color: #000000 !important;\r\n  }\r\n  html,\r\n  body,\r\n  .elementor,\r\n  .elementor-section,\r\n  .elementor-container,\r\n  main,\r\n  section,\r\n  footer {\r\n    background-color: #000000 !important;\r\n  }\r\n  html {\r\n    background-color: #000000 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n  body {\r\n    background-color: #000000 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n    opacity: 1;\r\n    transition: opacity 0.15s ease-in;\r\n  }\r\n  .czm-home-page,\r\n  .czm-about-page,\r\n  .czm-services-page,\r\n  .czm-case-studies-page,\r\n  .czm-blogs-page,\r\n  .czm-talk-page,\r\n  .czm-bdetail-page,\r\n  .czm-single-case-page,\r\n  .czm-section,\r\n  .czm-footer-wrapper {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    box-sizing: border-box !important;\r\n    background-color: #000000 !important;\r\n  }\r\n\r\n  \/* Auto-scale Customs Wise & MAOR Compliance logos to match 0-padding visual size of other cards *\/\r\n  \r\n  \r\n\r\n  \/* --- Universal Search & Popup Zero-FOUC Guards --- *\/\r\n  .czm-search-autocomplete-dropdown,\r\n  .czm-search-dropdown,\r\n  .czm-search-suggestions,\r\n  .czm-search-results,\r\n  .czm-search-preview-popup,\r\n  [data-search-dropdown] {\r\n    display: none !important;\r\n  }\r\n  .czm-search-autocomplete-dropdown.is-active,\r\n  .czm-search-dropdown.is-active,\r\n  .czm-search-suggestions.is-active,\r\n  .czm-search-results.is-active,\r\n  .czm-search-preview-popup.is-active,\r\n  [data-search-dropdown].is-active {\r\n    display: block !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- ==========================================================================\r\n   COZMOTEC CASE STUDY: OROKO TRAVELS (WORDPRESS & ELEMENTOR READY)\r\n   ========================================================================== -->\r\n\r\n<!-- Font Assets -->\r\n<meta\r\n  name=\"viewport\"\r\n  content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\"\r\n\/>\r\n<!-- Universal High-Performance Typography (Non-Blocking Preconnects) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&family=Outfit:wght@300;400;500;600;700&family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Geist+Mono:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=general-sans@400,500,600,700&f[]=urbanist@400,500,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"cz-site-wrapper\" style=\"opacity: 0; transition: opacity 0.15s ease-in;\">\r\n<div class=\"czm-single-cs-page\" id=\"czm-single-cs-root\">\r\n  <!-- ========================================================================\r\n       SECTION 1: PROJECT HERO HEADER (BRAND LOGO + TITLE + CATEGORY TAGS)\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-hero-section\" id=\"project-hero\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-hero-layout\">\r\n        <!-- Left: Large Featured Brand Logo -->\r\n        <div class=\"czm-single-hero-logo-box\">\r\n          <!-- REPLACEABLE BRAND LOGO -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/oroko.webp\"\r\n            alt=\"OROKO Travels Logo\"\r\n            class=\"czm-single-hero-logo\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <!-- Right: Project Title & Category Tag Pills -->\r\n        <div class=\"czm-single-hero-meta-box\">\r\n          <!-- CASE STUDY TITLE -->\r\n          <h1 class=\"czm-single-hero-title\">OROKO TRAVELS<\/h1>\r\n\r\n          <!-- CATEGORY TAG PILLS -->\r\n          <div class=\"czm-single-tags-wrap\">\r\n            <span class=\"czm-single-tag-pill\">TravelTech<\/span>\r\n            <span class=\"czm-single-tag-pill\">Luxury Travel<\/span>\r\n            <span class=\"czm-single-tag-pill\">AppDevelopment<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 2: PROJECT OVERVIEW & PROCESS\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-content-section\" id=\"overview-process\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-content-layout\">\r\n        <!-- Block 1: Overview -->\r\n        <div class=\"czm-single-narrative-block\">\r\n          <h2 class=\"czm-single-sec-title\">Overview<\/h2>\r\n          <div class=\"czm-single-sec-body\">\r\n            <!-- OVERVIEW TEXT -->\r\n            <p>\r\n              OROKO Travel designs bespoke, high-end tailored journeys for Irish\r\n              travellers worldwide. As their bookings and itineraries grew more\r\n              complex, they needed a way to give clients a single, elegant home\r\n              for every detail of their trip \u2014 instead of scattered emails,\r\n              PDFs, and phone calls. Cozmotec was brought on to design and build\r\n              a native mobile app that extends OROKO's premium, concierge-level\r\n              service into travellers' pockets, before, during, and after their\r\n              journey.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Block 2: Process -->\r\n        <div class=\"czm-single-narrative-block\">\r\n          <h2 class=\"czm-single-sec-title\">Process<\/h2>\r\n          <div class=\"czm-single-sec-body\">\r\n            <!-- PROCESS TEXT -->\r\n            <p>\r\n              Cozmotec worked closely with the OROKO team to translate their\r\n              white-glove, human-led travel planning process into a digital\r\n              experience without losing the personal touch that defines the\r\n              brand. This involved mapping the full client journey \u2014 from\r\n              itinerary confirmation to in-trip support \u2014 architecting secure\r\n              document and payment handling, and building natively for both iOS\r\n              and Android with offline access in mind (essential for travellers\r\n              moving between destinations with unreliable connectivity). The app\r\n              was designed to work seamlessly alongside OROKO's Travel\r\n              Designers, surfacing real-time updates and personalised trip\r\n              content rather than replacing the human relationship.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 3: DUAL SCREEN MOCKUP SHOWCASE\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-mockup-section\" id=\"mockup-gallery\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-mockup-grid\">\r\n        <!-- Mockup Card 1 (Left Screen) -->\r\n        <div class=\"czm-single-mockup-card\">\r\n          <!-- REPLACEABLE LEFT SHOWCASE IMAGE -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/OROKO1.png\"\r\n            alt=\"OROKO Travel Interface Showcase 1\"\r\n            class=\"czm-single-mockup-img\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <!-- Mockup Card 2 (Right Screen) -->\r\n        <div class=\"czm-single-mockup-card\">\r\n          <!-- REPLACEABLE RIGHT SHOWCASE IMAGE -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/OROKO2.png\"\r\n            alt=\"OROKO Travel Interface Showcase 2\"\r\n            class=\"czm-single-mockup-img\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 4: OUTCOMES & IMPACT\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-content-section\" id=\"outcomes\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-content-layout\">\r\n        <!-- Block 3: Outcomes -->\r\n        <div class=\"czm-single-narrative-block\">\r\n          <h2 class=\"czm-single-sec-title\">Outcomes<\/h2>\r\n          <div class=\"czm-single-sec-body\">\r\n            <!-- OUTCOMES TEXT -->\r\n            <p>\r\n              The OROKO Travel App now gives every OROKO client a personalised,\r\n              secure profile housing their itinerary, documents, and live trip\r\n              updates \u2014 reinforcing OROKO's \"seamless, stress-free\" service\r\n              promise. It's live on both the App Store and Google Play, used for\r\n              everything from ski trips to safaris to luxury cruises, and is\r\n              called out directly by OROKO clients in testimonials as a\r\n              highlight of the booking experience (\"the clear itinerary and\r\n              Oroko app made the whole experience seamless\").\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 5: INTERACTIVE CASE STUDIES SHOWCASE GRID (EXPLORE MORE PROJECTS)\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-cs-grid-section\" id=\"case-studies-grid\">\r\n    <div class=\"czm-container\">\r\n            <!-- 3-Column Interactive Case Studies Cards -->\r\n      <div class=\"czm-cs-cards-grid\" id=\"czm-cs-cards-grid\">\r\n        <!-- Card 1: Cyberminds (1st) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"mobile digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/cyberminds\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/cyber_mind_logo.png\" alt=\"Cyberminds Logo\" class=\"czm-cs-brand-logo czm-logo-cyberminds\" loading=\"lazy\" \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Cyberminds<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Practical cybersecurity and AI learning, built for real-world skills.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Cyberminds<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Practical cybersecurity and AI learning, built for real-world skills.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/cybermind_hover.png\" alt=\"Cyberminds Project Preview\" class=\"czm-cs-mockup-img\" loading=\"lazy\" \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 2: MAOR Compliance (2nd) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"enterprise digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/maor-compliance\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/maor-compliance-logo.png\" alt=\"MAOR Compliance Logo\" class=\"czm-cs-brand-logo czm-logo-maor\" loading=\"lazy\" \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">MAOR Compliance<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  AI regulatory compliance and automated security auditing for\r\n                  modern enterprises.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">MAOR Compliance<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  AI regulatory compliance and automated security auditing for\r\n                  modern enterprises.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/maor_hover.png\" alt=\"MAOR Compliance Project Preview\" class=\"czm-cs-mockup-img\" loading=\"lazy\" \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 3: DAA International (3rd) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"enterprise digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/daa-international\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/UvA0BZgfbCC5HLrd9q4zzxKauC4.png\"\r\n                  alt=\"DAA International Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">DAA International<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Global airport management, consultancy, and investment\r\n                  solutions.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">DAA International<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Global airport management, consultancy, and investment\r\n                  solutions.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/daa-international-image-scaled.png\"\r\n                  alt=\"DAA International Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 4: Customs Wise (4th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"enterprise digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/customs-wise\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/custom-wise.png\" alt=\"Customs Wise Logo\" class=\"czm-cs-brand-logo czm-logo-customs-wise\" loading=\"lazy\" \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Customs Wise<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Streamlined customs compliance and global trade logistics\r\n                  management.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Customs Wise<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Streamlined customs compliance and global trade logistics\r\n                  management.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/CustomsWise.png\"\r\n                  alt=\"Customs Wise Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 5: Alupress (5th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"branding digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/alupress\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/y12MgDgeEnhEKbwVZZSFpMBAVw.png\"\r\n                  alt=\"Alupress Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Alupress<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Precision aluminium die\u2013casting solutions for automotive\r\n                  industries.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Alupress<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Precision aluminium die\u2013casting solutions for automotive\r\n                  industries.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/alupress-image.png\"\r\n                  alt=\"Alupress Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 6: Lazy Tiger (6th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"mobile digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/lazy-tiger\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/LSJPtmziNTeSj0s7e45yExQd18.png\"\r\n                  alt=\"Lazy Tiger Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Lazy Tiger<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  A fitness tracking app for gym cardio machines like rowers,\r\n                  SkiErgs, and bikes.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Lazy Tiger<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  A fitness tracking app for gym cardio machines like rowers,\r\n                  SkiErgs, and bikes.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/lazy-tiger-image.png\"\r\n                  alt=\"Lazy Tiger Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 7: Building Bones (7th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"mobile digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/building-bones\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/gVXC0WYbjhnybIJ0FqbZrwgaM6s.png\"\r\n                  alt=\"Building Bones Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Building Bones<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  A simple app focused on improving bone health and wellness.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Building Bones<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  A simple app focused on improving bone health and wellness.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/building-bones-image.png\"\r\n                  alt=\"Building Bones Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 8: OROKO Travels (8th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"branding digital\">\r\n          <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/oroko\/\" class=\"czm-cs-card\">\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/7EtLUTGiNQOOhMgrsBx3smm6gI.png\"\r\n                  alt=\"OROKO Travels Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">OROKO Travels<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Bespoke luxury travel journeys designed around you.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">OROKO Travels<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Bespoke luxury travel journeys designed around you.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/oroko-image.png\"\r\n                  alt=\"OROKO Travels Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 9: Click&Go (9th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"branding digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/click-go-holidays\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/6lAdVcusYnireqlQDIF91OyETug.png\"\r\n                  alt=\"Click&Go Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Click&amp;Go<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  A marketplace for curated tours, getaways, and local\r\n                  experiences.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Click&amp;Go<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  A marketplace for curated tours, getaways, and local\r\n                  experiences.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/click-go-image.png\"\r\n                  alt=\"Click&Go Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div><\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 6: CONTACT DETAILS & DIRECT QUERY FORM\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-about-query-section\" id=\"contact-queries\">\r\n    <div class=\"czm-about-query-ambient-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-about-query-layout\">\r\n        <!-- Left Side: Heading & Contact Info -->\r\n        <div class=\"czm-about-query-left\">\r\n          <h2 class=\"czm-query-sec-title\">\r\n            Ask whatever you<br \/>have in your mind\r\n          <\/h2>\r\n          <p class=\"czm-query-sec-subtitle\">\r\n            Whether you have questions or are ready to discuss your business,\r\n            we\u2019re here to help. Reach out today.\r\n          <\/p>\r\n\r\n          <div class=\"czm-about-contact-items\">\r\n            <a href=\"mailto:info@cozmotec.ie\" class=\"czm-about-contact-row\">\r\n              <div class=\"czm-about-contact-icon\">\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <path\r\n                    d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\r\n                  ><\/path>\r\n                  <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"czm-about-contact-val\">info@cozmotec.ie<\/span>\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"https:\/\/cozmotec.ie\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              class=\"czm-about-contact-row\"\r\n            >\r\n              <div class=\"czm-about-contact-icon\">\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                  <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                  <path\r\n                    d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\r\n                  ><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"czm-about-contact-val\">cozmotec.ie<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"czm-about-contact-row\">\r\n              <div class=\"czm-about-contact-icon\">\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <path\r\n                    d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\r\n                  ><\/path>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"czm-about-contact-val\">Dublin, Ireland<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Side: Contact Query Form -->\r\n        <div class=\"czm-about-query-right\">\r\n          <div class=\"czm-about-query-card czm-glass-card\">\r\n            <form\r\n              class=\"czm-about-form\"\r\n              id=\"czm-about-query-form\"\r\n              method=\"POST\"\r\n              onsubmit=\"handleCozmotecFormSubmit(event)\"\r\n            >\r\n              <input type=\"hidden\" name=\"service\" value=\"General Inquiry\" \/>\r\n\r\n              <div class=\"czm-aform-field\">\r\n                <label class=\"czm-aform-label\" for=\"czm-ab-name\">Name<\/label>\r\n                <input\r\n                  type=\"text\"\r\n                  id=\"czm-ab-name\"\r\n                  name=\"name\"\r\n                  class=\"czm-aform-input\"\r\n                  placeholder=\"Jane Smith\"\r\n                  required\r\n                \/>\r\n              <\/div>\r\n\r\n              <div class=\"czm-aform-field\">\r\n                <label class=\"czm-aform-label\" for=\"czm-ab-email\">Email<\/label>\r\n                <input\r\n                  type=\"email\"\r\n                  id=\"czm-ab-email\"\r\n                  name=\"email\"\r\n                  class=\"czm-aform-input\"\r\n                  placeholder=\"jane@framer.com\"\r\n                  required\r\n                \/>\r\n              <\/div>\r\n\r\n              <div class=\"czm-aform-field\">\r\n                <label class=\"czm-aform-label\" for=\"czm-ab-msg\">Message<\/label>\r\n                <textarea\r\n                  id=\"czm-ab-msg\"\r\n                  name=\"message\"\r\n                  class=\"czm-aform-textarea\"\r\n                  rows=\"4\"\r\n                  placeholder=\"Hi, I am reaching out for...\"\r\n                  required\r\n                ><\/textarea>\r\n              <\/div>\r\n\r\n              <button type=\"submit\" class=\"czm-btn-pill-pink czm-btn-full\">\r\n                <span>Submit<\/span>\r\n              <\/button>\r\n            <\/form>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ==========================================================================\r\n     CSS STYLES (STRICT WORDPRESS ISOLATION & LUXURY DARK THEMING)\r\n     ========================================================================== -->\r\n<style>\r\n  \/* --- Anti-FOUC Critical Styling --- *\/\r\n  html {\r\n    background-color: #000000 !important;\r\n  }\r\n  body {\r\n    background-color: #000000 !important;\r\n    opacity: 1;\r\n    transition: opacity 0.15s ease-in;\r\n  }\r\n\r\n  \/* --- Universal Responsive Viewport & Overflow Hygiene --- *\/\r\n  html,\r\n  body {\r\n    max-width: 100% !important;\r\n    overflow-x: hidden !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  img,\r\n  video {\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n  }\r\n\r\n  \/* --- Strict Reset to Override All WordPress Themes --- *\/\r\n  .czm-single-cs-page,\r\n  .czm-single-cs-page *,\r\n  .czm-single-cs-page *::before,\r\n  .czm-single-cs-page *::after {\r\n    box-sizing: border-box !important;\r\n    text-transform: none !important;\r\n    letter-spacing: normal !important;\r\n    font-family: \"Schibsted Grotesk\", sans-serif !important;\r\n    -webkit-font-smoothing: antialiased !important;\r\n  }\r\n\r\n  .czm-single-cs-page {\r\n    background-color: #000000 !important;\r\n    color: #f6f8f7 !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  .czm-single-cs-page button {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    color: inherit !important;\r\n    font-size: inherit !important;\r\n    font-weight: inherit !important;\r\n    line-height: normal !important;\r\n    cursor: pointer !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  .czm-single-cs-page p,\r\n  .czm-single-cs-page h1,\r\n  .czm-single-cs-page h2,\r\n  .czm-single-cs-page h3,\r\n  .czm-single-cs-page h4 {\r\n    margin-top: 0 !important;\r\n  }\r\n\r\n  .czm-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 24px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .czm-section {\r\n    padding: 70px 0 !important;\r\n    position: relative !important;\r\n  }\r\n\r\n  .czm-highlight-pink {\r\n    color: #c9266b !important;\r\n  }\r\n\r\n  .czm-section-header {\r\n    text-align: center !important;\r\n    max-width: 890px !important;\r\n    margin: 0 auto 48px !important;\r\n  }\r\n\r\n  .czm-section-title {\r\n    font-size: 44px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.15em !important;\r\n    letter-spacing: -1.5px !important;\r\n    color: #f6f8f7 !important;\r\n    margin: 0 0 14px !important;\r\n  }\r\n\r\n  .czm-section-subtitle {\r\n    font-size: 16.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.5em !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    margin: 0 auto !important;\r\n    max-width: 680px !important;\r\n  }\r\n\r\n  \/* --- Buttons --- *\/\r\n  .czm-btn-pill-pink {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 10px !important;\r\n    height: 46px !important;\r\n    padding: 0 34px !important;\r\n    background-color: #c9266b !important;\r\n    color: #ffffff !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    text-decoration: none !important;\r\n    border-radius: 9999px !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    box-shadow: 0 4px 18px rgba(201, 38, 107, 0.3) !important;\r\n    line-height: normal !important;\r\n  }\r\n\r\n  .czm-btn-pill-pink:hover {\r\n    background-color: #e02f7a !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 8px 25px rgba(201, 38, 107, 0.5) !important;\r\n  }\r\n\r\n  .czm-btn-full {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .czm-glass-card {\r\n    background-color: #150507 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 24px !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    transition:\r\n      transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),\r\n      border-color 0.3s ease,\r\n      box-shadow 0.3s ease !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     1. PROJECT HERO HEADER (MATCHING SCREENSHOT 1)\r\n     ======================================================================== *\/\r\n  .czm-single-hero-section {\r\n    padding: 120px 0 70px !important;\r\n    background: #000000 !important;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  }\r\n\r\n  .czm-single-hero-layout {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1.2fr !important;\r\n    align-items: center !important;\r\n    gap: 60px !important;\r\n  }\r\n\r\n  .czm-single-hero-logo-box {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    max-width: 320px !important;\r\n    height: 90px !important;\r\n  }\r\n\r\n  .czm-single-hero-logo {\r\n    max-width: 100% !important;\r\n    width: auto !important;\r\n    max-height: 80px !important;\r\n    height: auto !important;\r\n    object-fit: contain !important;\r\n    object-position: left center !important;\r\n    image-rendering: auto !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .czm-single-hero-meta-box {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n  }\r\n\r\n  .czm-single-hero-title {\r\n    font-family: \"Outfit\", sans-serif !important;\r\n    font-size: clamp(36px, 4.5vw, 56px) !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: -1px !important;\r\n    line-height: 1.1em !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-single-tags-wrap {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  .czm-single-tag-pill {\r\n    display: inline-block !important;\r\n    padding: 7px 18px !important;\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    border-radius: 999px !important;\r\n    font-size: 13.5px !important;\r\n    font-weight: 500 !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     2. NARRATIVE SECTIONS (OVERVIEW, PROCESS & OUTCOMES)\r\n     ======================================================================== *\/\r\n  .czm-single-content-section {\r\n    padding: 60px 0 !important;\r\n  }\r\n\r\n  .czm-single-content-layout {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 60px !important;\r\n    max-width: 1140px !important;\r\n  }\r\n\r\n  .czm-single-narrative-block {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n  }\r\n\r\n  .czm-single-sec-title {\r\n    font-family: \"Outfit\", sans-serif !important;\r\n    font-size: clamp(28px, 3.2vw, 36px) !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: -0.8px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-single-sec-body p {\r\n    font-size: clamp(16px, 1.8vw, 18.5px) !important;\r\n    line-height: 1.65em !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    margin: 0 !important;\r\n    max-width: 1050px !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     3. DUAL SCREEN MOCKUP SHOWCASE\r\n     ======================================================================== *\/\r\n  .czm-single-mockup-section {\r\n    padding: 50px 0 70px !important;\r\n  }\r\n\r\n  .czm-single-mockup-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 28px !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  .czm-single-mockup-card {\r\n    background: #0d0608 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 26px !important;\r\n    overflow: hidden !important;\r\n    aspect-ratio: 1.45 \/ 1 !important;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;\r\n    transition:\r\n      transform 0.35s ease,\r\n      border-color 0.35s ease !important;\r\n  }\r\n\r\n  .czm-single-mockup-card:hover {\r\n    transform: translateY(-6px) !important;\r\n    border-color: rgba(201, 38, 107, 0.5) !important;\r\n  }\r\n\r\n  .czm-single-mockup-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: center !important;\r\n    display: block !important;\r\n    transition: transform 0.4s ease !important;\r\n  }\r\n\r\n  .czm-single-mockup-card:hover .czm-single-mockup-img {\r\n    transform: scale(1.03) !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     5. CASE STUDIES GRID\r\n     ======================================================================== *\/\r\n  .czm-cs-grid-section {\r\n    padding: 90px 0 100px !important;\r\n    background: #020205 !important;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  }\r\n\r\n  .czm-cs-cards-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 24px !important;\r\n    max-width: 1160px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  .czm-cs-card-item {\r\n    transition:\r\n      opacity 0.3s ease,\r\n      transform 0.3s ease !important;\r\n  }\r\n\r\n  .czm-cs-card {\r\n    display: block !important;\r\n    height: 310px !important;\r\n    background-color: #14000d !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.07) !important;\r\n    border-radius: 25px !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n  }\r\n\r\n  .czm-cs-card:hover {\r\n    border-color: rgba(201, 38, 107, 0.6) !important;\r\n    box-shadow:\r\n      0 18px 45px rgba(0, 0, 0, 0.7),\r\n      0 0 35px rgba(201, 38, 107, 0.25) !important;\r\n    transform: translateY(-6px) !important;\r\n  }\r\n\r\n  .czm-cs-normal-content {\r\n    height: 100% !important;\r\n    padding: 36px 30px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .czm-cs-logo-box {\r\n    height: 52px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    text-align: left !important;\r\n    margin: 0 0 24px !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .czm-cs-brand-logo {\r\n    max-height: 48px !important;\r\n    max-width: 160px !important;\r\n    object-fit: contain !important;\r\n    object-position: left center !important;\r\n    display: block !important;\r\n    margin: 0 !important;\r\n    transform: none !important;\r\n    filter: brightness(0.95) contrast(1.1) !important;\r\n  }\r\n  .czm-logo-customs-wise {\r\n    height: 140px !important;\r\n    max-height: 140px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: -35px !important;\r\n    margin-top: 0 !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .czm-logo-maor {\r\n    height: 52px !important;\r\n    max-height: 52px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: -18px !important;\r\n    margin-top: 0 !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .czm-logo-cyberminds {\r\n    height: 48px !important;\r\n    max-height: 48px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: -14px !important;\r\n    margin-top: 0 !important;\r\n    display: block !important;\r\n  }\r\n\r\n\r\n  .czm-cs-text-wrap {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .czm-cs-title {\r\n    font-family: \"Schibsted Grotesk\", sans-serif !important;\r\n    font-size: 24px !important;\r\n    font-weight: 600 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 !important;\r\n    letter-spacing: -0.3px !important;\r\n  }\r\n\r\n  .czm-cs-desc {\r\n    font-size: 14.5px !important;\r\n    line-height: 1.55em !important;\r\n    color: rgba(255, 255, 255, 0.68) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-cs-hover-overlay {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: linear-gradient(145deg, #b8346c 0%, #801d46 100%) !important;\r\n    padding: 30px 26px 0 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n    z-index: 2 !important;\r\n    transition:\r\n      opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),\r\n      visibility 0.35s ease !important;\r\n  }\r\n\r\n  .czm-cs-card:hover .czm-cs-hover-overlay {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n  }\r\n\r\n  .czm-cs-hover-header {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 6px !important;\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  .czm-cs-hover-title {\r\n    font-family: \"Schibsted Grotesk\", sans-serif !important;\r\n    font-size: 22px !important;\r\n    font-weight: 600 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 !important;\r\n    letter-spacing: -0.3px !important;\r\n  }\r\n\r\n  .czm-cs-hover-desc {\r\n    font-size: 13.5px !important;\r\n    line-height: 1.45em !important;\r\n    color: rgba(255, 255, 255, 0.9) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-cs-device-mockup {\r\n    flex: 1 !important;\r\n    width: 100% !important;\r\n    border-radius: 14px 14px 0 0 !important;\r\n    overflow: hidden !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    transform: translateY(12px);\r\n    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    display: flex !important;\r\n    align-items: flex-end !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .czm-cs-card:hover .czm-cs-device-mockup {\r\n    transform: translateY(0) !important;\r\n  }\r\n\r\n  .czm-cs-mockup-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: top center !important;\r\n    display: block !important;\r\n    border-radius: 12px 12px 0 0 !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .czm-cs-view-more-wrap {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    margin-top: 56px !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     6. CONTACT DETAILS & DIRECT QUERY FORM\r\n     ======================================================================== *\/\r\n  .czm-about-query-section {\r\n    padding: 100px 0 120px !important;\r\n    position: relative !important;\r\n    background: #000000 !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .czm-about-query-ambient-glow {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    right: 15% !important;\r\n    width: 600px !important;\r\n    height: 400px !important;\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      rgba(201, 38, 107, 0.15) 0%,\r\n      transparent 70%\r\n    ) !important;\r\n    filter: blur(90px) !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .czm-about-query-layout {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1.1fr !important;\r\n    gap: 60px !important;\r\n    align-items: center !important;\r\n    max-width: 1100px !important;\r\n    margin: 0 auto !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .czm-query-sec-title {\r\n    font-family: \"Outfit\", sans-serif !important;\r\n    font-size: clamp(34px, 4vw, 48px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.15em !important;\r\n    letter-spacing: -1.5px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 16px !important;\r\n  }\r\n\r\n  .czm-query-sec-subtitle {\r\n    font-size: 16.5px !important;\r\n    line-height: 1.55em !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    margin: 0 0 36px !important;\r\n    max-width: 440px !important;\r\n  }\r\n\r\n  .czm-about-contact-items {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 16px !important;\r\n  }\r\n\r\n  .czm-about-contact-row {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 14px !important;\r\n    color: rgba(255, 255, 255, 0.8) !important;\r\n    text-decoration: none !important;\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n    transition: color 0.25s ease !important;\r\n  }\r\n\r\n  .czm-about-contact-row:hover {\r\n    color: #c9266b !important;\r\n  }\r\n\r\n  .czm-about-contact-icon {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    color: #c9266b !important;\r\n    flex-shrink: 0 !important;\r\n    transition: all 0.25s ease !important;\r\n  }\r\n\r\n  .czm-about-contact-row:hover .czm-about-contact-icon {\r\n    background: #c9266b !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 0 14px rgba(201, 38, 107, 0.5) !important;\r\n  }\r\n\r\n  .czm-about-query-card {\r\n    padding: 38px 36px !important;\r\n    background: #11080b !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    border-radius: 26px !important;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;\r\n  }\r\n\r\n  .czm-about-form {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 18px !important;\r\n  }\r\n\r\n  .czm-aform-field {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .czm-aform-label {\r\n    font-size: 13px !important;\r\n    font-weight: 500 !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n  }\r\n\r\n  .czm-aform-input,\r\n  .czm-aform-textarea {\r\n    width: 100% !important;\r\n    background-color: rgba(255, 255, 255, 0.06) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    border-radius: 12px !important;\r\n    padding: 14px 18px !important;\r\n    font-size: 14.5px !important;\r\n    color: #ffffff !important;\r\n    outline: none !important;\r\n    transition: all 0.2s ease !important;\r\n  }\r\n\r\n  .czm-aform-input:focus,\r\n  .czm-aform-textarea:focus {\r\n    border-color: #c9266b !important;\r\n    background-color: rgba(255, 255, 255, 0.09) !important;\r\n    box-shadow: 0 0 16px rgba(201, 38, 107, 0.3) !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     RESPONSIVE MEDIA QUERIES\r\n     ======================================================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .czm-single-hero-layout {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 36px !important;\r\n    }\r\n    .czm-single-mockup-grid {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    .czm-cs-cards-grid {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n    .czm-about-query-layout {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 48px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .czm-section {\r\n      padding: 50px 0 !important;\r\n    }\r\n    .czm-single-hero-section {\r\n      padding: 90px 0 50px !important;\r\n    }\r\n    .czm-single-hero-title {\r\n      font-size: 34px !important;\r\n    }\r\n    .czm-cs-cards-grid {\r\n      grid-template-columns: 1fr !important;\r\n      max-width: 420px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n    .czm-cs-card {\r\n      height: 300px !important;\r\n    }\r\n    .czm-about-query-card {\r\n      padding: 26px 20px !important;\r\n    }\r\n  }\r\n\r\n  \/* Single Case Study Responsive Layout Adjustments *\/\r\n  @media (max-width: 992px) {\r\n    .czm-single-hero-layout {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 32px !important;\r\n      text-align: center !important;\r\n    }\r\n    .czm-single-hero-logo-box {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: flex-start !important;\r\n      max-width: 320px !important;\r\n      height: 90px !important;\r\n    }\r\n    .czm-single-tags-wrap {\r\n      justify-content: center !important;\r\n    }\r\n    .czm-single-mockup-grid {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 24px !important;\r\n    }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .czm-single-hero-title {\r\n      font-size: clamp(26px, 7vw, 38px) !important;\r\n    }\r\n    .czm-single-tag-pill {\r\n      min-height: 36px !important;\r\n      padding: 6px 14px !important;\r\n      font-size: 12px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ========================================================================\r\n     ASYNCHRONOUS AJAX FORM SUBMIT HANDLER & REST API INTEGRATION\r\n     ======================================================================== -->\r\n<script>\r\n  function handleCozmotecFormSubmit(event) {\r\n    event.preventDefault();\r\n    const form = event.target;\r\n    const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n    const submitBtnSpan = submitBtn ? submitBtn.querySelector(\"span\") : null;\r\n    const originalBtnText = submitBtnSpan\r\n      ? submitBtnSpan.textContent\r\n      : submitBtn\r\n        ? submitBtn.textContent\r\n        : \"Submit\";\r\n\r\n    \/\/ Remove existing error notification\r\n    const existingError = form.querySelector(\".czm-form-error-msg\");\r\n    if (existingError) {\r\n      existingError.remove();\r\n    }\r\n\r\n    \/\/ Collect form parameters\r\n    const formData = new FormData(form);\r\n    const data = {\r\n      name: (formData.get(\"name\") || \"\").trim(),\r\n      email: (formData.get(\"email\") || \"\").trim(),\r\n      service:\r\n        (formData.get(\"service\") || \"\").trim() ||\r\n        (document.querySelector(\".czm-single-hero-title\")\r\n          ? document.querySelector(\".czm-single-hero-title\").textContent.trim()\r\n          : document.title\r\n            ? document.title.split(\"\u2013\")[0].split(\"|\")[0].trim()\r\n            : \"General Inquiry\"),\r\n      message: (formData.get(\"message\") || \"\").trim(),\r\n    };\r\n\r\n    \/\/ UX Feedback: Show 'Sending...' and disable submit button\r\n    if (submitBtn) {\r\n      submitBtn.disabled = true;\r\n      if (submitBtnSpan) {\r\n        submitBtnSpan.textContent = \"Sending...\";\r\n      } else {\r\n        submitBtn.textContent = \"Sending...\";\r\n      }\r\n    }\r\n\r\n    \/\/ WordPress REST API endpoint\r\n    const endpoint = `${window.location.origin}${window.location.pathname.startsWith(\"\/staging\/7865\") ? \"\/staging\/7865\" : \"\"}\/wp-json\/cozmotec\/v1\/contact`;\r\n\r\n    fetch(endpoint, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Content-Type\": \"application\/json\",\r\n        Accept: \"application\/json\",\r\n      },\r\n      body: JSON.stringify(data),\r\n    })\r\n      .then(function (response) {\r\n        if (response.ok) {\r\n          return response.json().catch(function () {\r\n            return { success: true };\r\n          });\r\n        } else {\r\n          throw new Error(\"Form submission failed\");\r\n        }\r\n      })\r\n      .then(function (result) {\r\n        \/\/ UX Feedback: Replace form content with clean green message\r\n        form.innerHTML = `\r\n      <div class=\"czm-form-success-box\" style=\"padding: 32px 24px; text-align: center; background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); border-radius: 16px; margin: 16px 0;\">\r\n        <div style=\"width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 50%; background: rgba(34, 197, 94, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4 style=\"font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 600; color: #22c55e; margin: 0 0 8px;\">Message Sent<\/h4>\r\n        <p style=\"font-family: 'Schibsted Grotesk', sans-serif; font-size: 15px; color: #ffffff; margin: 0; line-height: 1.5;\">\r\n          Thank you! Your message has been sent successfully.\r\n        <\/p>\r\n      <\/div>\r\n    `;\r\n      })\r\n      .catch(function (error) {\r\n        \/\/ Restore button state\r\n        if (submitBtn) {\r\n          submitBtn.disabled = false;\r\n          if (submitBtnSpan) {\r\n            submitBtnSpan.textContent = originalBtnText;\r\n          } else {\r\n            submitBtn.textContent = originalBtnText;\r\n          }\r\n        }\r\n\r\n        \/\/ UX Feedback: Show inline red error message below submit button\r\n        const errorDiv = document.createElement(\"div\");\r\n        errorDiv.className = \"czm-form-error-msg\";\r\n        errorDiv.style.cssText =\r\n          'font-family: \"Schibsted Grotesk\", sans-serif; font-size: 14px; color: #ef4444; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 8px; padding: 10px 14px; margin-top: 12px; text-align: center;';\r\n        errorDiv.textContent =\r\n          \"Something went wrong. Please try again or email us directly at info@cozmotec.ie.\";\r\n        form.appendChild(errorDiv);\r\n      });\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    document\r\n      .querySelectorAll(\"form.czm-query-form, form.czm-about-form\")\r\n      .forEach(function (f) {\r\n        f.addEventListener(\"submit\", handleCozmotecFormSubmit);\r\n      });\r\n  });\r\n<\/script>\r\n<script>\r\n  \/\/ ==========================================================================\r\n  \/\/ ZERO-FOUC SEARCH AUTOCOMPLETE & DROPDOWN DISPLAY TOGGLE\r\n  \/\/ ==========================================================================\r\n  (function initSearchDropdownGuards() {\r\n    function bindSearchEvents() {\r\n      var searchInputs = document.querySelectorAll('.czm-real-input, input[type=\"search\"], input.search-field, input[name=\"s\"]');\r\n      searchInputs.forEach(function (inp) {\r\n        var wrap = inp.closest('.czm-search-pill-wrap') || inp.closest('.czm-search-pill') || inp.parentElement;\r\n        var dropdown = wrap ? wrap.querySelector('.czm-search-autocomplete-dropdown, .czm-search-dropdown, .czm-search-suggestions, .czm-search-results, .czm-search-preview-popup, [data-search-dropdown]') : null;\r\n        \r\n        if (dropdown) {\r\n          dropdown.style.setProperty('display', 'none', 'important');\r\n          \r\n          function showDropdown() {\r\n            dropdown.style.setProperty('display', 'block', 'important');\r\n            dropdown.classList.add('is-active');\r\n          }\r\n          \r\n          function hideDropdown() {\r\n            dropdown.style.setProperty('display', 'none', 'important');\r\n            dropdown.classList.remove('is-active');\r\n          }\r\n          \r\n          inp.addEventListener('focus', showDropdown);\r\n          inp.addEventListener('input', showDropdown);\r\n          \r\n          inp.addEventListener('blur', function () {\r\n            setTimeout(hideDropdown, 250);\r\n          });\r\n          \r\n          document.addEventListener('click', function (e) {\r\n            if (!wrap.contains(e.target) && !dropdown.contains(e.target)) {\r\n              hideDropdown();\r\n            }\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', bindSearchEvents);\r\n    } else {\r\n      bindSearchEvents();\r\n    }\r\n  })();\r\n<\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a111be7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a111be7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-176eee9\" data-id=\"176eee9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d6a065 elementor-widget elementor-widget-html\" data-id=\"2d6a065\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Critical Anti-FOUC Background & Pure Deep Black Canvas -->\r\n<style>\r\n  html, body, .elementor, .elementor-section, .elementor-container, main, section, footer {\r\n    background-color: #000000 !important;\r\n  }\r\n  html {\r\n    background-color: #000000 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n  body {\r\n    background-color: #000000 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n    opacity: 1;\r\n    transition: opacity 0.15s ease-in;\r\n  }\r\n  .czm-home-page,\r\n  .czm-about-page,\r\n  .czm-services-page,\r\n  .czm-case-studies-page,\r\n  .czm-blogs-page,\r\n  .czm-talk-page,\r\n  .czm-bdetail-page,\r\n  .czm-single-case-page,\r\n  .czm-section,\r\n  .czm-footer-wrapper {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    box-sizing: border-box !important;\r\n    background-color: #000000 !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- ==========================================================================\r\n   COZMOTEC GLOBAL 4-COLUMN FOOTER\r\n   Extracted from cozmotec.framer.website\/index.html\r\n   Clean HTML + Inline CSS (Ready for Elementor \/ HTML Widget)\r\n   ========================================================================== -->\r\n\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=general-sans@400,500,600,700&f[]=urbanist@400,500,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<footer class=\"czm-footer-wrapper\" id=\"czm-global-footer\">\r\n  <div class=\"czm-footer-container\">\r\n    \r\n    <!-- 4-Column Grid -->\r\n    <div class=\"czm-footer-grid\">\r\n      \r\n      <!-- Column 1: Brand Info -->\r\n      <div class=\"czm-footer-col czm-col-brand\">\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/\" class=\"czm-footer-logo-link\" aria-label=\"Cozmotec Home\">\r\n          <img loading=\"lazy\" decoding=\"async\" \r\n            src=\"https:\/\/framerusercontent.com\/images\/cwim7i7ZTZMxFkOzIfZtv4bA.png?width=700&height=212\" \r\n            alt=\"Cozmotec Logo\" \r\n            class=\"czm-footer-logo\"\r\n            width=\"120\"\r\n            height=\"36\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/a>\r\n        <p class=\"czm-brand-desc\">\r\n          Cozmotec is a technology company delivering smart digital solutions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Column 2: Pages & Awards -->\r\n      <div class=\"czm-footer-col czm-col-pages\">\r\n        <div class=\"czm-footer-group\">\r\n          <h4 class=\"czm-footer-heading\">Pages<\/h4>\r\n          <ul class=\"czm-footer-nav-list\">\r\n            <li><a href=\"https:\/\/cozmotec.ie\/staging\/7865\/\" class=\"czm-footer-link\">Home<\/a><\/li>\r\n            <li><a href=\"https:\/\/cozmotec.ie\/staging\/7865\/about\/\" class=\"czm-footer-link\">About<\/a><\/li>\r\n            <li><a href=\"https:\/\/cozmotec.ie\/staging\/7865\/case-studies\/\" class=\"czm-footer-link\">Case Studies<\/a><\/li>\r\n            <li><a href=\"https:\/\/cozmotec.ie\/staging\/7865\/services\/\" class=\"czm-footer-link\">Services<\/a><\/li>\r\n            <li><a href=\"https:\/\/cozmotec.ie\/staging\/7865\/blogs\/\" class=\"czm-footer-link\">Blogs<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Column 3: Information -->\r\n      <div class=\"czm-footer-col czm-col-info\">\r\n        <div class=\"czm-footer-group\">\r\n          <h4 class=\"czm-footer-heading\">Information<\/h4>\r\n          <ul class=\"czm-footer-nav-list\">\r\n            <li><a href=\"https:\/\/cozmotec.ie\/staging\/7865\/contact-us\/\" class=\"czm-footer-link\">Let's Talk<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n                <div class=\"czm-footer-group czm-awards-group\">\r\n          <h4 class=\"czm-footer-heading\">Awards<\/h4>\r\n          <ul class=\"czm-footer-nav-list\">\r\n            <li>\r\n              <a href=\"https:\/\/www.thinkbusiness.ie\/articles\/cozmotec-tech-profitability\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-footer-link\">\r\n                Think Business\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a href=\"https:\/\/www.eubusinessnews.com\/winners\/cozmotec\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-footer-link\">\r\n                Irish Enterprise Awards\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a href=\"https:\/\/fingalchamber.ie\/news\/local-enterprise-week-events-embraced-hundreds-across-fingal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-footer-link\">\r\n                Fingal Enterprise Award 2025\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a href=\"https:\/\/fingalchamber.ie\/news\/fingal-business-community-comes-together-2025-gala-awards\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-footer-link\">\r\n                Start-Up Business of the Year\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a href=\"https:\/\/fingalchamber.ie\/news\/local-enterprise-week-events-embraced-hundreds-across-fingal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-footer-link\">\r\n                National Enterprise Awards\r\n              <\/a>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n            <!-- Column 4: Contact & Social Info -->\r\n      <div class=\"czm-footer-col czm-col-contact\">\r\n        <div class=\"czm-contact-list\">\r\n          \r\n          <!-- Email Info -->\r\n          <div class=\"czm-contact-item\">\r\n            <span class=\"czm-contact-label\">Info:<\/span>\r\n            <a href=\"mailto:info@cozmotec.ie\" class=\"czm-contact-value\">info@cozmotec.ie<\/a>\r\n          <\/div>\r\n\r\n          <!-- Phone Info -->\r\n          <div class=\"czm-contact-item\">\r\n            <span class=\"czm-contact-label\">Phone:<\/span>\r\n            <a href=\"tel:+353018084193\" class=\"czm-contact-value\">+353(0)18084193<\/a>\r\n          <\/div>\r\n\r\n          <!-- Address Info -->\r\n          <div class=\"czm-contact-item\">\r\n            <span class=\"czm-contact-label\">Address:<\/span>\r\n            <p class=\"czm-contact-value czm-address-text\">\r\n              CozmoTec, Dublin, Ireland\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Social Media Links -->\r\n        <div class=\"czm-social-links\" aria-label=\"Social Media Links\">\r\n          <a href=\"https:\/\/www.linkedin.com\/company\/cozmotec\/posts\/?feedView=all\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-social-btn\" aria-label=\"LinkedIn\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\">\r\n              <path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.46 8.76a1.64 1.64 0 1 0 0-3.28 1.64 1.64 0 0 0 0 3.28m1.4 9.74v-8.37H5.06v8.37h2.8z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/x.com\/Cozmotec2023\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-social-btn\" aria-label=\"X \/ Twitter\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"currentColor\">\r\n              <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/cozmo.tec\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-social-btn\" aria-label=\"Instagram\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\">\r\n              <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.youtube.com\/@cozmotec\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"czm-social-btn\" aria-label=\"YouTube\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\">\r\n              <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Copyright Bar -->\r\n    <div class=\"czm-footer-bottom\">\r\n      <p class=\"czm-copyright-text\">\r\n        Copyright &copy; 2026 Cozmotec. All Rights Reserved.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\r\n  \/* --- Anti-FOUC Critical Styling --- *\/\r\n  html { background-color: #000000 !important; }\r\n  body { background-color: #000000 !important; opacity: 1; transition: opacity 0.15s ease-in; }\r\n\r\n\r\n  \/* --- Universal Responsive Viewport & Overflow Hygiene --- *\/\r\n  html, body {\r\n    max-width: 100% !important;\r\n    overflow-x: hidden !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  img, video {\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n  }\r\n\r\n  \/* --- Cozmotec Footer CSS Tokens & Reset --- *\/\r\n  :root {\r\n    --czm-footer-bg: #020202;\r\n    --czm-font-schibsted: \"Schibsted Grotesk\", sans-serif;\r\n    --czm-font-general: \"General Sans\", sans-serif;\r\n    --czm-font-urbanist: \"Urbanist\", sans-serif;\r\n    --czm-color-white: #ffffff;\r\n    --czm-color-offwhite: #f6f8f7;\r\n    --czm-color-muted: rgba(246, 248, 247, 0.7);\r\n    --czm-color-subtle: #787878;\r\n    --czm-color-label: #696969;\r\n    --czm-color-border: rgba(255, 255, 255, 0.08);\r\n    --czm-color-accent: #c9266b;\r\n  }\r\n\r\n  .czm-footer-wrapper {\r\n    background-color: var(--czm-footer-bg);\r\n    width: 100%;\r\n    color: var(--czm-color-offwhite);\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    border-top: 1px solid var(--czm-color-border);\r\n  }\r\n\r\n  .czm-footer-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 80px 72px 40px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- 4-Column Grid Layout --- *\/\r\n  .czm-footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.6fr 1fr 1fr 1.6fr;\r\n    gap: 48px;\r\n    align-items: start;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .czm-footer-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- Column 1: Brand --- *\/\r\n  .czm-footer-logo-link {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .czm-footer-logo {\r\n    display: block;\r\n    width: 120px;\r\n    height: auto;\r\n    aspect-ratio: 700 \/ 212;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .czm-brand-desc {\r\n    font-family: var(--czm-font-schibsted);\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1.45em;\r\n    letter-spacing: 0px;\r\n    color: var(--czm-color-offwhite);\r\n    margin: 0;\r\n    max-width: 320px;\r\n  }\r\n\r\n  \/* --- Column 2 & 3: Headings & Navigation Lists --- *\/\r\n  .czm-footer-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .czm-awards-group {\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .czm-footer-heading {\r\n    font-family: var(--czm-font-general);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    line-height: 1.1em;\r\n    letter-spacing: -0.4px;\r\n    color: var(--czm-color-offwhite);\r\n    margin: 0;\r\n    text-transform: none;\r\n  }\r\n\r\n  .czm-footer-nav-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .czm-footer-link {\r\n    font-family: var(--czm-font-general);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.4em;\r\n    letter-spacing: 0px;\r\n    color: var(--czm-color-offwhite);\r\n    text-decoration: none;\r\n    opacity: 0.75;\r\n    transition: opacity 0.2s ease, color 0.2s ease;\r\n    display: inline-block;\r\n  }\r\n\r\n  .czm-footer-link:hover {\r\n    opacity: 1;\r\n    color: var(--czm-color-white);\r\n  }\r\n\r\n  \/* --- Column 4: Contact Information --- *\/\r\n  .czm-contact-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .czm-contact-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  .czm-contact-label {\r\n    font-family: var(--czm-font-urbanist);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.5em;\r\n    letter-spacing: -0.01em;\r\n    color: var(--czm-color-label);\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .czm-contact-value {\r\n    font-family: var(--czm-font-urbanist);\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1.3em;\r\n    letter-spacing: 0px;\r\n    color: var(--czm-color-white);\r\n    text-decoration: none;\r\n    margin: 0;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  a.czm-contact-value:hover {\r\n    color: var(--czm-color-accent);\r\n  }\r\n\r\n  .czm-address-text {\r\n    max-width: 280px;\r\n    line-height: 1.4em;\r\n  }\r\n\r\n  \/* --- Social Media Icons --- *\/\r\n  .czm-social-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .czm-social-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    background-color: rgba(255, 255, 255, 0.06);\r\n    color: var(--czm-color-offwhite);\r\n    text-decoration: none;\r\n    border: 1px solid var(--czm-color-border);\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .czm-social-btn:hover {\r\n    background-color: rgba(255, 255, 255, 0.15);\r\n    color: var(--czm-color-white);\r\n    transform: translateY(-2px);\r\n    border-color: rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .czm-social-btn svg {\r\n    display: block;\r\n  }\r\n\r\n  \/* --- Bottom Copyright Bar --- *\/\r\n  .czm-footer-bottom {\r\n    margin-top: 60px;\r\n    padding-top: 32px;\r\n    border-top: 1px solid var(--czm-color-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .czm-copyright-text {\r\n    font-family: var(--czm-font-general);\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.5em;\r\n    color: var(--czm-color-subtle);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- Responsive Breakpoints (1024px Tablet \/ 640px Mobile) --- *\/\r\n  @media (max-width: 1024px) {\r\n    .czm-footer-container {\r\n      padding: 60px 36px 32px;\r\n    }\r\n\r\n    .czm-footer-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .czm-footer-container {\r\n      padding: 48px 20px 28px;\r\n    }\r\n\r\n    .czm-footer-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 36px;\r\n    }\r\n\r\n    .czm-footer-bottom {\r\n      margin-top: 40px;\r\n      padding-top: 24px;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n    }\r\n\r\n    .czm-brand-desc {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .czm-social-btn {\r\n      width: 44px !important;\r\n      height: 44px !important;\r\n    }\r\n\r\n    .czm-footer-link {\r\n      padding: 4px 0;\r\n      min-height: 32px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OROKO TRAVELS TravelTech Luxury Travel AppDevelopment Overview OROKO Travel designs bespoke, high-end tailored journeys for Irish travellers worldwide. As their bookings and itineraries grew more complex, they needed a way to give clients a single, elegant home for every detail of their trip \u2014 instead of scattered emails, PDFs, and phone calls. Cozmotec was brought [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-3643","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/3643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/comments?post=3643"}],"version-history":[{"count":47,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/3643\/revisions"}],"predecessor-version":[{"id":5311,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/3643\/revisions\/5311"}],"wp:attachment":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/media?parent=3643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}