{"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":"2025-11-17T07:34:00","modified_gmt":"2025-11-17T07:34:00","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:\/\/picsum.photos\/800\/800?random=1\" alt=\"Project 1\">\r\n    <\/div>\r\n    <div class=\"text-wrap\">\r\n         <span class=\"brand-name1\">Big Bird<\/span>\r\n      <h3 class=\"project-title1\">Karachi Eat Activation<\/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:25px;\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: 40px;\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}\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 { height: 400px; }\r\n  .project-title { font-size: 1.5rem; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .image-wrap { height: 320px; }\r\n  .text-wrap { padding: 25px 25px 45px; }\r\n  .project-title { font-size: 1.3rem; }\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 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  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=1\" alt=\"Project 1\">\r\n    <div class=\"overlay teal\">\r\n      <span class=\"brand-name\">Big Bird<\/span>\r\n      <h3 class=\"project-title\">Karachi Eat Activation<\/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  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=2\" alt=\"Project 2\">\r\n    <div class=\"overlay orange\">\r\n      <span class=\"brand-name\">Shan Foods<\/span>\r\n      <h3 class=\"project-title\">Sales Event<\/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  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=3\" alt=\"Project 3\">\r\n    <div class=\"overlay red\">\r\n      <span class=\"brand-name\">MasterClass<\/span>\r\n      <h3 class=\"project-title\">Brand Launch<\/h3>\r\n      <span class=\"outline-text top-left\">MASTER<\/span>\r\n      <span class=\"outline-text bottom-right\">CLASS<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=4\" alt=\"Project 4\">\r\n    <div class=\"overlay blue\">\r\n      <span class=\"brand-name\">Shangrila<\/span>\r\n      <h3 class=\"project-title\">College Drive<\/h3>\r\n      <span class=\"outline-text top-left\">SHANGRILA<\/span>\r\n      <span class=\"outline-text bottom-right\">BRAND<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=5\" alt=\"Project 5\">\r\n    <div class=\"overlay pink\">\r\n      <span class=\"brand-name\">Cadbury<\/span>\r\n      <h3 class=\"project-title\">Mini Fingers Launch<\/h3>\r\n      <span class=\"outline-text top-left\">CAD<\/span>\r\n      <span class=\"outline-text bottom-right\">BURY<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=6\" alt=\"Project 6\">\r\n    <div class=\"overlay green\">\r\n      <span class=\"brand-name\">Adam\u2019s<\/span>\r\n      <h3 class=\"project-title\">Chef Season 3<\/h3>\r\n      <span class=\"outline-text top-left\">ADAM\u2019S<\/span>\r\n      <span class=\"outline-text bottom-right\">CHEF<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=7\" alt=\"Project 7\">\r\n    <div class=\"overlay purple\">\r\n      <span class=\"brand-name\">Pepsi<\/span>\r\n      <h3 class=\"project-title\">Ride For Change<\/h3>\r\n      <span class=\"outline-text top-left\">PEPSI<\/span>\r\n      <span class=\"outline-text bottom-right\">RIDE<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=8\" alt=\"Project 8\">\r\n    <div class=\"overlay yellow\">\r\n      <span class=\"brand-name\">Red Bull<\/span>\r\n      <h3 class=\"project-title\">BC One Cypher<\/h3>\r\n      <span class=\"outline-text top-left\">RED<\/span>\r\n      <span class=\"outline-text bottom-right\">BULL<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=9\" alt=\"Project 9\">\r\n    <div class=\"overlay dark\">\r\n      <span class=\"brand-name\">UFS<\/span>\r\n      <h3 class=\"project-title\">Conference<\/h3>\r\n      <span class=\"outline-text top-left\">UFS<\/span>\r\n      <span class=\"outline-text bottom-right\">EVENT<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \ud83d\udd39 New Brands Added -->\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=10\" alt=\"California Pizza\">\r\n    <div class=\"overlay teal\">\r\n      <span class=\"brand-name\">California Pizza<\/span>\r\n      <h3 class=\"project-title\">Digital Marketing & Retainer<\/h3>\r\n      <span class=\"outline-text top-left\">CALI<\/span>\r\n      <span class=\"outline-text bottom-right\">PIZZA<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=11\" alt=\"KIA Motors\">\r\n    <div class=\"overlay orange\">\r\n      <span class=\"brand-name\">KIA Motors<\/span>\r\n      <h3 class=\"project-title\">Outdoor Campaign<\/h3>\r\n      <span class=\"outline-text top-left\">KIA<\/span>\r\n      <span class=\"outline-text bottom-right\">MOTORS<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=12\" alt=\"Sunsilk\">\r\n    <div class=\"overlay pink\">\r\n      <span class=\"brand-name\">Sunsilk<\/span>\r\n      <h3 class=\"project-title\">Beauty Expo Lahore<\/h3>\r\n      <span class=\"outline-text top-left\">SUN<\/span>\r\n      <span class=\"outline-text bottom-right\">SILK<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=13\" 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  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=14\" alt=\"Wah Event\">\r\n    <div class=\"overlay green\">\r\n      <span class=\"brand-name\">Wah Event<\/span>\r\n      <h3 class=\"project-title\">Brand Activation<\/h3>\r\n      <span class=\"outline-text top-left\">WAH<\/span>\r\n      <span class=\"outline-text bottom-right\">EVENT<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=15\" alt=\"Job Fair\">\r\n    <div class=\"overlay blue\">\r\n      <span class=\"brand-name\">Job Fair<\/span>\r\n      <h3 class=\"project-title\">Continental Biscuits<\/h3>\r\n      <span class=\"outline-text top-left\">JOB<\/span>\r\n      <span class=\"outline-text bottom-right\">FAIR<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=16\" alt=\"Ary Street Bazaar\">\r\n    <div class=\"overlay purple\">\r\n      <span class=\"brand-name\">Ary Street Bazaar<\/span>\r\n      <h3 class=\"project-title\">Event Activation<\/h3>\r\n      <span class=\"outline-text top-left\">ARY<\/span>\r\n      <span class=\"outline-text bottom-right\">BAZAAR<\/span>\r\n    <\/div>\r\n  <\/div>\r\n    <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=1\" alt=\"Project 1\">\r\n    <div class=\"overlay teal\">\r\n      <span class=\"brand-name\">Big Bird<\/span>\r\n      <h3 class=\"project-title\">Karachi Eat Activation<\/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    <div class=\"work-item\">\r\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/800\/800?random=2\" alt=\"Project 2\">\r\n    <div class=\"overlay orange\">\r\n      <span class=\"brand-name\">Shan Foods<\/span>\r\n      <h3 class=\"project-title\">Sales Event<\/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<\/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.work-item:hover .overlay { opacity: 1; }\r\n\r\n.overlay.teal { background-color: rgba(0, 140, 140, 0.9); }\r\n.overlay.orange { background-color: rgba(255, 100, 0, 0.9); }\r\n.overlay.red { background-color: rgba(200, 0, 0, 0.9); }\r\n.overlay.blue { background-color: rgba(0, 90, 255, 0.9); }\r\n.overlay.pink { background-color: rgba(255, 0, 150, 0.9); }\r\n.overlay.green { background-color: rgba(0, 170, 100, 0.9); }\r\n.overlay.purple { background-color: rgba(140, 0, 255, 0.9); }\r\n.overlay.yellow { background-color: rgba(255, 190, 0, 0.9); }\r\n.overlay.dark { background-color: rgba(30, 30, 30, 0.9); }\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. Big Bird Karachi Eat Activation STRATEGY \/ BRAND &#038; CAMPAIGN \/ ARTIFICIAL INTELLIGENCE \/ CONTENT PRODUCTION Big Bird Karachi Eat Activation BIG BIRD Shan Foods Sales Event SHAN FOODS MasterClass Brand Launch MASTER CLASS Shangrila College Drive SHANGRILA BRAND Cadbury Mini Fingers Launch CAD BURY [&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":178,"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1465,"href":"https:\/\/cwsdemowebsites.com\/crossover\/wp-json\/wp\/v2\/pages\/14\/revisions\/1465"}],"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}]}}