{"product_id":"5-in-1-portable-multifunctional-60w-charging-data-cable-set-and-mobile-phone-holder-storage-box-for-all-devices","title":"5 in 1 Portable Multifunctional 60W Charging Data Cable Set and Mobile Phone Holder Storage Box For All Devices","description":"\u003c!-- Discountoffers.pk | 5-in-1 Charging Cable Set Description --\u003e\n\u003csection class=\"do-cable-section\" id=\"doCableSection\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"do-hero\"\u003e\n    \u003cdiv class=\"do-hero-glow do-glow-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"do-hero-glow do-glow-two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"do-hero-content\"\u003e\n      \u003cspan class=\"do-mini-label\"\u003e\n        ⚡ SMART CHARGING ESSENTIAL\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        One Compact Kit.\u003cbr\u003e\n        \u003cspan\u003eMultiple Charging Solutions.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Charging cable, useful adapters, phone stand aur storage box—\n        sab kuch ek compact portable case mein. Ghar, office aur travelling\n        ke liye ek smart all-in-one accessory.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"do-hero-pills\"\u003e\n        \u003cspan\u003eUp to 60W Charging\u003c\/span\u003e\n        \u003cspan\u003eData Transfer\u003c\/span\u003e\n        \u003cspan\u003eBuilt-in Phone Stand\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#doCableFeatures\" class=\"do-primary-btn\"\u003e\n        Explore Features\n        \u003cspan\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-hero-visual\"\u003e\n      \u003cdiv class=\"do-product-orbit\"\u003e\n        \u003cdiv class=\"do-orbit-ring do-ring-one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"do-orbit-ring do-ring-two\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"do-product-box\"\u003e\n          \u003cdiv class=\"do-product-icon\"\u003e⚡\u003c\/div\u003e\n          \u003cstrong\u003e5 IN 1\u003c\/strong\u003e\n          \u003cspan\u003ePortable Cable Kit\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"do-floating-card do-card-one\"\u003e\n          \u003cspan\u003e60W\u003c\/span\u003e\n          Fast Charging\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"do-floating-card do-card-two\"\u003e\n          \u003cspan\u003e📱\u003c\/span\u003e\n          Phone Stand\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"do-floating-card do-card-three\"\u003e\n          \u003cspan\u003e✈\u003c\/span\u003e\n          Travel Ready\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- QUICK BENEFITS --\u003e\n  \u003cdiv class=\"do-benefit-strip\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"do-strip-icon\"\u003e⚡\u003c\/span\u003e\n      \u003cp\u003e\n        \u003cstrong\u003eFast Charging Support\u003c\/strong\u003e\n        Compatible devices ke liye up to 60W Power Delivery support.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cspan class=\"do-strip-icon\"\u003e↔\u003c\/span\u003e\n      \u003cp\u003e\n        \u003cstrong\u003eCharging + Data Transfer\u003c\/strong\u003e\n        Files transfer karne aur compatible devices charge karne ke liye.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cspan class=\"do-strip-icon\"\u003e◉\u003c\/span\u003e\n      \u003cp\u003e\n        \u003cstrong\u003eCompact Storage\u003c\/strong\u003e\n        Cable aur adapters ek organized round storage case mein.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"do-content-wrap\" id=\"doCableFeatures\"\u003e\n    \u003cdiv class=\"do-section-heading\"\u003e\n      \u003cspan\u003eEVERYTHING YOU NEED\u003c\/span\u003e\n      \u003ch3\u003eEk Choti Si Kit Mein Multiple Features\u003c\/h3\u003e\n      \u003cp\u003e\n        Alag alag cables carry karne ke bajaye apni daily charging\n        accessories ko ek compact aur organized case mein rakhein.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-feature-grid\"\u003e\n\n      \u003carticle class=\"do-feature-card\"\u003e\n        \u003cdiv class=\"do-feature-number\"\u003e01\u003c\/div\u003e\n        \u003cdiv class=\"do-feature-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch4\u003eUp to 60W Fast Charging\u003c\/h4\u003e\n        \u003cp\u003e\n          Compatible charger aur device ke saath fast charging support,\n          taa-ke aapka device kam waqt mein charge ho sake.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"do-feature-card\"\u003e\n        \u003cdiv class=\"do-feature-number\"\u003e02\u003c\/div\u003e\n        \u003cdiv class=\"do-feature-icon\"\u003e🔌\u003c\/div\u003e\n        \u003ch4\u003eMultiple Connector Options\u003c\/h4\u003e\n        \u003cp\u003e\n          Type-C cable ke saath useful connector adapters milte hain,\n          jo different compatible devices ke saath use kiye ja sakte hain.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"do-feature-card\"\u003e\n        \u003cdiv class=\"do-feature-number\"\u003e03\u003c\/div\u003e\n        \u003cdiv class=\"do-feature-icon\"\u003e📲\u003c\/div\u003e\n        \u003ch4\u003eBuilt-in Phone Stand\u003c\/h4\u003e\n        \u003cp\u003e\n          Storage case ko mobile stand ke taur par use karein aur videos,\n          calls ya tutorials hands-free enjoy karein.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"do-feature-card\"\u003e\n        \u003cdiv class=\"do-feature-number\"\u003e04\u003c\/div\u003e\n        \u003cdiv class=\"do-feature-icon\"\u003e💾\u003c\/div\u003e\n        \u003ch4\u003eSIM \u0026amp; Memory Card Storage\u003c\/h4\u003e\n        \u003cp\u003e\n          Micro SIM, Nano SIM aur compatible TF card ko safely organize\n          karne ke liye dedicated storage slots.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"do-feature-card\"\u003e\n        \u003cdiv class=\"do-feature-number\"\u003e05\u003c\/div\u003e\n        \u003cdiv class=\"do-feature-icon\"\u003e📌\u003c\/div\u003e\n        \u003ch4\u003eSIM Ejector Pin Included\u003c\/h4\u003e\n        \u003cp\u003e\n          Zaroorat ke waqt SIM tray open karne ke liye ejector pin bhi\n          case ke andar neatly stored hoti hai.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"do-feature-card\"\u003e\n        \u003cdiv class=\"do-feature-number\"\u003e06\u003c\/div\u003e\n        \u003cdiv class=\"do-feature-icon\"\u003e🧳\u003c\/div\u003e\n        \u003ch4\u003ePocket-Size Portable Design\u003c\/h4\u003e\n        \u003cp\u003e\n          Compact round case bag, laptop sleeve, office drawer ya travel\n          pouch mein asani se carry kiya ja sakta hai.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PROBLEM SOLUTION --\u003e\n  \u003cdiv class=\"do-solution-section\"\u003e\n    \u003cdiv class=\"do-problem-box\"\u003e\n      \u003cspan class=\"do-box-label\"\u003eWITHOUT THIS KIT\u003c\/span\u003e\n      \u003ch3\u003eLoose Cables Aur Missing Adapters\u003c\/h3\u003e\n\n      \u003cul\u003e\n        \u003cli\u003eDifferent devices ke liye multiple cables\u003c\/li\u003e\n        \u003cli\u003eBag mein tangled aur unorganized wires\u003c\/li\u003e\n        \u003cli\u003eZaroorat ke waqt adapter na milna\u003c\/li\u003e\n        \u003cli\u003eSIM ejector pin gum ho jana\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-arrow-box\"\u003e\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-solution-box\"\u003e\n      \u003cspan class=\"do-box-label\"\u003eWITH 5-IN-1 KIT\u003c\/span\u003e\n      \u003ch3\u003eOrganized, Compact Aur Always Ready\u003c\/h3\u003e\n\n      \u003cul\u003e\n        \u003cli\u003eCable aur adapters ek hi storage box mein\u003c\/li\u003e\n        \u003cli\u003eCharging aur data transfer support\u003c\/li\u003e\n        \u003cli\u003ePhone stand function bhi available\u003c\/li\u003e\n        \u003cli\u003eTravel aur daily use ke liye convenient\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- USE CASES --\u003e\n  \u003cdiv class=\"do-use-section\"\u003e\n    \u003cdiv class=\"do-section-heading\"\u003e\n      \u003cspan\u003eMADE FOR EVERYDAY USE\u003c\/span\u003e\n      \u003ch3\u003eKahan Kahan Use Kar Sakte Hain?\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-use-grid\"\u003e\n      \u003cdiv class=\"do-use-card\"\u003e\n        \u003cspan\u003e🏠\u003c\/span\u003e\n        \u003cstrong\u003eHome\u003c\/strong\u003e\n        \u003cp\u003eDaily device charging aur organized storage ke liye.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"do-use-card\"\u003e\n        \u003cspan\u003e💼\u003c\/span\u003e\n        \u003cstrong\u003eOffice\u003c\/strong\u003e\n        \u003cp\u003eLaptop aur mobile accessories ko ready rakhne ke liye.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"do-use-card\"\u003e\n        \u003cspan\u003e✈️\u003c\/span\u003e\n        \u003cstrong\u003eTravelling\u003c\/strong\u003e\n        \u003cp\u003eDifferent cables carry karne ki tension se bachne ke liye.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"do-use-card\"\u003e\n        \u003cspan\u003e🎓\u003c\/span\u003e\n        \u003cstrong\u003eStudents\u003c\/strong\u003e\n        \u003cp\u003ePhone, tablet aur compatible gadgets ke daily use ke liye.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- INCLUDED ITEMS --\u003e\n  \u003cdiv class=\"do-included-section\"\u003e\n    \u003cdiv class=\"do-included-title\"\u003e\n      \u003cspan\u003ePACKAGE CONTENTS\u003c\/span\u003e\n      \u003ch3\u003eBox Mein Kya Milega?\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-included-list\"\u003e\n      \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Type-C Charging \u0026amp; Data Cable\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e USB Adapter\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Type-C Connector Adapters\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e SIM Ejector Pin\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e SIM \/ TF Card Storage Slots\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Phone Stand Storage Case\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003cdiv class=\"do-faq-section\"\u003e\n    \u003cdiv class=\"do-section-heading\"\u003e\n      \u003cspan\u003ePRODUCT INFORMATION\u003c\/span\u003e\n      \u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"do-faq-list\"\u003e\n\n      \u003cdiv class=\"do-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"do-faq-question\"\u003e\n          Kya yeh har device ko 60W par charge karega?\n          \u003cspan\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"do-faq-answer\"\u003e\n          \u003cp\u003e\n            Charging speed device, charger, adapter aur supported charging\n            protocol par depend karti hai. Compatible setup ke saath cable\n            up to 60W charging support kar sakti hai.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"do-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"do-faq-question\"\u003e\n          Kya is se data transfer bhi ho sakta hai?\n          \u003cspan\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"do-faq-answer\"\u003e\n          \u003cp\u003e\n            Ji, compatible connector aur device ke saath charging ke ilawa\n            data transfer ke liye bhi use kiya ja sakta hai.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"do-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"do-faq-question\"\u003e\n          Phone stand kaise use hota hai?\n          \u003cspan\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"do-faq-answer\"\u003e\n          \u003cp\u003e\n            Round storage case ke stand section ko open karke mobile ko\n            landscape ya suitable position mein hands-free rakha ja sakta hai.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"do-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"do-faq-question\"\u003e\n          Kya yeh travel ke liye suitable hai?\n          \u003cspan\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"do-faq-answer\"\u003e\n          \u003cp\u003e\n            Ji, compact round design ki wajah se yeh bag, pouch aur laptop\n            sleeve mein asani se carry kiya ja sakta hai.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003cdiv class=\"do-final-cta\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"do-cta-label\"\u003eSMART • COMPACT • PORTABLE\u003c\/span\u003e\n      \u003ch3\u003eApni Charging Accessories Ko Ek Jagah Organize Karein\u003c\/h3\u003e\n      \u003cp\u003e\n        Daily use, office aur travelling ke liye ek convenient\n        multifunctional charging cable kit.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003ca href=\"#AddToCart\" class=\"do-order-btn\"\u003e\n      Order From Discountoffers.pk\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"do-note\"\u003e\n    \u003cstrong\u003eImportant:\u003c\/strong\u003e\n    Actual charging speed device, power adapter aur charging protocol ki\n    compatibility par depend karegi. Product color mein screen aur lighting\n    ki wajah se halka difference ho sakta hai.\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .do-cable-section {\n    --do-blue: #0794d2;\n    --do-dark-blue: #0066b3;\n    --do-yellow: #ffc400;\n    --do-orange: #ff9417;\n    --do-black: #101318;\n    --do-text: #323b49;\n    --do-light: #f4faff;\n    --do-white: #ffffff;\n    --do-border: rgba(0, 102, 179, 0.13);\n\n    position: relative;\n    width: 100%;\n    max-width: 1250px;\n    margin: 30px auto;\n    padding: 0;\n    overflow: hidden;\n    border-radius: 28px;\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--do-text);\n    background:\n      radial-gradient(circle at 90% 5%, rgba(7,148,210,.13), transparent 28%),\n      radial-gradient(circle at 5% 90%, rgba(255,196,0,.12), transparent 25%),\n      linear-gradient(145deg, #ffffff 0%, #f5fbff 55%, #ffffff 100%);\n    border: 1px solid var(--do-border);\n    box-shadow: 0 24px 70px rgba(5, 55, 95, 0.12);\n  }\n\n  .do-cable-section * {\n    box-sizing: border-box;\n  }\n\n  .do-hero {\n    min-height: 570px;\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    align-items: center;\n    gap: 35px;\n    padding: 75px 65px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .do-hero::after {\n    content: \"\";\n    position: absolute;\n    width: 520px;\n    height: 90px;\n    right: -110px;\n    bottom: -45px;\n    background: linear-gradient(\n      90deg,\n      var(--do-blue),\n      var(--do-yellow),\n      var(--do-orange)\n    );\n    transform: rotate(-8deg);\n    border-radius: 100%;\n    opacity: .9;\n  }\n\n  .do-hero-content,\n  .do-hero-visual {\n    position: relative;\n    z-index: 3;\n  }\n\n  .do-mini-label,\n  .do-cta-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 15px;\n    border-radius: 50px;\n    background: rgba(255, 196, 0, .16);\n    color: #8a6100;\n    border: 1px solid rgba(255, 196, 0, .35);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n  }\n\n  .do-hero h2 {\n    margin: 22px 0 18px;\n    color: var(--do-black);\n    font-size: clamp(38px, 5vw, 66px);\n    line-height: 1.03;\n    letter-spacing: -2.5px;\n  }\n\n  .do-hero h2 span {\n    color: var(--do-dark-blue);\n  }\n\n  .do-hero-content \u003e p {\n    max-width: 620px;\n    margin: 0;\n    font-size: 17px;\n    line-height: 1.75;\n    color: #566170;\n  }\n\n  .do-hero-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px;\n    margin: 28px 0;\n  }\n\n  .do-hero-pills span {\n    padding: 10px 14px;\n    background: rgba(255,255,255,.72);\n    border: 1px solid var(--do-border);\n    border-radius: 12px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #243345;\n    box-shadow: 0 8px 25px rgba(0, 74, 130, .07);\n    backdrop-filter: blur(10px);\n  }\n\n  .do-primary-btn,\n  .do-order-btn {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    padding: 15px 21px;\n    border-radius: 13px;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 800;\n    color: white !important;\n    background: linear-gradient(\n      135deg,\n      var(--do-dark-blue),\n      var(--do-blue)\n    );\n    box-shadow: 0 14px 35px rgba(0, 102, 179, .25);\n    transition: transform .3s ease, box-shadow .3s ease;\n  }\n\n  .do-primary-btn:hover,\n  .do-order-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 18px 42px rgba(0, 102, 179, .34);\n  }\n\n  .do-product-orbit {\n    width: min(440px, 100%);\n    aspect-ratio: 1;\n    margin: auto;\n    display: grid;\n    place-items: center;\n    position: relative;\n  }\n\n  .do-product-orbit::before {\n    content: \"\";\n    position: absolute;\n    inset: 9%;\n    border-radius: 50%;\n    background:\n      radial-gradient(\n        circle at 35% 30%,\n        #3b424c 0%,\n        #12161c 35%,\n        #050607 75%\n      );\n    box-shadow:\n      inset 0 0 0 12px rgba(255,255,255,.04),\n      inset 0 -25px 40px rgba(0,0,0,.6),\n      0 38px 65px rgba(0, 35, 65, .28);\n  }\n\n  .do-product-orbit::after {\n    content: \"\";\n    position: absolute;\n    inset: 18%;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.15);\n    box-shadow: inset 0 0 40px rgba(7,148,210,.18);\n  }\n\n  .do-product-box {\n    position: relative;\n    z-index: 5;\n    width: 190px;\n    height: 190px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    color: white;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.14);\n    backdrop-filter: blur(12px);\n    text-align: center;\n    box-shadow: 0 20px 45px rgba(0,0,0,.32);\n  }\n\n  .do-product-icon {\n    font-size: 40px;\n    margin-bottom: 5px;\n    filter: drop-shadow(0 5px 12px rgba(255,196,0,.4));\n  }\n\n  .do-product-box strong {\n    font-size: 37px;\n    line-height: 1;\n    color: var(--do-yellow);\n  }\n\n  .do-product-box span {\n    margin-top: 8px;\n    font-size: 13px;\n    color: #dceeff;\n  }\n\n  .do-orbit-ring {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px dashed rgba(0, 102, 179, .35);\n    animation: doSpin 22s linear infinite;\n  }\n\n  .do-ring-one {\n    inset: 1%;\n  }\n\n  .do-ring-two {\n    inset: 14%;\n    border-color: rgba(255, 196, 0, .4);\n    animation-direction: reverse;\n    animation-duration: 15s;\n  }\n\n  .do-floating-card {\n    position: absolute;\n    z-index: 6;\n    min-width: 118px;\n    padding: 12px 14px;\n    border-radius: 14px;\n    background: rgba(255,255,255,.86);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,.9);\n    box-shadow: 0 15px 35px rgba(0, 52, 93, .14);\n    color: #233244;\n    font-size: 12px;\n    font-weight: 700;\n    animation: doFloat 4s ease-in-out infinite;\n  }\n\n  .do-floating-card span {\n    display: block;\n    color: var(--do-dark-blue);\n    font-size: 18px;\n    font-weight: 900;\n    margin-bottom: 3px;\n  }\n\n  .do-card-one {\n    top: 14%;\n    right: -2%;\n  }\n\n  .do-card-two {\n    bottom: 14%;\n    left: -3%;\n    animation-delay: .8s;\n  }\n\n  .do-card-three {\n    bottom: 3%;\n    right: 7%;\n    animation-delay: 1.5s;\n  }\n\n  .do-benefit-strip {\n    margin: 0 38px;\n    padding: 18px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 13px;\n    border-radius: 22px;\n    background: linear-gradient(135deg, #062a48, #0066b3);\n    box-shadow: 0 18px 40px rgba(0, 72, 130, .24);\n    position: relative;\n    z-index: 5;\n  }\n\n  .do-benefit-strip \u003e div {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 15px;\n    border-right: 1px solid rgba(255,255,255,.13);\n  }\n\n  .do-benefit-strip \u003e div:last-child {\n    border-right: 0;\n  }\n\n  .do-strip-icon {\n    flex: 0 0 45px;\n    width: 45px;\n    height: 45px;\n    display: grid;\n    place-items: center;\n    border-radius: 13px;\n    background: linear-gradient(135deg, var(--do-yellow), var(--do-orange));\n    color: #172230;\n    font-size: 22px;\n    box-shadow: 0 10px 25px rgba(255, 174, 0, .28);\n  }\n\n  .do-benefit-strip p {\n    margin: 0;\n    color: rgba(255,255,255,.74);\n    font-size: 12px;\n    line-height: 1.5;\n  }\n\n  .do-benefit-strip strong {\n    display: block;\n    color: white;\n    font-size: 14px;\n    margin-bottom: 3px;\n  }\n\n  .do-content-wrap,\n  .do-use-section,\n  .do-faq-section {\n    padding: 85px 55px;\n  }\n\n  .do-section-heading {\n    max-width: 720px;\n    margin: 0 auto 42px;\n    text-align: center;\n  }\n\n  .do-section-heading \u003e span,\n  .do-included-title \u003e span {\n    color: var(--do-dark-blue);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.6px;\n  }\n\n  .do-section-heading h3,\n  .do-included-title h3 {\n    margin: 10px 0 12px;\n    color: var(--do-black);\n    font-size: clamp(28px, 4vw, 43px);\n    letter-spacing: -1px;\n  }\n\n  .do-section-heading p {\n    margin: 0;\n    color: #6b7685;\n    line-height: 1.7;\n    font-size: 15px;\n  }\n\n  .do-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .do-feature-card {\n    position: relative;\n    min-height: 250px;\n    padding: 28px;\n    overflow: hidden;\n    border-radius: 21px;\n    background: rgba(255,255,255,.7);\n    border: 1px solid var(--do-border);\n    box-shadow: 0 15px 40px rgba(0, 61, 107, .07);\n    backdrop-filter: blur(12px);\n    transition: transform .35s ease, box-shadow .35s ease;\n  }\n\n  .do-feature-card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 25px 50px rgba(0, 61, 107, .14);\n  }\n\n  .do-feature-number {\n    position: absolute;\n    top: 14px;\n    right: 18px;\n    color: rgba(0, 102, 179, .09);\n    font-size: 52px;\n    font-weight: 900;\n  }\n\n  .do-feature-icon {\n    width: 56px;\n    height: 56px;\n    display: grid;\n    place-items: center;\n    border-radius: 16px;\n    background: linear-gradient(\n      135deg,\n      rgba(7,148,210,.14),\n      rgba(255,196,0,.18)\n    );\n    font-size: 26px;\n    margin-bottom: 22px;\n  }\n\n  .do-feature-card h4 {\n    margin: 0 0 10px;\n    color: var(--do-black);\n    font-size: 19px;\n  }\n\n  .do-feature-card p {\n    margin: 0;\n    color: #687485;\n    font-size: 14px;\n    line-height: 1.72;\n  }\n\n  .do-solution-section {\n    margin: 0 38px;\n    padding: 34px;\n    display: grid;\n    grid-template-columns: 1fr 70px 1fr;\n    align-items: stretch;\n    gap: 20px;\n    border-radius: 26px;\n    background:\n      radial-gradient(circle at 10% 20%, rgba(255,196,0,.18), transparent 30%),\n      linear-gradient(135deg, #081a29, #06375d);\n    color: white;\n  }\n\n  .do-problem-box,\n  .do-solution-box {\n    padding: 30px;\n    border-radius: 20px;\n    background: rgba(255,255,255,.07);\n    border: 1px solid rgba(255,255,255,.12);\n  }\n\n  .do-box-label {\n    display: inline-block;\n    color: var(--do-yellow);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n  }\n\n  .do-problem-box h3,\n  .do-solution-box h3 {\n    margin: 10px 0 20px;\n    color: white;\n    font-size: 23px;\n  }\n\n  .do-problem-box ul,\n  .do-solution-box ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .do-problem-box li,\n  .do-solution-box li {\n    position: relative;\n    margin: 11px 0;\n    padding-left: 27px;\n    color: rgba(255,255,255,.78);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .do-problem-box li::before {\n    content: \"×\";\n    position: absolute;\n    left: 0;\n    color: #ff937d;\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  .do-solution-box li::before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    color: var(--do-yellow);\n    font-weight: 900;\n  }\n\n  .do-arrow-box {\n    display: grid;\n    place-items: center;\n  }\n\n  .do-arrow-box span {\n    width: 54px;\n    height: 54px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    color: #132333;\n    background: linear-gradient(135deg, var(--do-yellow), var(--do-orange));\n    font-size: 30px;\n    font-weight: 900;\n    box-shadow: 0 12px 30px rgba(255,196,0,.25);\n  }\n\n  .do-use-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 17px;\n  }\n\n  .do-use-card {\n    padding: 25px 20px;\n    border-radius: 19px;\n    text-align: center;\n    background: white;\n    border: 1px solid var(--do-border);\n    box-shadow: 0 14px 35px rgba(0, 61, 107, .07);\n    transition: transform .3s ease;\n  }\n\n  .do-use-card:hover {\n    transform: translateY(-6px);\n  }\n\n  .do-use-card \u003e span {\n    width: 58px;\n    height: 58px;\n    margin: 0 auto 16px;\n    display: grid;\n    place-items: center;\n    border-radius: 18px;\n    background: #edf8ff;\n    font-size: 27px;\n  }\n\n  .do-use-card strong {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--do-black);\n    font-size: 17px;\n  }\n\n  .do-use-card p {\n    margin: 0;\n    color: #738091;\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  .do-included-section {\n    margin: 0 38px 30px;\n    padding: 45px;\n    display: grid;\n    grid-template-columns: .8fr 1.2fr;\n    align-items: center;\n    gap: 35px;\n    border-radius: 25px;\n    background:\n      linear-gradient(\n        135deg,\n        rgba(255,255,255,.88),\n        rgba(229,247,255,.8)\n      );\n    border: 1px solid var(--do-border);\n    box-shadow: 0 18px 45px rgba(0, 61, 107, .08);\n  }\n\n  .do-included-list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .do-included-list \u003e div {\n    padding: 14px;\n    border-radius: 13px;\n    background: white;\n    color: #344354;\n    font-size: 13px;\n    font-weight: 700;\n    box-shadow: 0 8px 22px rgba(0, 61, 107, .06);\n  }\n\n  .do-included-list span {\n    width: 25px;\n    height: 25px;\n    display: inline-grid;\n    place-items: center;\n    margin-right: 7px;\n    border-radius: 50%;\n    color: white;\n    background: var(--do-dark-blue);\n  }\n\n  .do-faq-list {\n    max-width: 850px;\n    margin: auto;\n  }\n\n  .do-faq-item {\n    margin-bottom: 12px;\n    overflow: hidden;\n    border-radius: 16px;\n    border: 1px solid var(--do-border);\n    background: rgba(255,255,255,.85);\n    box-shadow: 0 10px 30px rgba(0, 61, 107, .05);\n  }\n\n  .do-faq-question {\n    width: 100%;\n    padding: 19px 21px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: 0;\n    cursor: pointer;\n    text-align: left;\n    color: var(--do-black);\n    background: transparent;\n    font-size: 15px;\n    font-weight: 800;\n  }\n\n  .do-faq-question span {\n    flex: 0 0 34px;\n    width: 34px;\n    height: 34px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    color: white;\n    background: var(--do-dark-blue);\n    font-size: 22px;\n    transition: transform .3s ease;\n  }\n\n  .do-faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height .4s ease;\n  }\n\n  .do-faq-answer p {\n    margin: 0;\n    padding: 0 21px 20px;\n    color: #687485;\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .do-faq-item.active .do-faq-question span {\n    transform: rotate(45deg);\n    background: var(--do-orange);\n  }\n\n  .do-final-cta {\n    margin: 0 38px 26px;\n    padding: 38px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    border-radius: 25px;\n    background:\n      radial-gradient(circle at 80% 0%, rgba(255,196,0,.22), transparent 30%),\n      linear-gradient(135deg, #051d31, #0066b3);\n    box-shadow: 0 22px 50px rgba(0, 66, 119, .25);\n  }\n\n  .do-final-cta h3 {\n    max-width: 700px;\n    margin: 13px 0 8px;\n    color: white;\n    font-size: clamp(25px, 4vw, 38px);\n    line-height: 1.15;\n  }\n\n  .do-final-cta p {\n    margin: 0;\n    color: rgba(255,255,255,.73);\n    line-height: 1.6;\n  }\n\n  .do-order-btn {\n    flex: 0 0 auto;\n    background: linear-gradient(135deg, var(--do-yellow), var(--do-orange));\n    color: #152333 !important;\n    box-shadow: 0 15px 35px rgba(255,174,0,.25);\n  }\n\n  .do-note {\n    margin: 0;\n    padding: 18px 35px;\n    background: rgba(255,196,0,.12);\n    color: #765c1d;\n    text-align: center;\n    font-size: 12px;\n    line-height: 1.6;\n  }\n\n  .do-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity .7s ease, transform .7s ease;\n  }\n\n  .do-reveal.do-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes doSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes doFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-9px);\n    }\n  }\n\n  @media (max-width: 990px) {\n    .do-hero {\n      min-height: auto;\n      grid-template-columns: 1fr;\n      padding: 60px 35px;\n      text-align: center;\n    }\n\n    .do-hero-content \u003e p {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .do-hero-pills {\n      justify-content: center;\n    }\n\n    .do-hero-visual {\n      margin-top: 20px;\n    }\n\n    .do-benefit-strip {\n      grid-template-columns: 1fr;\n    }\n\n    .do-benefit-strip \u003e div {\n      border-right: 0;\n      border-bottom: 1px solid rgba(255,255,255,.13);\n    }\n\n    .do-benefit-strip \u003e div:last-child {\n      border-bottom: 0;\n    }\n\n    .do-feature-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .do-solution-section {\n      grid-template-columns: 1fr;\n    }\n\n    .do-arrow-box span {\n      transform: rotate(90deg);\n    }\n\n    .do-use-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .do-included-section {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .do-final-cta {\n      flex-direction: column;\n      text-align: center;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .do-cable-section {\n      margin: 15px auto;\n      border-radius: 18px;\n    }\n\n    .do-hero {\n      padding: 45px 18px 55px;\n    }\n\n    .do-hero h2 {\n      font-size: 38px;\n      letter-spacing: -1.7px;\n    }\n\n    .do-hero-content \u003e p {\n      font-size: 14px;\n    }\n\n    .do-product-orbit {\n      width: 330px;\n      max-width: 100%;\n    }\n\n    .do-product-box {\n      width: 145px;\n      height: 145px;\n    }\n\n    .do-product-box strong {\n      font-size: 29px;\n    }\n\n    .do-floating-card {\n      min-width: 100px;\n      padding: 10px;\n      font-size: 10px;\n    }\n\n    .do-card-one {\n      right: 0;\n    }\n\n    .do-card-two {\n      left: 0;\n    }\n\n    .do-benefit-strip,\n    .do-solution-section,\n    .do-included-section,\n    .do-final-cta {\n      margin-left: 13px;\n      margin-right: 13px;\n    }\n\n    .do-content-wrap,\n    .do-use-section,\n    .do-faq-section {\n      padding: 65px 17px;\n    }\n\n    .do-feature-grid,\n    .do-use-grid,\n    .do-included-list {\n      grid-template-columns: 1fr;\n    }\n\n    .do-feature-card {\n      min-height: auto;\n    }\n\n    .do-solution-section {\n      padding: 17px;\n    }\n\n    .do-problem-box,\n    .do-solution-box {\n      padding: 23px 18px;\n    }\n\n    .do-included-section {\n      padding: 30px 18px;\n    }\n\n    .do-final-cta {\n      padding: 32px 20px;\n    }\n\n    .do-order-btn {\n      width: 100%;\n    }\n\n    .do-section-heading h3,\n    .do-included-title h3 {\n      font-size: 29px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .do-orbit-ring,\n    .do-floating-card {\n      animation: none;\n    }\n\n    .do-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const section = document.getElementById(\"doCableSection\");\n\n    if (!section) return;\n\n    \/* FAQ Accordion *\/\n    const faqItems = section.querySelectorAll(\".do-faq-item\");\n\n    faqItems.forEach(function (item) {\n      const button = item.querySelector(\".do-faq-question\");\n      const answer = item.querySelector(\".do-faq-answer\");\n\n      button.addEventListener(\"click\", function () {\n        const isOpen = item.classList.contains(\"active\");\n\n        faqItems.forEach(function (otherItem) {\n          otherItem.classList.remove(\"active\");\n          const otherAnswer = otherItem.querySelector(\".do-faq-answer\");\n          otherAnswer.style.maxHeight = null;\n        });\n\n        if (!isOpen) {\n          item.classList.add(\"active\");\n          answer.style.maxHeight = answer.scrollHeight + \"px\";\n        }\n      });\n    });\n\n    \/* Scroll Reveal Animation *\/\n    const revealElements = section.querySelectorAll(\n      \".do-feature-card, .do-use-card, .do-faq-item, .do-included-section\"\n    );\n\n    revealElements.forEach(function (element) {\n      element.classList.add(\"do-reveal\");\n    });\n\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"do-visible\");\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: 0.12\n        }\n      );\n\n      revealElements.forEach(function (element) {\n        observer.observe(element);\n      });\n    } else {\n      revealElements.forEach(function (element) {\n        element.classList.add(\"do-visible\");\n      });\n    }\n\n    \/* Smooth Scroll *\/\n    const exploreButton = section.querySelector(\".do-primary-btn\");\n\n    if (exploreButton) {\n      exploreButton.addEventListener(\"click\", function (event) {\n        const target = section.querySelector(\"#doCableFeatures\");\n\n        if (target) {\n          event.preventDefault();\n          target.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"start\"\n          });\n        }\n      });\n    }\n  });\n\u003c\/script\u003e","brand":"DiscountOffers.pk","offers":[{"title":"Default Title","offer_id":46277060198536,"sku":"22219","price":799.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/8596\/4680\/files\/ChatGPTImageAug5_2026_02_46_16PM_8.png?v=1785923351","url":"https:\/\/discountoffers.pk\/products\/5-in-1-portable-multifunctional-60w-charging-data-cable-set-and-mobile-phone-holder-storage-box-for-all-devices","provider":"DiscountOffers.pk","version":"1.0","type":"link"}