{"product_id":"rakshabandhan-dwotsdwots_bold","title":"RAKSHABANDHAN-(DwOTS)DwOTS_BOLD","description":"\u003cdiv style=\"margin:0 -15px;\"\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n\u003cdiv style=\"width: 100vw !important; max-width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; box-sizing: border-box;\"\u003e\n \u003cstyle\u003e\n\/* This only triggers on mobile\/tablet screens *\/\n@media (max-width: 767px) {\n  .full-width-mobile {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n}\n   \u003c\/style\u003e\n\u003cstyle\u003e.page-wrapper {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    background: #000; \/* or #fff depending on your design *\/\n}\n\n.page-wrapper \u003e * {\n    margin: 0 !important;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"page-wrapper\"\u003e\n\u003c!-- scroll animation --\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n\/* Base setup *\/\n.base-img, .overlay-img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* 🧪 ONLY FOR TESTING: Gives you space to scroll so you can see the effect *\/\n.spacing-block {\n  height:65vh; \n  background: #222;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-family: sans-serif;\n}\n\n\/* 📱 MOBILE ONLY STYLES *\/\n@media (max-width: 768px) {\n  .scroll-container-normal {\n    position: relative;\n    width: 100%;\n    margin: 0px auto; \n    background-color: #000;\n  }\n\n  .frame-wrapper-normal {\n    position: relative; \n    width: 100%;\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .overlay-img {\n    position: absolute;\n    top: 28%;\n    left: 8%;\n    width: 85%;\n    height: 85%;\n    object-fit: contain;\n    will-change: opacity; \n    transition: none; \/* Prevents CSS delay from fighting JS updates *\/\n  }\n\n  .img-2 {\n    opacity: 1;\n    z-index: 2;\n  }\n\n  .img-3 {\n    opacity: 0;\n    z-index: 2;\n  }\n}\n\n\/* 💻 DESKTOP COMPATIBILITY *\/\n@media (min-width: 769px) {\n  .overlay-img {\n    display: none; \n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"scroll-container-normal\"\u003e\n  \u003cdiv class=\"frame-wrapper-normal\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Animation-Mobile.webp?v=1782556807\" alt=\"Base Frame\" class=\"base-img\"\u003e\n    \n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Animation-1.png?v=1782556849\" alt=\"Animation 1\" class=\"overlay-img img-2\"\u003e\n    \n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Animation-2.png?v=1782556810\" alt=\"Animation 2\" class=\"overlay-img img-3\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e\n\nfunction handleMobileScrollFade() {\n  if (window.innerWidth \u003e 768) return;\n\n  const container = document.querySelector('.scroll-container-normal');\n  const img2 = document.querySelector('.img-2');\n  const img3 = document.querySelector('.img-3');\n  \n  if (!container || !img2 || !img3) return;\n\n  const rect = container.getBoundingClientRect();\n  const windowHeight = window.innerHeight;\n\n  const totalTrackDistance = windowHeight + rect.height;\n  const currentDistanceMoved = windowHeight - rect.top;\n  \n  let overallProgress = currentDistanceMoved \/ totalTrackDistance;\n  overallProgress = Math.max(0, Math.min(1, overallProgress)); \n\n  \/* ⏱️ DELAYED START WINDOWS ⏱️\n    Pushed startFade up to 0.45. The animation stays completely \n    idle until the container is almost halfway up the phone viewport.\n  *\/\n  const startFade = 0.45; \n  const endFade = 0.80;   \n  \n  let acceleratedProgress;\n  \n  if (overallProgress \u003c startFade) {\n    acceleratedProgress = 0; \n  } else if (overallProgress \u003e endFade) {\n    acceleratedProgress = 1; \n  } else {\n    \/\/ Calculates the quick fade completely within the higher window frame\n    acceleratedProgress = (overallProgress - startFade) \/ (endFade - startFade);\n  }\n\n  img2.style.opacity = 1 - acceleratedProgress;\n  img3.style.opacity = acceleratedProgress;\n}\n\nwindow.addEventListener('scroll', handleMobileScrollFade);\nwindow.addEventListener('resize', handleMobileScrollFade);\nwindow.addEventListener('DOMContentLoaded', handleMobileScrollFade);\n\u003c\/script\u003e\n\u003c!-- ANIMATION ENDED --\u003e\n\u003c\/div\u003e\n\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold_mobile-view-2.webp?v=1787213346\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold_mobile-view-3.webp?v=1783055958\"\u003e\n \n\n  \u003c!-- Animation Start --\u003e\n5\u003cdiv\u003e\n\u003cstyle\u003e \/* ===========================\n   XR DEVICE STYLES\n=========================== *\/\n\n\/* Main Container *\/\n.xr-device-shell {\n    position: relative;\n    aspect-ratio: 9 \/ 10;\n    background: #000;\n    overflow: hidden;\n    padding: 20px;\n\n    \/* Overlap the info section *\/\n    margin-bottom: 20px;   \/* Now it creates a clean 20px space below the animation *\/\n    z-index: 2;\n}\n\n\/* Slider *\/\n.xr-device-slider {\n    position: absolute;\n    transform: translateX(80px) translateY(40px);\n    width: 100%;\n    height: 100%;\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior-x: contain;\n    background: #000;\n    scroll-behavior: smooth;\n    z-index: 2;\n}\n\n.xr-device-slider::-webkit-scrollbar {\n    display: none;\n}\n\n\/* Slides *\/\n.xr-device-slide {\n    flex: 0 0 100%;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n    overflow: hidden;\n    position: relative;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Slide Text *\/\n.xr-device-caption {\n    position: absolute;\n    bottom: -1%;\n    left: 50%;\n    width: 90%;\n    text-align: center;\n    color: #fff;\n    font-size: 18px;\n    font-weight: 600;\n    opacity: 0;\n    transform: translateX(-50%);\n    z-index: 999;\n}\n\n\/* Active Slide *\/\n.xr-device-slide.active .xr-device-caption {\n    opacity: 1;\n}\n\n\/* Animation Classes *\/\n.xr-device-slide.from-right .xr-device-caption {\n    animation: xrTextFromRight .45s ease forwards;\n}\n\n.xr-device-slide.from-left .xr-device-caption {\n    animation: xrTextFromLeft .45s ease forwards;\n}\n\n\/* Animations *\/\n@keyframes xrTextFromRight {\n    from {\n        opacity: 0;\n        transform: translateX(calc(-50% + 50px));\n    }\n\n    to {\n        opacity: 1;\n        transform: translateX(-50%);\n    }\n}\n\n@keyframes xrTextFromLeft {\n    from {\n        opacity: 0;\n        transform: translateX(calc(-50% - 50px));\n    }\n\n    to {\n        opacity: 1;\n        transform: translateX(-50%);\n    }\n}\n\n\/* Images *\/\n.xr-device-slide img {\n    width: 61%;\n    height: 57%;\n    object-fit: contain;\n    background: #000;\n    display: block;\n    flex-shrink: 0;\n    margin: auto;\n}\n\n\/* Background *\/\n.xr-device-shell,\n.xr-device-slider,\n.xr-device-slide {\n    background: #000 !important;\n}\n\n\/* Device Frame *\/\n.xr-device-frame {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 70%;\n    object-fit: contain;\n    pointer-events: none;\n    z-index: 3;\n    transform: translateX(0%) translateY(0%);\n}\n\n\/* Prev \/ Next Buttons *\/\n.xr-device-nav {\n    position: absolute;\n    bottom: 28%;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 14px;\n    z-index: 5;\n}\n\n.xr-device-nav button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    border: 1px solid rgba(255, 255, 255, .35);\n    background: rgba(255, 255, 255, .08);\n    color: #fff;\n    cursor: pointer;\n    transition: background .25s ease, transform .15s ease, border-color .25s ease;\n  \n}\n\n.xr-device-nav button svg {\n    width: 16px;\n    height: 16px;\n    pointer-events: none;\n}\n\n.xr-device-nav button:hover {\n    background: rgba(255, 255, 255, .18);\n    border-color: rgba(255, 255, 255, .6);\n}\n\n.xr-device-nav button:active {\n    transform: scale(.92);\n}\n\n.xr-device-nav button:disabled {\n    opacity: .35;\n    cursor: default;\n}\n\n.xr-device-nav button:disabled:hover {\n    background: rgba(255, 255, 255, .08);\n    border-color: rgba(255, 255, 255, .35);\n}\n\n\/* Bottom Content *\/\n.xr-device-bottom-image {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    \/* width: 100%; *\/ \/* Remove or change this if you want the image to keep its natural size *\/\n    z-index: 1;\n    pointer-events: none;\n}\n\/* Mobile *\/\n@media (max-width: 480px) {\n    .xr-device-slider {\n        top: -10%;\n        left: 54.5%;\n        width: 82%;\n        height: 113%;\n        z-index: 2;\n        transform: translateX(-55%);\n    }\n\n    .xr-device-nav {\n        bottom: 18%;\n    }\n      .xr-device-slider {\n        height: 99%; \/* instead of 90% *\/\n    }\n}\n  \/* Large tablets *\/\n\/* @media (max-width: 1024px) {\n  top: -19%;\n        left: -11%;\n} *\/\n\n\/* Tablets \/ small screens *\/\n\/* @media (max-width: 768px) {\n  top: -19%;\n        left: -10%;\n} *\/\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  top: -19%;\n        left: -10% !important;\n}\n  @media (max-width: 375px) {\n    top: -19%;\n         left: -10% !important;\n}\n   \u003c\/style\u003e\n\n\n    \u003cdiv class=\"xr-device-shell\"\u003e\n\n        \u003cdiv class=\"xr-device-slider\" id=\"xrDeviceSlider\"\u003e\n              \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Dial_Pad-3_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eDial Call\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Audio_mode-2_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eSpatial Sound\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Take_Photos-8_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eCamera Control\u003c\/div\u003e\n              \n            \u003c\/div\u003e\n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Volume-9_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eVolume Control\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Ambient_Sound-1_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eNoise Control\u003c\/div\u003e\n            \u003c\/div\u003e\n\n           \n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/EQ-4_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eEQ Mode Switching\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Find_Earbuds-5_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eFind My Earphone\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Incoming_Call-6_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eAnswer\/End Call\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"xr-device-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Music-7_-_Copy.webp?v=1782218722\" alt=\"\"\u003e\n                \u003cdiv class=\"xr-device-caption\"\u003eMusic Control\u003c\/div\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cimg class=\"xr-device-frame\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Main.png?v=1782218773\" alt=\"Frame\"\u003e\n\n        \u003cdiv class=\"xr-device-nav\"\u003e\n            \u003cbutton id=\"xrPrevBtn\" type=\"button\" aria-label=\"Previous slide\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n            \u003c\/button\u003e\n            \u003cbutton id=\"xrNextBtn\" type=\"button\" aria-label=\"Next slide\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n            \u003c\/button\u003e\n        \u003c\/div\u003e\n        \n  \u003cimg class=\"xr-device-bottom-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Note-animation-mob.webp?v=1787218575\"\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n\n    const slider = document.getElementById(\"xrDeviceSlider\");\n    const slides = document.querySelectorAll(\".xr-device-slide\");\n    const prevBtn = document.getElementById(\"xrPrevBtn\");\n    const nextBtn = document.getElementById(\"xrNextBtn\");\n\n    let previousIndex = 0;\n\n    function setActive(currentIndex) {\n\n        \/\/ Prevent invalid index\n        if (currentIndex \u003c 0 || currentIndex \u003e= slides.length) return;\n\n        \/\/ Update active slide\n        slides.forEach((slide, index) =\u003e {\n\n            slide.classList.remove(\"active\", \"from-left\", \"from-right\");\n\n            if (index === currentIndex) {\n\n                if (currentIndex \u003e previousIndex) {\n                    slide.classList.add(\"from-right\");\n                } else if (currentIndex \u003c previousIndex) {\n                    slide.classList.add(\"from-left\");\n                }\n\n                slide.classList.add(\"active\");\n            }\n        });\n\n        \/\/ Update button disabled state\n        prevBtn.disabled = currentIndex === 0;\n        nextBtn.disabled = currentIndex === slides.length - 1;\n\n        previousIndex = currentIndex;\n    }\n\n    function updateSlider() {\n        const slideWidth = slider.getBoundingClientRect().width;\n        const currentIndex = Math.round(slider.scrollLeft \/ slideWidth);\n        setActive(currentIndex);\n    }\n\n    function goToSlide(index) {\n        const slideWidth = slider.getBoundingClientRect().width;\n        slider.scrollTo({\n            left: index * slideWidth,\n            behavior: \"smooth\"\n        });\n    }\n\n    \/\/ Button clicks\n    prevBtn.addEventListener(\"click\", () =\u003e {\n        const slideWidth = slider.getBoundingClientRect().width;\n        const currentIndex = Math.round(slider.scrollLeft \/ slideWidth);\n        goToSlide(Math.max(currentIndex - 1, 0));\n    });\n\n    nextBtn.addEventListener(\"click\", () =\u003e {\n        const slideWidth = slider.getBoundingClientRect().width;\n        const currentIndex = Math.round(slider.scrollLeft \/ slideWidth);\n        goToSlide(Math.min(currentIndex + 1, slides.length - 1));\n    });\n\n    \/\/ Scroll event (keeps swipe\/touch working too)\n    slider.addEventListener(\"scroll\", updateSlider);\n\n    \/\/ Window resize\n    window.addEventListener(\"resize\", updateSlider);\n\n    \/\/ Initial load\n    setActive(0);\n\n});\n\u003c\/script\u003e\n\u003c!-- ANIMATION ENDED --\u003e\n\n\n\n\n  \n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold_mobile-view-4.webp?v=1783055958\"\u003e\n\u003cvideo class=\"scroll-restart-video\" autoplay muted loop playsinline preload=\"auto\" width=\"100%\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/9da1c61db8ff4bbb8cb866878a97ee88.mp4\"\u003e\u003c\/video\u003e\n\n  \u003cvideo autoplay muted loop playsinline preload=\"auto\" width=\"100%\" class=\"scroll-restart-video\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2536f703aec546d6830cca6a3b6070da.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cimg style=\"margin-top:-1px !important\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold_mobile-view-6.webp?v=1787213398\"\u003e\n\u003cvideo autoplay muted loop playsinline preload=\"auto\" width=\"100%\" class=\"scroll-restart-video\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/77fc00eb985b4aa496183fd6da0a9e09.mp4\" type=\"video\/mp4\" style=\"margin-top:-8px !important\"\u003e\u003c\/video\u003e\n \n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Mobile-Bold-HEADER.webp?v=1783662215\" style=\"display:block; margin-top:-8px !important; position:relative; z-index:1;\"\u003e\n\n\n\n\n\n\n\n\n  \n \u003c!-- ANIMATION START 2ND  --\u003e\n\u003c!-- ---------------slider 1------ --\u003e\n\n\u003c!-- ---------------slider 1------ --\u003e\n\n\u003c!-- Swiper CSS --\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003c!-- Swiper JS --\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n\n  \/* OUTER WRAPPER *\/\n  .highlights-wrapper{\n    padding: 0 35px;\n    background: #fff;\n    margin-top:-8px !important;\n  }\n\n  \/* MOBILE PADDING FIX *\/\n  @media screen and (max-width: 767px){\n    .highlights-wrapper{\n      padding: 0 10px;\n    }\n  }\n\n  \/* MAIN SECTION *\/\n  .get-highlights{\n    position: relative;\n    overflow: hidden;\n    background-color: #fff;\n    padding: 0;\n  }\n\n  \/* SLIDE *\/\n  .get-highlights-slider .swiper-slide{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    overflow: hidden;\n\n    opacity: 0.25;\n    transform: scale(0.92);\n    transition: all 0.5s ease;\n  }\n\n  \/* ACTIVE SLIDE *\/\n  .get-highlights-slider .swiper-slide-active{\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  \/* SIDE SLIDES *\/\n  .get-highlights-slider .swiper-slide-prev,\n  .get-highlights-slider .swiper-slide-next{\n    opacity: 0.45;\n    transform: scale(0.95);\n  }\n\n  \/* IMAGE *\/\n  .get-highlights-slider .swiper-slide img{\n    width: 100%;\n    height: 500px;\n    display: block;\n    object-fit: contain;\n    border-radius: 16px;\n    background-color: #fff;\n  }\n\n  \/* PAGINATION *\/\n  .swiper-pagination{\n    margin-top: 24px;\n    position: relative;\n  }\n\n  .swiper-pagination-bullet{\n    background: #dbd1b1 !important;\n    opacity: 0.5;\n    width: 8px !important;\n    height: 8px !important;\n  }\n\n  .swiper-pagination-bullet-active{\n    opacity: 1 !important;\n    background: #000 !important;\n  }\n\n  \/* MOBILE OPTIMIZATION *\/\n  @media screen and (max-width: 767px){\n\n    .get-highlights-slider .swiper-slide{\n      opacity: 0.45;\n      transform: scale(0.92);\n    }\n\n    .get-highlights-slider .swiper-slide-active{\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    .get-highlights-slider .swiper-slide img{\n      border-radius: 14px;\n    }\n\n  }\n.swiper-wrapper{\n  width:90%;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  new Swiper(\".get-highlights-slider\", {\n\n    \/* Infinite Loop *\/\n    loop: true,\n\n    \/* Center Active Slide *\/\n    centeredSlides: true,\n\n    \/* Animation *\/\n    speed: 800,\n\n    \/* Gap *\/\n    spaceBetween: 20,\n\n    \/* Auto Play *\/\n    autoplay: {\n      delay: 3000,\n      disableOnInteraction: false,\n    },\n\n    \/* Pagination *\/\n    pagination: {\n      el: \".swiper-pagination\",\n      clickable: true,\n    },\n\n    \/* Responsive *\/\n    breakpoints: {\n\n      \/* Small Mobile *\/\n      320: {\n        slidesPerView: 1.08,\n        spaceBetween: 10,\n      },\n\n      \/* Large Mobile *\/\n      480: {\n        slidesPerView: 1.15,\n        spaceBetween: 12,\n      },\n\n      \/* Tablet *\/\n      768: {\n        slidesPerView: 2,\n        spaceBetween: 20,\n      },\n\n      \/* Desktop *\/\n      1024: {\n        slidesPerView: 2.4,\n        spaceBetween: 20,\n      },\n\n      \/* Large Desktop *\/\n      1400: {\n        slidesPerView: 2.6,\n        spaceBetween: 25,\n      }\n\n    }\n\n  });\n\n});\n\n\u003c\/script\u003e\n\u003c!-- --------------second slider --\u003e\n\n\u003c!-- slider code --\u003e\n\u003csection class=\"highlights-wrapper image-wrapperxyz\"\u003e\n  \u003csection class=\"get-highlights py-2 md:py-2\"\u003e\n    \u003cdiv class=\"max-w-[1600px] mx-auto px-4\"\u003e\n\n      \u003c!-- Swiper --\u003e\n      \u003cdiv class=\"swiper get-highlights-slider relative\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003c!-- Slide 1 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-1.webp?v=1783752076\" alt=\"Highlight 1\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 2 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-2.webp?v=1783752082\" alt=\"Highlight 2\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 3 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-3.webp?v=1783752089\" alt=\"Highlight 3\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 4 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-4.webp?v=1783752094\" alt=\"Highlight 4\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 5 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-5.webp?v=1783752099\" alt=\"Highlight 5\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- Pagination --\u003e\n        \u003cdiv class=\"swiper-pagination\" style=\"bottom:-5px;\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/section\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-mobile-view-9.webp?v=1783591812\"\u003e\n\u003c!-- ---------------slider 1------ --\u003e\n  \u003c!-- ANIMATION ENDED --\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .scroll-restart-video {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n  \n  \u003c\/style\u003e\n    \u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const videos = document.querySelectorAll(\".scroll-restart-video\");\n\n  const observer = new IntersectionObserver(function (entries) {\n\n    entries.forEach(function (entry) {\n\n      const video = entry.target;\n\n      if (entry.isIntersecting) {\n\n        \/\/ ALWAYS start from the beginning\n        video.pause();\n        video.currentTime = 0;\n\n        \/\/ Play from 0\n        video.play().catch(function () {});\n\n      } else {\n\n        \/\/ Stop the video when it leaves the screen\n        video.pause();\n\n        \/\/ Reset it so next entry starts at 0\n        video.currentTime = 0;\n      }\n\n    });\n\n  }, {\n    threshold: 0.5\n  });\n\n  videos.forEach(function (video) {\n    observer.observe(video);\n  });\n\n});\n\u003c\/script\u003e\n  \u003c!-- Desktop view --\u003e\n\n \u003c!-- \u003cdiv style=\"margin-right: -15px;\"\u003e      --\u003e\n \u003cdiv class=\"hidemobile\"\u003e \n\u003cdiv style=\"width:100vw; max-width:99.5vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0; background:#000; position:relative; overflow:hidden;\"\u003e\n  \u003c!-- ANIMATION STARTED --\u003e\n\n\u003c!-- ===========================\n     STYLES\n=========================== --\u003e\n\u003cstyle\u003e\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n \n}\nhtml {\n    scroll-behavior: smooth;\n}\nbody {\n    background: #000;\n    overflow-x: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n}\n.visual-hero-wrapper {\n    width: 100%;\n    background: #000;\n}\n.visual-hero-stage {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0;\n}\n.visual-hero-canvas {\n    position: relative;\n    width: min(92vw, 900px);\n    margin: auto;\n    overflow: hidden;\n}\n.visual-hero-backdrop {\n    width: 200%;\n    display: block;\n}\n.visual-hero-layer {\n    position: absolute;\n    top: 40%;\n    left: 25%;\n    width: 50%;\n    height: 50%;\n    object-fit: contain;\n    pointer-events: none;\n    will-change: opacity;\n    transition: none;\n}\n.visual-hero-alpha {\n    opacity: 1;\n    z-index: 1;\n}\n.visual-hero-beta {\n    opacity: 0;\n    z-index: 2;\n}\n\n\/* ===== DESKTOP: full-screen, no cropping on background ===== *\/\n@media (min-width: 1024px) {\n    .visual-hero-stage {\n        width: 100vw;\n        height: 150vh;\n    }\n    .visual-hero-canvas {\n        width: 100vw;\n        height: 150vh;\n        margin: 0;\n    }\n    .visual-hero-backdrop {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n    \/* layers keep their original position\/size (top:28%, left:8%, width:85%, height:85%, object-fit:contain)\n       from the base rules above — they scale with the bigger canvas but are not stretched to cover *\/\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"visual-hero-wrapper\"\u003e\n    \u003csection class=\"visual-hero-stage\"\u003e\n        \u003cdiv class=\"visual-hero-canvas\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-desktop-bg-animation.webp?v=1783675177\" alt=\"Base Frame\" class=\"visual-hero-backdrop\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Animation-1.png?v=1782556849\" alt=\"Animation 1\" class=\"visual-hero-layer visual-hero-alpha\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Animation-2.png?v=1782556810\" alt=\"Animation 2\" class=\"visual-hero-layer visual-hero-beta\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n    function startAnimationTrack() {\n        const viewportContainers = document.querySelectorAll(\".visual-hero-stage\");\n        if (!viewportContainers.length) return;\n\n        const activeNodes = [];\n        viewportContainers.forEach(stageNode =\u003e {\n            const initialLayer = stageNode.querySelector(\".visual-hero-alpha\");\n            const secondaryLayer = stageNode.querySelector(\".visual-hero-beta\");\n            if (initialLayer \u0026\u0026 secondaryLayer) {\n                activeNodes.push({ stageNode, initialLayer, secondaryLayer });\n            }\n        });\n        if (!activeNodes.length) return;\n\n        let renderRequested = false;\n\n        function runFadeCalculation(item) {\n            const boundaries = item.stageNode.getBoundingClientRect();\n\n            if (boundaries.width === 0 \u0026\u0026 boundaries.height === 0) return;\n\n            const viewportHeight = window.innerHeight;\n            const totalScrollRange = viewportHeight + boundaries.height;\n            const absoluteScrolled = viewportHeight - boundaries.top;\n\n            let percentageScrolled = absoluteScrolled \/ totalScrollRange;\n            percentageScrolled = Math.max(0, Math.min(1, percentageScrolled));\n\n            const triggerStart = 0.55;\n            const triggerEnd = 0.80;\n\n            let currentOpacity;\n            if (percentageScrolled \u003c= triggerStart) {\n                currentOpacity = 0;\n            } else if (percentageScrolled \u003e= triggerEnd) {\n                currentOpacity = 1;\n            } else {\n                currentOpacity = (percentageScrolled - triggerStart) \/ (triggerEnd - triggerStart);\n            }\n\n            item.initialLayer.style.opacity = String(1 - currentOpacity);\n            item.secondaryLayer.style.opacity = String(currentOpacity);\n        }\n\n        function executeFrameUpdate() {\n            activeNodes.forEach(runFadeCalculation);\n            renderRequested = false;\n        }\n\n        function triggerTick() {\n            if (!renderRequested) {\n                window.requestAnimationFrame(executeFrameUpdate);\n                renderRequested = true;\n            }\n        }\n\n        executeFrameUpdate();\n        window.addEventListener(\"scroll\", triggerTick, { passive: true });\n        window.addEventListener(\"resize\", triggerTick);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", startAnimationTrack);\n    } else {\n        startAnimationTrack();\n    }\n})();\n\u003c\/script\u003e\n\n      \u003c!-- ANIMATION ENDED --\u003e\n      \n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Desktop-2.webp?v=1787213157\" style=\"width:100%;display:block;\"\u003e\n\u003cvideo autoplay muted loop playsinline preload=\"auto\" width=\"100%\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/43e9eb7a96b04484b052ad87d0afad5e.mp4\"\u003e\u003c\/video\u003e\n\n  \n\u003cvideo class=\"scroll-restart-video\" autoplay muted loop playsinline preload=\"auto\" width=\"100%\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/362099e3431e4697b62380a11b316e7f.mp4\"\u003e\u003c\/video\u003e\n\n      \n   \u003c!-- VIDEO START FROM BEGINNING --\u003e\n     \u003cscript\u003e\n(function () {\n    const videos = document.querySelectorAll(\".scroll-restart-video\");\n    if (!videos.length) return;\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry) =\u003e {\n            const video = entry.target;\n            if (entry.isIntersecting) {\n                video.currentTime = 0;\n                video.play();\n            } else {\n                video.pause();\n            }\n        });\n    }, { threshold: 0.5 }); \/\/ fires when 50% of the video is visible\n\n    videos.forEach((video) =\u003e observer.observe(video));\n})();\n\u003c\/script\u003e\n   \u003c!-- END --\u003e\n\n      \n   \u003cvideo class=\"scroll-restart-video\" autoplay muted loop playsinline preload=\"auto\" width=\"101%\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/39103a0e019c46cd97ba914b5267831f.mp4\"\u003e\u003c\/video\u003e\n   \u003cimg style=\"margin-top: -9px !important; z-index: 1;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Desktop-6.webp?v=1787230237\"\u003e\n   \u003cvideo autoplay muted loop playsinline preload=\"auto\" width=\"101%\" style=\"margin-top: -9px !important;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3d730454d0b64618beec3261e886f1ff.mp4\"\u003e\u003c\/video\u003e\n   \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Desktop-Header-of-Use-Case.webp?v=1783676270\" style=\"width:100%;display:block; margin-top: -10px !important;\"\u003e\n\n\n\n    \n   \u003c!-- ANIMATION STARTED --\u003e\n  \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\u003c!-- Swiper JS --\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\u003cstyle\u003e\n\n  \/* MAIN WRAPPER *\/\n  .cf-outer{\n    width:100%;\n    margin:0;\n    overflow:hidden;\n  }\n\n  .cf-outer img{\n    width:100%;\n    max-width:100%;\n    display:block;\n  }\n\n  \/* SWIPER FIX *\/\n  .cf-swiper{\n    width:auto;\n    margin-top: 0px;\n    overflow:hidden;\n  }\n\n  .cf-swiper .swiper-wrapper{\n    align-items:center;\n  }\n\n  .cf-swiper .swiper-slide{\n    box-sizing:border-box;\n  }\n\n  \/* MAIN SECTION *\/\n  .cf-section{\n    position: relative;\n    overflow: hidden;\n    background-color: #fff;\n    padding: 0;\n  }\n\n  \/* SLIDE *\/\n  .cf-swiper .swiper-slide{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    overflow: hidden;\n\n    opacity: 0.25;\n    transform: scale(0.92);\n    transition: all 0.5s ease;\n  }\n\n  \/* ACTIVE *\/\n  .cf-swiper .swiper-slide-active{\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  \/* SIDE *\/\n  .cf-swiper .swiper-slide-prev,\n  .cf-swiper .swiper-slide-next{\n    opacity: 0.45;\n    transform: scale(0.95);\n  }\n\n  \/* IMAGE *\/\n  .cf-swiper .swiper-slide img{\n    width: 100%;\n    height: 800px;\n    display: block;\n    object-fit: contain;\n    border-radius: 16px;\n    background-color: #fff;\n  }\n\n  \/* PAGINATION *\/\n  .cf-pagination{\n    margin-top: 18px;\n    position: relative;\n  }\n\n  .cf-pagination .swiper-pagination-bullet{\n    background: #959595 !important;\n    opacity: 0.5;\n    width: 8px !important;\n    height: 8px !important;\n  }\n\n  .cf-pagination .swiper-pagination-bullet-active{\n    opacity: 1 !important;\n    background: #000 !important;\n  }\n\n  \/* MOBILE *\/\n  @media screen and (max-width: 767px){\n\n    .cf-swiper .swiper-slide{\n      opacity: 0.45;\n      transform: scale(0.92);\n    }\n\n    .cf-swiper .swiper-slide-active{\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    .cf-swiper .swiper-slide img{\n      height: 500px;\n      border-radius: 14px;\n    }\n\n  }\n\n\u003c\/style\u003e\n\u003c!-- --------------SECOND SLIDER HTML --\u003e\n\u003csection class=\"cf-outer\"\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003cdiv class=\"cf-container\"\u003e\n      \u003cdiv class=\"swiper cf-swiper relative\" id=\"cfSwiper\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-1.webp?v=1783752076\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-2.webp?v=1783752082\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-3.webp?v=1783752089\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-4.webp?v=1783752094\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Carousel-5.webp?v=1783752099\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- PAGINATION --\u003e\n        \u003cdiv class=\"swiper-pagination cf-pagination\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .cf-container{\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  new Swiper(\"#cfSwiper\", {\n\n    loop: true,\n    centeredSlides: true,\n    speed: 800,\n    spaceBetween: 20,\n\n    autoplay: {\n      delay: 3000,\n      disableOnInteraction: false,\n    },\n\n    pagination: {\n      el: \".cf-pagination\",\n      clickable: true,\n    },\n\n    breakpoints: {\n\n      320: {\n        slidesPerView: 1.08,\n        spaceBetween: 10,\n      },\n\n      480: {\n        slidesPerView: 1.15,\n        spaceBetween: 12,\n      },\n\n      768: {\n        slidesPerView: 2,\n        spaceBetween: 20,\n      },\n\n      1024: {\n        slidesPerView: 2.4,\n        spaceBetween: 20,\n      },\n\n      1400: {\n        slidesPerView: 2.6,\n        spaceBetween: 25,\n      }\n\n    }\n\n  });\n\n});\n\u003c\/script\u003e\n\u003c!-- ANIMATION ENDED --\u003e\n      \n   \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bold-Desktop-9.webp?v=1783584182\" style=\"width:100%;display:block;\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"row\" id=\"support\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"columnstop\"\u003e\n\u003ch2\u003eFAQs\u003c\/h2\u003e\n\u003cbutton class=\"accordion\"\u003eQ.What makes DwOTS BOLD stand out from other earbuds?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eDwOTS BOLD brings flagship features to your pocket — a 1.83” smart touch display on the case, 3D Spatial Audio, ANC up to 32dB, and up to 60 hours of battery life. It’s designed for people who want more than just sound — they want control, style, and performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ. Is the touch display actually useful, or just for looks?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eIt’s 100% functional. You can adjust volume, change EQ modes, control calls, toggle ANC, and even locate your earbuds — all from the case. It’s like having a mini control center in your pocket.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.What is the Hall Switch, and why does it matter?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eThe Hall Switch enables instant auto-pairing — your earbuds connect to your device the moment you open the case. No fiddling with Bluetooth menus. It’s seamless and saves time, especially when you're on the move.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ. How effective is the Active Noise Cancellation (ANC)?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eDwOTS BOLD offers ANC up to 32dB, blocking out background noise for a more immersive experience — whether you’re in traffic, on a flight, or just trying to focus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ. Are these earbuds good for both gaming and calls?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes. With a 45ms low latency mode, audio syncs perfectly while gaming. And with four mics plus Environmental Noise Cancellation (ENC), your voice stays clear even in noisy environments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ. Is DwOTS Bold compatible with both Android and iPhones?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, DwOTS Bold is compatible with both Android and iPhones. It pairs effortlessly with both platforms and delivers consistent performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Are they workout-friendly?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eAbsolutely. The earbuds are IPX5-rated, so they can handle sweat, splashes, and a bit of rain. Plus, the medical-grade silicone tips stay secure during movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.What’s the warranty and support like?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYou’re covered with a 365-day warranty and nationwide service support. If anything goes wrong, our team’s just a WhatsApp or email away.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\n\u003cbr\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS-bold-Manual-Updated.pdf?v=1779086422\" target=\"_blank\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/ACwO_Download_Manual.webp?v=1697535343\"\u003e\u003c\/a\u003e\n\u003c\/center\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"columnstop\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Whats-In-A-Box-DWOTS-BOLD.webp?v=1787227934\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003cbutton class=\"accordion accorpro\"\u003eSpecifications\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eCountry Of Origin\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-weight: 300;\" class=\"meta-info\"\u003eIndia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003ePacked and Marketed By\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-weight: 300;\" class=\"meta-info\"\u003e ACwO Lifestyle Pvt Ltd\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eAddress\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-weight: 300;\" class=\"meta-info\"\u003e3RD, Office no.6, Ratan Chs Ltd, SV Road, near gokul shopping centre, Borivali West, Mumbai, Mumbai Suburban, Maharashtra - 400092\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eManufacturing Address\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-weight: 300;\" class=\"meta-info\"\u003ePlot No. 58-60, 1st Floor, Apple Industrial Hub, Pelhar, Dist. Palghar, Maharashtra - 401208\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003ePackage Contains\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-weight: 300;\" class=\"meta-info\"\u003e 1 Set of Wireless Earbuds, 1 Charging Cable, 1 Warranty Card, 1 Scan me Card \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- container row close --\u003e\n \u003cbutton class=\"accordion accorpro\"\u003eTechnical Specification\u003c\/button\u003e \n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eSpeaker Driver\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e13mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eplaytime\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eUp To 60 Hours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eBT\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e5.4\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eWireless Range\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e10M\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eCompatibility\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eAndroid \u0026amp; iOS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eFrequency\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e20Hz-20KHz\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eWater Resistance Rating\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eIPX5 (WATER AND SWEAT RESISTANT)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eAudio codecs supported\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eAAC,SBC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cbutton class=\"accordion accorpro\"\u003ePhysical Specification\u003c\/button\u003e \n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eCharging case dimension (L*W*H)\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e59*28*55 MM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eCharging case weight\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e51.10 GRAMS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eTouch Display\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eSCREEN SIZE 1.83 INCHES \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eForm Factor\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eIN EAR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eControls\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eSmart Touch Controls (EQ Mode, Voice Assistant, Volume, Play\/ Pause Media, Call Control from both earbuds)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cbutton class=\"accordion accorpro\"\u003eAdditional Features\u003c\/button\u003e \n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\u003cspan class=\"meta-info\"\u003eHALL SWITCH FUNCTION\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\u003cspan class=\"meta-info\"\u003eSCREEN SIZE 1.83 INCHES\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\u003cspan class=\"meta-info\"\u003eINTELLIGENT FULL COLOUR TOUCH SCREEN\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\u003cspan class=\"meta-info\"\u003eFind My Earphone\/Answer \u0026amp; Hang-Up Calls\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\u003cspan class=\"meta-info\"\u003eANC \/ TRANSPARENCY MODE SWITCH\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cbutton class=\"accordion accorpro\"\u003eCustomer Support and Warranty\u003c\/button\u003e \n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003ePan India Service Centers\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eA vast network of service centers across India ensures your support needs are met promptly.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eDedicated Customer Support\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eOur customer support team is just a call, email, or WhatsApp message away, ensuring you have assistance whenever you need it.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eWarranty\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eWe believe in the quality of our product. That's why we offer an impressive 365 days of warranty coverage from the date of purchase, giving you peace of mind.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ACwO","offers":[{"title":"Cream","offer_id":54177272561982,"sku":"DWOTSBOLD-CRM","price":2939.0,"currency_code":"INR","in_stock":true},{"title":"Black","offer_id":54177272594750,"sku":"DWOTSBOLD-BLK","price":2939.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/RAKSHABANDHAN-_DwOTS_DwOTS_BOLD.webp?v=1787401019","url":"https:\/\/acwo.com\/products\/rakshabandhan-dwotsdwots_bold","provider":"ACwO","version":"1.0","type":"link"}