{"id":14,"date":"2025-11-04T05:35:58","date_gmt":"2025-11-04T05:35:58","guid":{"rendered":"https:\/\/cwsdemowebsites.com\/crossover\/?page_id=14"},"modified":"2026-06-23T07:48:05","modified_gmt":"2026-06-23T07:48:05","slug":"our-work","status":"publish","type":"page","link":"https:\/\/cwsdemowebsites.com\/crossover\/our-work\/","title":{"rendered":"Our Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-557c487 elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"557c487\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-f0cddcf\" data-id=\"f0cddcf\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a831ad9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a831ad9\" 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-inner-column elementor-element elementor-element-deea7f8 elementor-invisible\" data-id=\"deea7f8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\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-36ecca0 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"36ecca0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hello, <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a05b88a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"a05b88a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WE'RE CROSSOVER.\nWE BUILD BRANDS PEOPLE FEEL AND REMEMBER.<\/h2>\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\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-9739388 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9739388\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-d0d2769\" data-id=\"d0d2769\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f27b5d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f27b5d6\" 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-inner-column elementor-element elementor-element-1e520a7\" data-id=\"1e520a7\" 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-df26606 elementor-widget elementor-widget-html\" data-id=\"df26606\" 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<!-- \u2705 Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@600;800&family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"crossover-grid\">\r\n\r\n  <!-- \ud83d\udd39 Project Example -->\r\n  <div class=\"crossover-item\">\r\n    <div class=\"image-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/1a5d5bbc-8077-4a4f-8d5d-7be76b2f1094.JPG.jpeg\" alt=\"Project 1\">\r\n    <\/div>\r\n    <div class=\"text-wrap\">\r\n         <span class=\"brand-name1\">ORAPRO<\/span>\r\n      <h3 class=\"project-title1\">Marathon Event<\/h3>\r\n     \r\n      <!--<p class=\"project-details1\">STRATEGY \/ BRAND & CAMPAIGN \/ ARTIFICIAL INTELLIGENCE \/ CONTENT PRODUCTION<\/p>-->\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* \ud83c\udf10 Base Grid *\/\r\n.crossover-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* \ud83d\uddbc\ufe0f Each Project *\/\r\n.crossover-item {\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  background: #fff;\r\n}\r\n\r\n\/* \ud83c\udfa5 Subtle Motion Animation *\/\r\n@keyframes subtleMove {\r\n  0% { transform: scale(1) translate(0, 0); }\r\n  50% { transform: scale(1.05) translate(-2%, -1%); }\r\n  100% { transform: scale(1) translate(0, 0); }\r\n}\r\n\r\n.image-wrap {\r\n  overflow: hidden;\r\n  height: 520px;\r\n  position: relative;\r\n}\r\n\r\n.image-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  animation: subtleMove 10s ease-in-out infinite;\r\n  transition: transform 2s ease;\r\n}\r\n\r\n.image-wrap:hover img {\r\n  transform: scale(1.12) translate(4%, 2%);\r\n}\r\n\r\n\/* \ud83d\udd8b\ufe0f Text Styles *\/\r\n\r\n.text-wrap {\r\n    padding-top: 30px;\r\n}\r\n\r\n.project-title1 {\r\n  font-size:20px;\r\n  font-weight:600;\r\n  \/*text-transform: uppercase;*\/\r\n  color: #000;\r\n  margin: 0 0 10px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.brand-name1 {\r\n      font-family: 'Orbitron', sans-serif;\r\n  display: block;\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  margin-bottom: 10px;\r\n  letter-spacing: 0.5px;\r\n  line-height: 20px;\r\n}\r\n\r\n.project-details1 {\r\n  font-size: 15px;\r\n  color: #000;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.5px;\r\n  max-width: 700px;\r\n}\r\n\r\n\/* \ud83e\udde9 Hover Accent (subtle shadow) *\/\r\n\r\n\r\n\/* \ud83d\udcf1 Responsive *\/\r\n@media (max-width: 992px) {\r\n  .image-wrap {\r\n      height: 400px;\r\n      }\r\n      \r\n  .project-title { \r\n      font-size: 1.5rem;\r\n      }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .image-wrap { \r\n      height: 320px; \r\n      \r\n  }\r\n  .text-wrap {\r\n      padding: 25px 25px 45px; \r\n      \r\n  }\r\n  .project-title { \r\n      font-size: 1.3rem; \r\n      \r\n  }\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\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-eca4fd9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"eca4fd9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-6ca35dd\" data-id=\"6ca35dd\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5ea78db elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5ea78db\" 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-inner-column elementor-element elementor-element-becc9f1\" data-id=\"becc9f1\" 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-56b9e56 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"56b9e56\" 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<!-- \u2705 Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@600;800&family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"work-grid\">\r\n\r\n  <!-- \ud83d\udd39 Existing 9 Projects -->\r\n  \r\n    <!-- 1- breo -->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/2924ad9b-6bfb-47de-b829-793f3e35e4f0.JPG.jpeg\" alt=\"Project 1\">\r\n    <div class=\"overlay teal\">\r\n      <span class=\"brand-name\">LMT ACTIVITATION<\/span>\r\n      <h3 class=\"project-title\">BREEO<\/h3>\r\n      <span class=\"outline-text top-left\">BREEO<\/span>\r\n      <span class=\"outline-text bottom-right\">BREEO<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n    <!-- 1- GASOLINE-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/WAS_8087.JPG-1-scaled.jpeg\" alt=\"Project 2\">\r\n    <div class=\"overlay orange\">\r\n      <span class=\"brand-name\">PUMP LAUNCH<\/span>\r\n      <h3 class=\"project-title\">TAJ GASOLINE<\/h3>\r\n      <span class=\"outline-text top-left\">GASOLINE<\/span>\r\n      <span class=\"outline-text bottom-right\">PUMP<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n    <!-- 1- candi-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/DSC08371.JPG-2-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay red\">\r\n      <span class=\"brand-name\">karachi \/ Islamabad  eat 2026<\/span>\r\n      <h3 class=\"project-title\">candi<\/h3>\r\n      <span class=\"outline-text top-left\">CANDI<\/span>\r\n      <span class=\"outline-text bottom-right\">CANDI<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n <!-- 1- DAYFRESH-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/PBN09170.JPG-1-scaled.jpeg\" alt=\"Project 4\">\r\n    <div class=\"overlay blue\">\r\n      <span class=\"brand-name\">ACTIVITATION<\/span>\r\n      <h3 class=\"project-title\">DAYFRESH LACTOSE FREE MILK<\/h3>\r\n      <span class=\"outline-text top-left\">DAYFRESH<\/span>\r\n      <span class=\"outline-text bottom-right\">DAYFRESH<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n <!-- 1- RIVAJ-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-09-at-12.49.33-PM.jpeg\" alt=\"Project 5\">\r\n    <div class=\"overlay pink\">\r\n      <span class=\"brand-name\">FLOAT COLLEGE ACTIVITATION<\/span>\r\n      <h3 class=\"project-title\">RIVAJ<\/h3>\r\n      <span class=\"outline-text top-left\">RIVAJ<\/span>\r\n      <span class=\"outline-text bottom-right\">RIVAJ<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n <!-- 1- FLORA-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/DSC00565.JPG-scaled.jpeg\" alt=\"Project 6\">\r\n    <div class=\"overlay green\">\r\n      <span class=\"brand-name\">EVENT<\/span>\r\n      <h3 class=\"project-title\">FLORA  SETUP AT ACA KARACHI<\/h3>\r\n      <span class=\"outline-text top-left\">FLORA<\/span>\r\n      <span class=\"outline-text bottom-right\">FLORA<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<!-- 1- CADBURY-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-4.12.46-PM-1.jpeg\" alt=\"Project 7\">\r\n    <div class=\"overlay purple\">\r\n      <span class=\"brand-name\">SAMPLING<\/span>\r\n      <h3 class=\"project-title\">CADBURY<\/h3>\r\n      <span class=\"outline-text top-left\">CADBURY<\/span>\r\n      <span class=\"outline-text bottom-right\">CADBURY<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<!-- 1- TUC-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/90b7183c-eb2d-4af1-a5c3-bec63b15331c.JPG.jpeg\" alt=\"TUC\">\r\n    <div class=\"overlay yellow\">\r\n      <span class=\"brand-name\">TUC<\/span>\r\n      <h3 class=\"project-title\">TVC Launch<\/h3>\r\n      <span class=\"outline-text top-left\">TUC<\/span>\r\n      <span class=\"outline-text bottom-right\">TUC<\/span>\r\n    <\/div>\r\n  <\/div> \r\n  \r\n  \r\n  <!-- 1- ZEERA-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/17c56970-ff7d-44e2-b3d6-a80023150766.JPG.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay red\">\r\n      <span class=\"brand-name\">INTERNATIONAL TEA DAY EVENT<\/span>\r\n      <h3 class=\"project-title\">ZEERA PLUS<\/h3>\r\n      <span class=\"outline-text top-left\">ZEERA<\/span>\r\n      <span class=\"outline-text bottom-right\">PLUS<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n    <!-- 1- ACA-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay red\">\r\n      <span class=\"brand-name\">EVENT<\/span>\r\n      <h3 class=\"project-title\">ANNUAL CULINARY AWARDS<\/h3>\r\n      <span class=\"outline-text top-left\">ACA<\/span>\r\n      <span class=\"outline-text bottom-right\">ACA<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \ud83d\udd39 Projects no : 10 -->\r\n\r\n    <!-- 1-SKINFIT-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/507x520-Images-02.png\" alt=\"Project 3\">\r\n    <div class=\"overlay navy\">\r\n      <span class=\"brand-name\">LOCATE 2025<\/span>\r\n      <h3 class=\"project-title\">THE SKINFIT<\/h3>\r\n      <span class=\"outline-text top-left\">SKINFIT<\/span>\r\n      <span class=\"outline-text bottom-right\">SKINFIT<\/span>\r\n    <\/div>\r\n  <\/div>\r\n    \r\n    \r\n    <!-- 1-bigbird-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/DSC04079.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay cyan\">\r\n      <span class=\"brand-name\">SOUL FEAST 2025<\/span>\r\n      <h3 class=\"project-title\">BIG BIRD <\/h3>\r\n      <span class=\"outline-text top-left\">BIG<\/span>\r\n      <span class=\"outline-text bottom-right\">BIRD<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n   <!-- 1-SHANGRILA-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/507x520-Images-01.png\" alt=\"Project 3\">\r\n    <div class=\"overlay gold\">\r\n      <span class=\"brand-name\">Locate 2025<\/span>\r\n      <h3 class=\"project-title\">SHANGRILA 2D Cafe<\/h3>\r\n      <span class=\"outline-text top-left\">SHANGRILA<\/span>\r\n      <span class=\"outline-text bottom-right\">SHANGRILA<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n    <!-- 1-SHAN FOODS-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay indigo\">\r\n      <span class=\"brand-name\">EAT 2024<\/span>\r\n      <h3 class=\"project-title\">SHAN FOODS <\/h3>\r\n      <span class=\"outline-text top-left\">SHAN<\/span>\r\n      <span class=\"outline-text bottom-right\">FOODS<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  \r\n      <!-- 1-ARY-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay bronze\">\r\n      <span class=\"brand-name\"> STREET BAZAR<\/span>\r\n      <h3 class=\"project-title\">ARY<\/h3>\r\n      <span class=\"outline-text top-left\">STREET<\/span>\r\n      <span class=\"outline-text bottom-right\">BAZAR<\/span>\r\n    <\/div>\r\n  <\/div>\r\n \r\n  \r\n      <!-- 1-KIA-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/KIA.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay emerald\">\r\n      <span class=\"brand-name\"> DISPLAY<\/span>\r\n      <h3 class=\"project-title\">KIA<\/h3>\r\n      <span class=\"outline-text top-left\">KIA<\/span>\r\n      <span class=\"outline-text bottom-right\">KIA<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n    <!-- 1-CHANGAN-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay crimson\">\r\n      <span class=\"brand-name\"> DMC<\/span>\r\n      <h3 class=\"project-title\">CHANGAN<\/h3>\r\n      <span class=\"outline-text top-left\">CHANGAN<\/span>\r\n      <span class=\"outline-text bottom-right\">CHANGAN<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n   <!-- 1-BIG BIRD activitation-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay lime\">\r\n      <span class=\"brand-name\"> FLOAT ACIVITATION<\/span>\r\n      <h3 class=\"project-title\">BIG BIRD<\/h3>\r\n      <span class=\"outline-text top-left\">BIG<\/span>\r\n      <span class=\"outline-text bottom-right\">BIRD<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n     <!-- 1-SHANGRILA college drive-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/shangrila-College-Drive.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay red\">\r\n      <span class=\"brand-name\"> COLLEGE DRIVE<\/span>\r\n      <h3 class=\"project-title\">SHANGRILA<\/h3>\r\n      <span class=\"outline-text top-left\">SHANGRILA<\/span>\r\n      <span class=\"outline-text bottom-right\">SHANGRILA<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n   <!-- 1-PRINCEe-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay coral\">\r\n      <span class=\"brand-name\"> SCHOOL DRIVE<\/span>\r\n      <h3 class=\"project-title\">PRINCE<\/h3>\r\n      <span class=\"outline-text top-left\">PRINCE<\/span>\r\n      <span class=\"outline-text bottom-right\">PRINCE<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n       <!-- 1-ADAM'S CHEF-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/Adam-chef-2.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay gold\">\r\n      <span class=\"brand-name\"> SEASON 2 AND 3 <\/span>\r\n      <h3 class=\"project-title\">ADAM'S CHEF <\/h3>\r\n      <span class=\"outline-text top-left\">ADAMS<\/span>\r\n      <span class=\"outline-text bottom-right\">CHEF<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n        <!-- 1-chocolate chip-->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/cwsdemowebsites.com\/crossover\/wp-content\/uploads\/2026\/06\/IMG_8990.JPG-scaled.jpeg\" alt=\"Project 3\">\r\n    <div class=\"overlay red\">\r\n      <span class=\"brand-name\"> MALL ACTIVITAION<\/span>\r\n      <h3 class=\"project-title\">CHOCOLATE CHIP <\/h3>\r\n      <span class=\"outline-text top-left\">CHOCOLATE<\/span>\r\n      <span class=\"outline-text bottom-right\">CHIP<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  \r\n<\/section>\r\n\r\n<style>\r\n.work-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.work-item {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 520px;\r\n  cursor: pointer;\r\n}\r\n.work-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n}\r\n.work-item:hover img {\r\n  transform: scale(1.08);\r\n}\r\n.overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  padding: 40px;\r\n  color: #fff;\r\n  opacity: 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.work-item:hover .overlay {\r\n    opacity: 1; \r\n    \r\n}\r\n\r\n.overlay.teal {\r\n    background-color: rgba(0, 140, 140, 0.9); \r\n}\r\n\r\n.overlay.orange {\r\n    background-color: rgba(255, 100, 0, 0.9);\r\n}\r\n\r\n.overlay.red {\r\n    background-color: rgba(200, 0, 0, 0.9); }\r\n\r\n.overlay.blue { \r\n    background-color: rgba(0, 90, 255, 0.9);\r\n    }\r\n\r\n.overlay.pink {\r\n    background-color: rgba(255, 0, 150, 0.9); \r\n}\r\n\r\n.overlay.green { \r\n    background-color: rgba(0, 170, 100, 0.9); \r\n}\r\n\r\n.overlay.purple { \r\n    background-color: rgba(140, 0, 255, 0.9);\r\n}\r\n\r\n.overlay.yellow { \r\n    background-color: rgba(255, 190, 0, 0.9); \r\n}\r\n\r\n.overlay.dark { \r\n    background-color: rgba(30, 30, 30, 0.9);\r\n}\r\n\r\n.overlay.navy {\r\n  background: rgba(12, 35, 64, 0.88);\r\n}\r\n\r\n.overlay.cyan {\r\n  background: rgba(0, 168, 181, 0.88);\r\n}\r\n\r\n.overlay.gold {\r\n  background: rgba(212, 175, 55, 0.88);\r\n}\r\n\r\n.overlay.maroon {\r\n  background: rgba(128, 0, 32, 0.88);\r\n}\r\n\r\n.overlay.lime {\r\n  background: rgba(88, 163, 0, 0.88);\r\n}\r\n\r\n.overlay.coral {\r\n  background: rgba(255, 111, 97, 0.88);\r\n}\r\n\r\n.overlay.indigo {\r\n  background: rgba(63, 81, 181, 0.88);\r\n}\r\n\r\n.overlay.turquoise {\r\n  background: rgba(0, 150, 136, 0.88);\r\n}\r\n\r\n.overlay.magenta {\r\n  background: rgba(194, 24, 91, 0.88);\r\n}\r\n\r\n.overlay.bronze {\r\n  background: rgba(156, 102, 31, 0.88);\r\n}\r\n\r\n.overlay.crimson {\r\n  background: rgba(220, 20, 60, 0.88);\r\n}\r\n\r\n.overlay.emerald {\r\n  background: rgba(0, 140, 90, 0.88);\r\n}\r\n\r\n.overlay.crimson {\r\n  background: rgba(220, 20, 60, 0.88);\r\n}\r\n\r\n.overlay.lime {\r\n  background: rgba(88, 163, 0, 0.88);\r\n}\r\n\r\n.overlay.coral {\r\n  background: rgba(255, 111, 97, 0.88);\r\n}\r\n\r\n.overlay.maroon {\r\n  background: rgba(128, 0, 32, 0.88);\r\n}\r\n\r\n.overlay.cyan {\r\n  background: rgba(0, 168, 181, 0.88);\r\n}\r\n\r\n.overlay.gold {\r\n  background: rgba(212, 175, 55, 0.88);\r\n}\r\n\r\n.brand-name {\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  font-family: 'Montserrat', sans-serif;\r\n  color:#fff;\r\n}\r\n.project-title {\r\n  font-family: 'Orbitron', sans-serif;\r\n  font-size: 1.6rem;\r\n  color:#fff;\r\n  font-weight: 800;\r\n  margin: 8px 0 0;\r\n  text-transform: uppercase;\r\n}\r\n.outline-text {\r\n  position: absolute;\r\n  font-size: 7.5rem;\r\n  font-weight: 800;\r\n  color: transparent;\r\n  -webkit-text-stroke: 2px rgba(255,255,255,0.3);\r\n  pointer-events: none;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  line-height: 1;\r\n  opacity: 0.8;\r\n}\r\n.outline-text.top-left { top: 0px; left:0px; }\r\n.outline-text.bottom-right { bottom: 0px; right:0px; text-align: right; }\r\n\r\n@media (max-width: 992px) {\r\n  .work-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .work-item { height: 400px; }\r\n}\r\n@media (max-width: 600px) {\r\n  .work-grid { grid-template-columns: 1fr; }\r\n  .work-item { height: 320px; }\r\n  .outline-text { font-size: 4rem; }\r\n}\r\n\r\n\/* \u2705 Added for odd items *\/\r\n.work-item:nth-child(odd) .overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.work-item:nth-child(odd) img {\r\n  opacity: 0;\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.work-item:nth-child(odd):hover .overlay {\r\n  opacity: 0;\r\n}\r\n\r\n.work-item:nth-child(odd):hover img {\r\n  opacity: 1;\r\n  transform: scale(1.05);\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\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-968fa05 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"968fa05\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-4d00af9\" data-id=\"4d00af9\" 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-fa84f44 elementor-widget elementor-widget-html\" data-id=\"fa84f44\" 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<!-- \u2705 Crossover Autoplay Text Slider (Standalone) -->\r\n<section class=\"crossover-text-slider\">\r\n  <div class=\"crossover-text-track\">\r\n    <span>GET YOUR PROJECT STARTED \u2726 WE ARE CROSSOVER \u2726 DO BIG THINGS \u2726 THINK DIFFERENT \u2726 <\/span>\r\n    <span>GET YOUR PROJECT STARTED \u2726 WE ARE CROSSOVER \u2726 DO BIG THINGS \u2726 THINK DIFFERENT \u2726 <\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* \u2705 Base Section *\/\r\n  .crossover-text-slider {\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2705 Scrolling Track *\/\r\n  .crossover-text-track {\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n    animation: crossoverTextScroll 25s linear infinite;\r\n  }\r\n\r\n  \/* \u2705 Text Styling *\/\r\n  .crossover-text-track span {\r\ndisplay: inline-block;\r\n    font-size: 6vw;\r\n    font-weight: 800;\r\n    font-family: 'Orbitron', sans-serif;\r\n    letter-spacing: 4px;\r\n    color: transparent;\r\n    -webkit-text-stroke: 2px #ee0613;\r\n    text-transform: uppercase;\r\n    padding-right: 60px;\r\n  }\r\n\r\n  \/* \u2705 Keyframes for Loop Animation *\/\r\n  @keyframes crossoverTextScroll {\r\n    from {\r\n      transform: translateX(0);\r\n    }\r\n    to {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  \/* \u2705 Responsive Adjustments *\/\r\n  @media (max-width: 991px) {\r\n    .crossover-text-track span {\r\n      font-size: 6vw;\r\n      -webkit-text-stroke: 1.5px #000;\r\n      padding-right: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 575px) {\r\n    .crossover-text-track span {\r\n      font-size: 8vw;\r\n      -webkit-text-stroke: 1px #000;\r\n      padding-right: 30px;\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>Hello, WE&#8217;RE CROSSOVER. WE BUILD BRANDS PEOPLE FEEL AND REMEMBER. ORAPRO Marathon Event LMT ACTIVITATION BREEO BREEO BREEO PUMP LAUNCH TAJ GASOLINE GASOLINE PUMP karachi \/ Islamabad eat 2026 candi CANDI CANDI ACTIVITATION DAYFRESH LACTOSE FREE MILK DAYFRESH DAYFRESH FLOAT COLLEGE ACTIVITATION RIVAJ RIVAJ RIVAJ EVENT FLORA SETUP AT ACA KARACHI FLORA FLORA SAMPLING CADBURY [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":301,"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":2331,"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/pages\/14\/revisions\/2331"}],"wp:attachment":[{"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}