{"id":20,"date":"2026-04-18T19:06:42","date_gmt":"2026-04-18T19:06:42","guid":{"rendered":"https:\/\/7xmedia.in\/?page_id=20"},"modified":"2026-04-21T20:14:22","modified_gmt":"2026-04-21T20:14:22","slug":"home","status":"publish","type":"page","link":"https:\/\/7xmedia.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6366b7 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"d6366b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6adc678 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"6adc678\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;autoplay_speed&quot;:3000,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-f3321c1 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Web-Banner-1\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-67ca1fb swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Web-Banner-2\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-0933be2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Web-Banner-3\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f590cfb e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"f590cfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17db35f elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"17db35f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;autoplay_speed&quot;:3000,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-f3321c1 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Mobile-1\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-67ca1fb swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Mobile-2\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-0933be2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Mobile-3\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a48d42 e-con-full e-flex e-con e-parent\" data-id=\"6a48d42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b8a548 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0b8a548\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- 1. SCOPED LAYOUT (Won't affect Elementor Hero) --- *\/\r\n.ds-clean-layout { \r\n    overflow-x: hidden; \/* Stops horizontal scroll *\/\r\n    width: 100%;\r\n    position: relative;\r\n}\r\n\r\n\/* Remove the * selector that was breaking your other sections *\/\r\n.ds-clean-layout div, \r\n.ds-clean-layout section { box-sizing: border-box; }\r\n\r\n.page-width { max-width: 1400px; margin: 0 auto; padding: 0 20px; }\r\n\r\n\/* --- ABOUT SECTION --- *\/\r\n.home-about-wrapper { padding: 100px 0; background: #fff; } \r\n.home-about-list { display: flex; gap: 50px; align-items: stretch; }\r\n.ha-left, .ha-right { width: 50%; }\r\n.ha-left h2 { \r\n    font-size: 42px; \r\n    font-weight: 700; \r\n    line-height: 1.3; \r\n    color: #001d43; \r\n    position: sticky; \r\n    top: 120px; \r\n    text-transform: capitalize; \r\n    margin: 0; \/* Resetting only this heading *\/\r\n}\r\n.ha-right h3 { font-size: 22px; line-height: 1.6; margin-bottom: 40px; color: #333; margin-top: 0; }\r\n.ha-media-box div { border-radius: 20px; overflow: hidden; margin-bottom: 30px; opacity: 0; transform: translateY(80px); }\r\n.ha-media-box video, .ha-media-box img { width: 100%; display: block; border-radius: 20px; }\r\n\r\n\/* --- 2. UGC STACKING SECTION --- *\/\r\n.ugc-wrapper { \r\n    background-color: #a7cdff; \r\n    height: 100vh; \r\n    position: relative; \r\n    overflow: hidden; \/* Critical to stop horizontal scrolling *\/\r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n}\r\n\r\n.bg-content { position: absolute; width: 100%; text-align: center; pointer-events: none; z-index: 1; }\r\n.bg-content h2 { font-size: 12vw; font-weight: 900; line-height: 1; color: #04012f; margin: 0; }\r\n.bg-content h2:nth-child(2) { color: #fff; }\r\n\r\n.ugc-list-wrap { position: relative; width: 100%; height: 500px; z-index: 2; }\r\n.ugc-item { \r\n    position: absolute; \r\n    width: 300px; \r\n    height: 500px; \r\n    border: 6px solid #fff; \r\n    border-radius: 16px; \r\n    overflow: hidden; \r\n    top: 50%; \r\n    left: 50%; \/* Center by default *\/\r\n    transform: translate(-50%, -50%); \r\n    cursor: pointer;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n.ugc-item video { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n\/* Desktop spread *\/\r\n@media (min-width: 769px) {\r\n    .video-card-1 { left: 5%; transform: translateY(-50%); }\r\n    .video-card-2 { left: 20%; transform: translateY(-50%); }\r\n    .video-card-3 { left: 35%; transform: translateY(-50%); }\r\n    .video-card-4 { left: 50%; transform: translateY(-50%); }\r\n    .video-card-5 { left: 65%; transform: translateY(-50%); }\r\n    .video-card-6 { left: 80%; transform: translateY(-50%); }\r\n}\r\n\r\n\/* --- POPUP --- *\/\r\n.popUpForVideo { position: fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.9); display:none; justify-content:center; align-items:center; z-index:99999; }\r\n.popUpForVideo.active { display:flex; }\r\n.popUpForVideo video { max-width:90%; max-height:80vh; border-radius:15px; }\r\n.close-popup { position:absolute; top:30px; right:30px; color:#fff; font-size:50px; cursor:pointer; font-weight: bold; line-height: 1; }\r\n\r\n\/* --- MOBILE OPTIMIZATION --- *\/\r\n@media (max-width: 768px) {\r\n    .home-about-wrapper { padding: 60px 0; }\r\n    .home-about-list { flex-direction: column; gap: 30px; }\r\n    .ha-left, .ha-right { width: 100%; }\r\n    .ha-left h2 { position: relative; top: 0 !important; font-size: 26px; text-align: center; }\r\n    .ha-right h3 { font-size: 18px; text-align: center; margin-bottom: 20px; }\r\n    \r\n    .ugc-wrapper { height: 100vh; width: 100vw; overflow: hidden; }\r\n    .bg-content h2 { font-size: 16vw; }\r\n    \r\n    .ugc-item { \r\n        width: 250px; \/* Reduced to fit all mobile screens *\/\r\n        height: 420px; \r\n        left: 50%;\r\n        top: 50%;\r\n        border-width: 4px;\r\n        transform: translate(-50%, 150%); \/* Start off-screen *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ds-clean-layout\">\r\n    <!-- ABOUT SECTION -->\r\n    <section class=\"home-about-wrapper\">\r\n        <div class=\"page-width\">\r\n            <div class=\"home-about-list\">\r\n                <div class=\"ha-left\">\r\n                    <h2 id=\"animated-text\">we are currently working with 60+ D2C brands, generating over Rs 80 crore in monthly revenue.<\/h2>\r\n                <\/div>\r\n                <div class=\"ha-right\">\r\n                    <div class=\"top-content\">\r\n                        <h3>Hunting for D2C Domination?<br>You\u2019ve just hit the bull\u2019s-eye. As a D2C marketing ecosystem, we turn fashion and lifestyle brands into market dominators.<\/h3>\r\n                    <\/div>\r\n                    <div class=\"ha-media-box\">\r\n                        <div class=\"media-item\"><video src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ac9a98edeed541019165e404ed99594e.mp4\" muted autoplay playsinline loop><\/video><\/div>\r\n                        <div class=\"media-item\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/elegant-female-metaverse-enjoy-shop-product-from-online-store-hallucination_1.webp?v=1752824199\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- UGC STACKING SECTION -->\r\n    <section class=\"ugc-wrapper\">\r\n        <div class=\"bg-content\">\r\n            <h2 class=\"bg-txt-1\">SEE OUR<\/h2>\r\n            <h2 class=\"bg-txt-2\">BEST UGC<\/h2>\r\n            <h2 class=\"bg-txt-3\">CONTENT<\/h2>\r\n        <\/div>\r\n        <div class=\"ugc-list-wrap\">\r\n            <div class=\"ugc-item video-card-1\"><video muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/04987ebaeecc41f0b95499ca88dbb27f.mp4\"><\/video><\/div>\r\n            <div class=\"ugc-item video-card-2\"><video muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3189195aa7f94f6abb1eded2a175fe5b.mp4\"><\/video><\/div>\r\n            <div class=\"ugc-item video-card-3\"><video muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e60d777ba5874f67a00e13aa18cec359.mp4\"><\/video><\/div>\r\n            <div class=\"ugc-item video-card-4\"><video muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4d99e36ce5a84d8cb8ee5af4560dd757.mp4\"><\/video><\/div>\r\n            <div class=\"ugc-item video-card-5\"><video muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/506bf5a507234db0b741b33cfe96607f.mp4\"><\/video><\/div>\r\n            <div class=\"ugc-item video-card-6\"><video muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ca274d21baa4d10ada403454ad284b8.mp4\"><\/video><\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- POPUP MODAL -->\r\n<div class=\"popUpForVideo\">\r\n    <div class=\"close-popup\">\u00d7<\/div>\r\n    <video controls autoplay loop src=\"\"><\/video>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ 1. About Section Logic\r\n    if (window.innerWidth > 768) {\r\n        ScrollTrigger.create({\r\n            trigger: \".home-about-wrapper\",\r\n            start: \"top 120px\",\r\n            end: \"bottom bottom\",\r\n            pin: \"#animated-text\",\r\n            pinSpacing: false\r\n        });\r\n    }\r\n\r\n    gsap.to(\".media-item\", {\r\n        opacity: 1,\r\n        y: 0,\r\n        stagger: 0.2,\r\n        scrollTrigger: {\r\n            trigger: \".home-about-wrapper\",\r\n            start: \"top 60%\",\r\n            end: \"bottom 90%\",\r\n            scrub: 1\r\n        }\r\n    });\r\n\r\n    \/\/ 2. UGC Section logic\r\n    let mm = gsap.matchMedia();\r\n\r\n    mm.add(\"(min-width: 769px)\", () => {\r\n        const UGC_TL = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: \".ugc-wrapper\",\r\n                start: \"top top\",\r\n                end: \"+=300%\",\r\n                scrub: 1,\r\n                pin: true\r\n            }\r\n        });\r\n\r\n        UGC_TL.to(\".bg-txt-1\", { x: 200 }, 0)\r\n              .to(\".bg-txt-2\", { x: -200 }, 0)\r\n              .to(\".bg-txt-3\", { x: 250 }, 0);\r\n\r\n        [1,2,3,4,5,6].forEach((num, i) => {\r\n            UGC_TL.from(`.video-card-${num}`, {\r\n                y: \"130%\",\r\n                rotation: i % 2 === 0 ? 8 : -8,\r\n                duration: 1\r\n            }, i * 0.4);\r\n        });\r\n    });\r\n\r\n    mm.add(\"(max-width: 768px)\", () => {\r\n        const UGC_TL_MOB = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: \".ugc-wrapper\",\r\n                start: \"top top\",\r\n                end: \"+=350%\",\r\n                scrub: 1,\r\n                pin: true,\r\n                anticipatePin: 1\r\n            }\r\n        });\r\n\r\n        \/\/ Slight text movement without overflowing screen\r\n        UGC_TL_MOB.to(\".bg-txt-1\", { x: 30 }, 0)\r\n                  .to(\".bg-txt-2\", { x: -30 }, 0);\r\n\r\n        [1,2,3,4,5,6].forEach((num, i) => {\r\n            UGC_TL_MOB.fromTo(`.video-card-${num}`, \r\n                { \r\n                    y: \"100vh\", \r\n                    xPercent: -50, \r\n                    yPercent: -50,\r\n                    left: \"50%\",\r\n                    top: \"50%\",\r\n                    opacity: 1 \r\n                }, \r\n                { \r\n                    y: \"0vh\", \r\n                    rotation: i % 2 === 0 ? 4 : -4,\r\n                    duration: 1 \r\n                }, \r\n                i * 0.7\r\n            );\r\n        });\r\n    });\r\n\r\n    \/\/ 3. Video Play\/Popup Logic\r\n    const cards = document.querySelectorAll('.ugc-item');\r\n    const popup = document.querySelector('.popUpForVideo');\r\n    const popVid = popup.querySelector('video');\r\n\r\n    cards.forEach(card => {\r\n        const v = card.querySelector('video');\r\n        \r\n        \/\/ Auto-play on mobile when they appear\r\n        ScrollTrigger.create({\r\n            trigger: card,\r\n            start: \"top center\",\r\n            onEnter: () => v.play()\r\n        });\r\n\r\n        card.onmouseenter = () => v.play();\r\n        card.onmouseleave = () => { v.pause(); v.currentTime = 0; };\r\n\r\n        card.onclick = () => {\r\n            popVid.src = v.src;\r\n            popup.classList.add('active');\r\n            popVid.play();\r\n        };\r\n    });\r\n\r\n    document.querySelector('.close-popup').onclick = () => {\r\n        popup.classList.remove('active');\r\n        popVid.pause();\r\n        popVid.src = \"\";\r\n    };\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97adc25 e-con-full e-flex e-con e-parent\" data-id=\"97adc25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e85d93 elementor-widget elementor-widget-heading\" data-id=\"0e85d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Graphic Portfolio\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c220ebe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c220ebe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Container Styling *\/\r\n    .social-thum-wrap-main {\r\n        padding: 40px 0;\r\n        overflow: hidden;\r\n        background: #fff; \/* Change as needed *\/\r\n    }\r\n\r\n    .social-thum-wrap {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px; \/* Space between the two rows *\/\r\n    }\r\n\r\n    \/* Marquee Track *\/\r\n    .social_marquee {\r\n        display: flex;\r\n        gap: 15px;\r\n        overflow: hidden;\r\n        user-select: none;\r\n    }\r\n\r\n    .social_marquee-content {\r\n        display: flex;\r\n        flex: none;\r\n        gap: 15px;\r\n        min-width: 100%;\r\n        animation: scrollsc 60s linear infinite;\r\n    }\r\n\r\n    \/* Reverse direction for the second row *\/\r\n    .social_marquee-content.reverse {\r\n        animation-direction: reverse;\r\n    }\r\n\r\n    \/* Pause on hover *\/\r\n    .social_marquee:hover .social_marquee-content {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Image Wrapper *\/\r\n    .social_marquee-img-wrap {\r\n        width: 300px;\r\n        height: 300px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .social_marquee img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 8px; \/* Optional: adds rounded corners like the screenshot *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* Animation *\/\r\n    @keyframes scrollsc {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-100%); }\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .social_marquee-img-wrap {\r\n            width: 200px;\r\n            height: 200px;\r\n        }\r\n        .social-thum-wrap { gap: 10px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"social-thum-wrap-main\">\r\n    <div class=\"social-thum-wrap\">\r\n        \r\n        <!-- ROW 1: Scrolling Left -->\r\n        <div class=\"social_marquee\">\r\n            <div class=\"social_marquee-content\">\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/charmacyworld-4-product-offer-15-jan-1.png?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/delta-x30-pro-14-nov-2.png?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/haldiram-winter-is-here-carousel-21-jan-4.jpg?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/haldiram-taste-of-home-cities-carousel-25-jan-1.jpg?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/rangraze-banarasi-saree-with-offer-carousel-14-aug.jpg?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/case-factory-carousel-1200px-6-dec-2.jpg?v=1743771970\" \/><\/div>\r\n            <\/div>\r\n            <!-- Duplicate content for seamless loop -->\r\n            <div class=\"social_marquee-content\">\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/charmacyworld-4-product-offer-15-jan-1.png?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/delta-x30-pro-14-nov-2.png?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/haldiram-winter-is-here-carousel-21-jan-4.jpg?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/haldiram-taste-of-home-cities-carousel-25-jan-1.jpg?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/rangraze-banarasi-saree-with-offer-carousel-14-aug.jpg?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/case-factory-carousel-1200px-6-dec-2.jpg?v=1743771970\" \/><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ROW 2: Scrolling Right (Reverse) -->\r\n        <div class=\"social_marquee\">\r\n            <div class=\"social_marquee-content reverse\">\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/rangraze-sundar-banarasi-carousel-4-sept-7.jpg?v=1743771969\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/24-2-2025_Itokri_5.jpg?v=1743771968\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/zaadram-Unisex-Eyewear-carousel-30-nov-3.jpg?v=1743771969\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/halidram-chandigarh-creatives-14-jan-punjab.jpg?v=1743771969\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/delta-x30-pro-14-nov-2.png?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/haldiram-winter-is-here-carousel-21-jan-4.jpg?v=1743771970\" \/><\/div>\r\n            <\/div>\r\n            <!-- Duplicate content for seamless loop -->\r\n            <div class=\"social_marquee-content reverse\">\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/rangraze-sundar-banarasi-carousel-4-sept-7.jpg?v=1743771969\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/24-2-2025_Itokri_5.jpg?v=1743771968\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/zaadram-Unisex-Eyewear-carousel-30-nov-3.jpg?v=1743771969\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/halidram-chandigarh-creatives-14-jan-punjab.jpg?v=1743771969\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/delta-x30-pro-14-nov-2.png?v=1743771970\" \/><\/div>\r\n                <div class=\"social_marquee-img-wrap\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/haldiram-winter-is-here-carousel-21-jan-4.jpg?v=1743771970\" \/><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66411ca elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"66411ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Section Container Styling *\/\r\n.work-year-wrapper {\r\n    padding: 100px 0;\r\n    background-color: #ffffff; \/* Change as needed *\/\r\n    text-align: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.work-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* Subtitle (H1) *\/\r\n.work-container h1 {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    color: #666;\r\n    text-transform: uppercase;\r\n    margin-bottom: 25px;\r\n    font-family: sans-serif;\r\n}\r\n\r\n\/* Main Reveal Text (H2) *\/\r\n.work-container h2 {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    color: #001d43;\r\n    font-family: sans-serif;\r\n}\r\n\r\n\/* Mobile Styling *\/\r\n@media (max-width: 768px) {\r\n    .work-year-wrapper { padding: 60px 0; }\r\n    .work-container h2 { font-size: 28px; }\r\n    .work-container h1 { font-size: 12px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"work-year-wrapper\">\r\n    <div class=\"work-container\">\r\n        <h1>ASPIRES TO BE THE GREATEST D2C ECOSYSTEM<\/h1>\r\n        <h2>We are here together to build a community that creates an impact on people, society, and the planet.<\/h2>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Ensure GSAP is loaded -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    function textReveal() {\r\n        let textContainer = document.querySelector('.work-container h2');\r\n        if (!textContainer) return;\r\n\r\n        \/\/ Split text into words and wrap in spans\r\n        let wordsArray = textContainer.innerText.split(' ');\r\n        textContainer.innerHTML = wordsArray.map(word => \r\n            `<span style=\"opacity: 0.15; display: inline-block; margin-right: 8px;\">${word}<\/span>`\r\n        ).join('');\r\n\r\n        let mm = gsap.matchMedia();\r\n        let spans = textContainer.querySelectorAll('span');\r\n\r\n        mm.add(\"(min-width: 200px)\", () => {\r\n            gsap.to(spans, {\r\n                opacity: 1,\r\n                duration: 0.5,\r\n                stagger: 0.1,\r\n                ease: \"power2.out\",\r\n                scrollTrigger: {\r\n                    trigger: \".work-year-wrapper\",\r\n                    \/\/ Dynamic start points for mobile vs desktop\r\n                    start: window.innerWidth < 768 ? \"top 85%\" : \"top 70%\",\r\n                    end: window.innerWidth < 768 ? \"top 30%\" : \"top 20%\",\r\n                    scrub: 1\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    textReveal();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3405e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3b3405e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- MARQUEE CONTAINER --- *\/\r\n.brand-logo-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px; \/* Space between rows *\/\r\n    padding: 60px 0;\r\n    overflow: hidden;\r\n    background: #fff;\r\n}\r\n\r\n.brand_marquee {\r\n    display: flex;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    user-select: none;\r\n}\r\n\r\n.brand_marquee-content {\r\n    display: flex;\r\n    flex: none;\r\n    gap: 20px;\r\n    min-width: 100%;\r\n    animation: brandScroll 40s linear infinite;\r\n}\r\n\r\n\/* Alternate Direction *\/\r\n.brand_marquee-content.reverse {\r\n    animation-direction: reverse;\r\n}\r\n\r\n\/* Pause on Hover *\/\r\n.brand_marquee:hover .brand_marquee-content {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* --- LOGO BOX STYLING --- *\/\r\n.brand_marquee-logo-wrap {\r\n    width: 220px; \/* Fixed width for consistency *\/\r\n    height: 110px;\r\n    padding: 15px;\r\n    border-radius: 12px;\r\n    background: #f8f8f8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.brand_marquee img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    mix-blend-mode: multiply;\r\n}\r\n\r\n\/* --- ANIMATION --- *\/\r\n@keyframes brandScroll {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-100%); }\r\n}\r\n\r\n\/* --- MOBILE --- *\/\r\n@media (max-width: 768px) {\r\n    .brand_marquee-logo-wrap {\r\n        width: 150px;\r\n        height: 80px;\r\n    }\r\n    .brand-logo-wrap { gap: 15px; padding: 30px 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"brand-logo-wrap\">\r\n    \r\n    <!-- ROW 1: 8 LOGOS (Scroll Left) -->\r\n    <div class=\"brand_marquee\">\r\n        <div class=\"brand_marquee-content\">\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Haldiram_Logo-9GN.webp?v=1745502457\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/newlogo-f56049f1-eb7b-4bda-9e2d-df03bb063b0d.png?v=1745502427\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/CB-red-logo-01_4fb01bdf-670c-49a6-a707-637c417ad07a.avif?v=1745502499\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Group_1_6dcffa60-c086-4ac6-8f43-7aae56d2d41d.webp?v=1745502949\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Lili_Origin_Logo-03_f1ca8c71-b103-4933-88bb-69d5fe13d59b.avif?v=1745503044\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/footerlogo.png?v=1745503673\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/TORQADORN-cropped_000000.svg?v=1745903064\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/black-logo_1_1_1.png?v=1745903494\" \/><\/div>\r\n        <\/div>\r\n        <!-- Duplicate for loop -->\r\n        <div class=\"brand_marquee-content\">\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Haldiram_Logo-9GN.webp?v=1745502457\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/newlogo-f56049f1-eb7b-4bda-9e2d-df03bb063b0d.png?v=1745502427\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/CB-red-logo-01_4fb01bdf-670c-49a6-a707-637c417ad07a.avif?v=1745502499\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Group_1_6dcffa60-c086-4ac6-8f43-7aae56d2d41d.webp?v=1745502949\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Lili_Origin_Logo-03_f1ca8c71-b103-4933-88bb-69d5fe13d59b.avif?v=1745503044\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/footerlogo.png?v=1745503673\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/TORQADORN-cropped_000000.svg?v=1745903064\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/black-logo_1_1_1.png?v=1745903494\" \/><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 2: 8 LOGOS (Scroll Right) -->\r\n    <div class=\"brand_marquee\">\r\n        <div class=\"brand_marquee-content reverse\">\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/House-of-gulaab.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Sudathi_PNG1.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Untitled_design_1_bc43103d-d7ea-4082-8ac3-42619f2e189b.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Untitled_design_5.jpg?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/desire_label_logo_final_190x_2x_8e2249cf-0c04-4ce2-b982-02f6b882bc99.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Artboard_1_2x_1_360x_ae2171b7-16a8-487b-8ead-9e65d22415ac.png?v=1743229395\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Lenskart-Logo.png?v=1743229395\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Logo_full_crop_e61ea4c2-d472-4b7d-ac26-739e6e4e3843.webp?v=1745903605\" \/><\/div>\r\n        <\/div>\r\n        <!-- Duplicate for loop -->\r\n        <div class=\"brand_marquee-content reverse\">\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/House-of-gulaab.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Sudathi_PNG1.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Untitled_design_1_bc43103d-d7ea-4082-8ac3-42619f2e189b.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Untitled_design_5.jpg?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/desire_label_logo_final_190x_2x_8e2249cf-0c04-4ce2-b982-02f6b882bc99.png?v=1743229396\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Artboard_1_2x_1_360x_ae2171b7-16a8-487b-8ead-9e65d22415ac.png?v=1743229395\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Lenskart-Logo.png?v=1743229395\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Logo_full_crop_e61ea4c2-d472-4b7d-ac26-739e6e4e3843.webp?v=1745903605\" \/><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 3: 8 LOGOS (Scroll Left) -->\r\n    <div class=\"brand_marquee\">\r\n        <div class=\"brand_marquee-content\">\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/hmr_logo.webp?v=1745503158\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Logo-Black-e1664897309895.webp?v=1745503144\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/B-_-W-Justwowfactory-Logo_c77de98c-cec6-4964-994d-bef27c58761c.png?v=1745503170\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/sazerac-logo-1.webp?v=1745503240\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Youmaa_Logo_91c608d4-db4f-499c-b37a-d0773bd5eb9a-removebg-preview.webp?v=1745503292\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/LOGO-jpg-dark.webp?v=1745503264\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/New_Project_1_1000x_2c12b7a5-5947-4d5b-8350-143cd477aaa8.avif?v=1745503703\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/TCFLOGO_e8bfe71a-2bbe-4fcd-b2ab-b309ac2420e0.webp?v=1745503800\" \/><\/div>\r\n        <\/div>\r\n        <!-- Duplicate for loop -->\r\n        <div class=\"brand_marquee-content\">\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/hmr_logo.webp?v=1745503158\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Logo-Black-e1664897309895.webp?v=1745503144\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/B-_-W-Justwowfactory-Logo_c77de98c-cec6-4964-994d-bef27c58761c.png?v=1745503170\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/sazerac-logo-1.webp?v=1745503240\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Youmaa_Logo_91c608d4-db4f-499c-b37a-d0773bd5eb9a-removebg-preview.webp?v=1745503292\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/LOGO-jpg-dark.webp?v=1745503264\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/New_Project_1_1000x_2c12b7a5-5947-4d5b-8350-143cd477aaa8.avif?v=1745503703\" \/><\/div>\r\n            <div class=\"brand_marquee-logo-wrap\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/TCFLOGO_e8bfe71a-2bbe-4fcd-b2ab-b309ac2420e0.webp?v=1745503800\" \/><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8727b18 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8727b18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Section Container *\/\r\n.services-carousel-container {\r\n  padding: 60px 0; \/* Slightly reduced for mobile breathability *\/\r\n  background-color: #fff;\r\n  overflow: hidden;\r\n  font-family: sans-serif;\r\n}\r\n\r\n.services-carousel-container .title {\r\n  margin: 0 0 40px 0;\r\n  font-size: 42px;\r\n  text-align: center;\r\n  font-weight: 800;\r\n  color: #001d43;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Swiper Track *\/\r\n.services-swiper {\r\n  display: flex;\r\n  align-items: stretch;\r\n  gap: 20px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  scrollbar-width: none; \r\n  scroll-behavior: smooth;\r\n  padding: 0 20px 20px 20px; \/* Added bottom padding for shadow visibility if needed *\/\r\n  cursor: grab;\r\n  -webkit-overflow-scrolling: touch; \/* Smooth momentum scrolling on iOS *\/\r\n}\r\n\r\n.services-swiper::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.services-swiper:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n\/* Service Card *\/\r\n.service-card {\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  flex: 0 0 35%; \/* Desktop: shows ~2.5 cards *\/\r\n  scroll-snap-align: start;\r\n  border-radius: 4px;\r\n  border: 1px solid #f0f0f0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.service-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  aspect-ratio: 4 \/ 3; \/* Maintains a consistent shape without cropping weirdly *\/\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* Yellow Bottom Bar *\/\r\n.service-content {\r\n  display: flex;  \r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background: #f8ed28;\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 15px 20px;\r\n  flex-grow: 1; \/* Ensures bars align even if titles wrap *\/\r\n}\r\n\r\n.service-title {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #000;\r\n  margin: 0;\r\n  z-index: 2;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Link & Shaking Arrow *\/\r\n.service-link {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  z-index: 2;\r\n  animation: shakeArrow 6s ease-in-out infinite;\r\n  margin-left: 10px;\r\n}\r\n\r\n.service-link svg {\r\n  height: 20px;\r\n  width: auto;\r\n  fill: #000;\r\n}\r\n\r\n\/* Shine Animation *\/\r\n.service-content:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    to right,\r\n    rgba(255, 255, 255, 0) 0%,\r\n    rgba(255, 255, 255, 0.5) 50%,\r\n    rgba(255, 255, 255, 0) 100%\r\n  );\r\n  animation: slideShine 4s infinite;\r\n  transform: skewX(-25deg);\r\n}\r\n\r\n@keyframes slideShine {\r\n  0% { left: -150%; }\r\n  30% { left: 150%; }\r\n  100% { left: 150%; }\r\n}\r\n\r\n@keyframes shakeArrow {\r\n  0%, 100% { transform: translateX(0); }\r\n  10%, 30%, 50% { transform: translateX(-6px); }\r\n  20%, 40% { transform: translateX(6px); }\r\n}\r\n\r\n\/* Responsive Optimization *\/\r\n@media (max-width: 768px) {\r\n    .services-carousel-container { padding: 40px 0; }\r\n    .services-carousel-container .title { font-size: 26px; margin-bottom: 25px; }\r\n    \r\n    .service-card { \r\n        flex: 0 0 80%; \/* Shows one card + 20% of the next card to signal \"swipe\" *\/\r\n    } \r\n    \r\n    .service-image img { \r\n        aspect-ratio: 16 \/ 10; \/* Slightly wider on mobile to prevent vertical 'cutting' *\/\r\n    }\r\n    \r\n    .service-title { font-size: 12px; }\r\n    \r\n    .services-swiper { \r\n        gap: 15px; \r\n        padding-left: 15px; \/* Better spacing for mobile edge *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"services-carousel-container\">\r\n    <div class=\"page-width\">\r\n        <h2 class=\"title\">OUR CAPABILITIES<\/h2>\r\n        \r\n        <div class=\"services-swiper\">\r\n            <!-- Service 1 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/performance_marketing_3e3a2a2a-9923-4450-94f3-0a1863f0324e.png?v=1743664010\" alt=\"Performance Marketing\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-content\">\r\n                    <h3 class=\"service-title\">Performance Marketing<\/h3>\r\n                    <a href=\"\/products\/performance-marketing-1\" class=\"service-link\">\r\n                        <svg viewBox=\"0 0 330 330\"><path d=\"M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service 2 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Artboard_1.png?v=1743664038\" alt=\"Social Media Marketing\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-content\">\r\n                    <h3 class=\"service-title\">Social Media Marketing<\/h3>\r\n                    <a href=\"\/products\/social-media-marketing-1\" class=\"service-link\">\r\n                        <svg viewBox=\"0 0 330 330\"><path d=\"M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service 3 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/Content_marketing.png?v=1743663988\" alt=\"Content Marketing\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-content\">\r\n                    <h3 class=\"service-title\">Content Marketing<\/h3>\r\n                    <a href=\"\/products\/content-marketing\" class=\"service-link\">\r\n                        <svg viewBox=\"0 0 330 330\"><path d=\"M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service 4 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/3194\/4424\/files\/MAIN.png?v=1743502733\" alt=\"Shopify Development\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-content\">\r\n                    <h3 class=\"service-title\">Shopify Development<\/h3>\r\n                    <a href=\"\/products\/shopify-development\" class=\"service-link\">\r\n                        <svg viewBox=\"0 0 330 330\"><path d=\"M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const swiper = document.querySelector('.services-swiper');\r\n  let isMouseDown = false;\r\n  let startX;\r\n  let scrollLeft;\r\n\r\n  swiper.addEventListener('mousedown', (e) => {\r\n    isMouseDown = true;\r\n    startX = e.pageX - swiper.offsetLeft;\r\n    scrollLeft = swiper.scrollLeft;\r\n  });\r\n\r\n  swiper.addEventListener('mouseleave', () => {\r\n    isMouseDown = false;\r\n  });\r\n\r\n  swiper.addEventListener('mouseup', () => {\r\n    isMouseDown = false;\r\n  });\r\n\r\n  swiper.addEventListener('mousemove', (e) => {\r\n    if (!isMouseDown) return;\r\n    e.preventDefault();\r\n    const x = e.pageX - swiper.offsetLeft;\r\n    const walk = (x - startX) * 2; \r\n    swiper.scrollLeft = scrollLeft - walk;\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>we are currently working with 60+ D2C brands, generating over Rs 80 crore in monthly revenue. Hunting for D2C Domination?You\u2019ve just hit the bull\u2019s-eye. As a D2C marketing ecosystem, we turn fashion and lifestyle brands into market dominators. SEE OUR BEST UGC CONTENT \u00d7 Our Graphic Portfolio ASPIRES TO BE THE GREATEST D2C ECOSYSTEM We [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/7xmedia.in\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/7xmedia.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/7xmedia.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/7xmedia.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/7xmedia.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":121,"href":"https:\/\/7xmedia.in\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/7xmedia.in\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/7xmedia.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}