{"id":579,"date":"2025-12-24T21:02:45","date_gmt":"2025-12-24T15:32:45","guid":{"rendered":"https:\/\/dev.cancrodrink.com\/?page_id=579"},"modified":"2025-12-27T21:32:50","modified_gmt":"2025-12-27T16:02:50","slug":"about-cancro","status":"publish","type":"page","link":"https:\/\/dev.cancrodrink.com\/ar\/about-cancro\/","title":{"rendered":"About Cancro"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"579\" class=\"elementor elementor-579\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beb2b51 e-con-full e-flex e-con e-parent\" data-id=\"beb2b51\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-21f2be0 e-con-full e-flex e-con e-child\" data-id=\"21f2be0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4fc0c0 elementor-widget elementor-widget-cancro_about_hero\" data-id=\"f4fc0c0\" data-element_type=\"widget\" data-widget_type=\"cancro_about_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \r\n        <style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VARIABLES FROM REACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n    --wine-100: #FBE9ED;\r\n    --wine-500: #8B2346;\r\n    --wine-600: #72183A;\r\n    --wine-700: #5F132F;\r\n    --wine-800: #4D0F25;\r\n    --wine-900: #3F0E24;\r\n    --blush-50: ;\r\n    --blush-100: #FBE9ED;\r\n    --blush-200: #F8D7E0;\r\n    --blush-300: #F5C4D1;\r\n    --text-secondary: #5F132F;\r\n    --text-tertiary: #A33358;\r\n    --font-display: 'Outfit', sans-serif;\r\n    --font-body: 'Outfit', sans-serif;\r\n    --font-mono: 'JetBrains Mono', monospace;\r\n    --container-padding: clamp(1.5rem, 5vw, 4rem);\r\n}\r\n\r\n.about-hero {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--blush-50);\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding: 0;\r\n}\r\n\r\n.about-hero__container {\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    padding: 0 var(--container-padding);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LEFT CONTENT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.about-hero__content {\r\n    max-width: 520px;\r\n    padding: 120px 0 80px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: left;\r\n}\r\n\r\n.about-hero__badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    background: linear-gradient(135deg, var(--wine-100) 0%, var(--blush-100) 100%);\r\n    color: var(--wine-700);\r\n    font-family: var(--font-mono);\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    padding: 0.5rem 1rem;\r\n    border-radius: 100px;\r\n    margin-bottom: 1.5rem;\r\n    border: 1px solid var(--blush-200);\r\n    width: fit-content;\r\n}\r\n\r\n.about-hero__title {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(2.5rem, 5vw, 3.5rem);\r\n    font-weight: 700;\r\n    color: var(--wine-900);\r\n    line-height: 1.1;\r\n    margin-bottom: 1.5rem;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.about-hero__title span {\r\n    color: var(--wine-500);\r\n    font-style: italic;\r\n}\r\n\r\n.about-hero__features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.875rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.about-hero__feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    font-size: 1rem;\r\n    color: var(--text-secondary);\r\n    font-weight: 500;\r\n}\r\n\r\n.about-hero__feature-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--wine-500), var(--wine-600));\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.about-hero__feature-icon svg {\r\n    width: 12px;\r\n    height: 12px;\r\n    stroke: white;\r\n    stroke-width: 3;\r\n    fill: none;\r\n}\r\n\r\n.about-hero__buttons {\r\n    display: flex;\r\n    gap: 1rem;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n.about-hero__btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 16px 32px;\r\n    background: var(--wine-700);\r\n    color: white;\r\n    font-family: var(--font-body);\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    border: none;\r\n    border-radius: 60px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    text-decoration: none;\r\n}\r\n\r\n.about-hero__btn-primary:hover {\r\n    background: var(--wine-800);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(139, 29, 65, 0.3);\r\n}\r\n\r\n.about-hero__btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 16px 32px;\r\n    background: transparent;\r\n    color: var(--wine-800);\r\n    font-family: var(--font-body);\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    border: 2px solid var(--blush-300);\r\n    border-radius: 60px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    text-decoration: none;\r\n}\r\n\r\n.about-hero__btn-secondary:hover {\r\n    background: white;\r\n    border-color: var(--wine-400);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.about-hero__disclaimer {\r\n    font-size: 0.75rem;\r\n    color: var(--text-tertiary);\r\n    line-height: 1.6;\r\n    max-width: 400px;\r\n    margin: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RIGHT SIDE - EDGE-TO-EDGE SCROLLING COLUMNS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.about-hero__gallery {\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding: 0 1.5rem;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Gradient fade at top and bottom *\/\r\n.about-hero__gallery::before,\r\n.about-hero__gallery::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    height: 120px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n.about-hero__gallery::before {\r\n    top: 0;\r\n    background: linear-gradient(to bottom, var(--blush-50) 0%, transparent 100%);\r\n}\r\n\r\n.about-hero__gallery::after {\r\n    bottom: 0;\r\n    background: linear-gradient(to top, var(--blush-50) 0%, transparent 100%);\r\n}\r\n\r\n.about-hero__column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n    flex: 1;\r\n}\r\n\r\n\/* First column - scrolls up *\/\r\n.about-hero__column--left {\r\n    animation: scrollUp 25s linear infinite;\r\n}\r\n\r\n\/* Second column - scrolls down *\/\r\n.about-hero__column--right {\r\n    animation: scrollDown 20s linear infinite;\r\n}\r\n\r\n@keyframes scrollUp {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-50%); }\r\n}\r\n\r\n@keyframes scrollDown {\r\n    0% { transform: translateY(-50%); }\r\n    100% { transform: translateY(0); }\r\n}\r\n\r\n\/* Pause animations on hover *\/\r\n.about-hero__gallery:hover .about-hero__column {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GRID ITEMS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.about-hero__item {\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n    flex-shrink: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n.about-hero__item:hover {\r\n    transform: scale(1.02);\r\n    box-shadow: 0 20px 40px rgba(63, 14, 36, 0.1);\r\n}\r\n\r\n.about-hero__item::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.15) 0%, transparent 50%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n    .about-hero__container {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n        padding-top: 60px;\r\n        height: auto;\r\n        min-height: auto;\r\n        display: block;\r\n    }\r\n    \r\n    .about-hero__content {\r\n        max-width: 100%;\r\n        text-align: center;\r\n        margin: 0 auto;\r\n        padding: 60px 0 40px;\r\n        align-items: center;\r\n    }\r\n    \r\n    .about-hero__badge {\r\n         margin: 0 auto 1.5rem;\r\n    }\r\n\r\n    .about-hero__features {\r\n        align-items: center;\r\n    }\r\n    \r\n    .about-hero__buttons {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .about-hero__disclaimer {\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .about-hero__gallery {\r\n        height: 60vh;\r\n        justify-content: center;\r\n        padding-bottom: 60px;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .about-hero {\r\n        padding: 0;\r\n    }\r\n    \r\n    .about-hero__gallery {\r\n        height: 50vh;\r\n        gap: 1rem;\r\n    }\r\n    \r\n    .about-hero__buttons {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .about-hero__btn-primary,\r\n    .about-hero__btn-secondary {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n        <\/style>\r\n\t\t\r\n\t\t<section class=\"about-hero\">\r\n            <div class=\"about-hero__container\">\r\n                <!-- Left Content -->\r\n                <div class=\"about-hero__content\">\r\n                                        <span class=\"about-hero__badge\">\ud83e\uddec Our Story<\/span>\r\n                    \r\n                    <div class=\"about-hero__title\">\r\n                        We're on a mission to <br><span>redefine hydration<\/span>                    <\/div>\r\n\r\n                    <div class=\"about-hero__features\">\r\n                                                <div class=\"about-hero__feature\">\r\n                            <span class=\"about-hero__feature-icon\">\r\n                                <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\r\n                            <\/span>\r\n                            India&#039;s first deuterium-depleted water brand                        <\/div>\r\n                                                <div class=\"about-hero__feature\">\r\n                            <span class=\"about-hero__feature-icon\">\r\n                                <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\r\n                            <\/span>\r\n                            Lab-verified 125 PPM concentration                        <\/div>\r\n                                                <div class=\"about-hero__feature\">\r\n                            <span class=\"about-hero__feature-icon\">\r\n                                <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\r\n                            <\/span>\r\n                            Built on peer-reviewed science                        <\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"about-hero__buttons\">\r\n                                                <a href=\"#\" class=\"about-hero__btn-primary\">\r\n                            Shop Now                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/><polyline points=\"12 5 19 12 12 19\" \/><\/svg>\r\n                        <\/a>\r\n                                                \r\n                                                 <a href=\"#\" class=\"about-hero__btn-secondary\">\r\n                             Learn the Science                        <\/a>\r\n                                            <\/div>\r\n\r\n                    <p class=\"about-hero__disclaimer\">\r\n                         Cancro is committed to transparency and scientific rigor. Our water undergoes rigorous testing to ensure consistent deuterium levels in every bottle.                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Right Gallery (Infinite Scroll) -->\r\n                <div class=\"about-hero__gallery\">\r\n                    <!-- Column 1: Up -->\r\n                    <div class=\"about-hero__column about-hero__column--left\">\r\n                        <div class=\"about-hero__item\" style=\"height: 320px; background-color: #8B2346;background-image: url(https:\/\/dev.cancrodrink.com\/wp-content\/uploads\/2025\/12\/0ede87bb-077f-4284-aebb-5f2c560f7b4e1-Large-1.png);\"><\/div><div class=\"about-hero__item\" style=\"height: 240px; background-color: #E84872;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #F5C4D1;\"><\/div><div class=\"about-hero__item\" style=\"height: 240px; background-color: #c99eb2;\"><\/div><div class=\"about-hero__item\" style=\"height: 320px; background-color: #dfd2c7;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #F8D7E0;\"><\/div>                        <div class=\"about-hero__item\" style=\"height: 320px; background-color: #8B2346;background-image: url(https:\/\/dev.cancrodrink.com\/wp-content\/uploads\/2025\/12\/0ede87bb-077f-4284-aebb-5f2c560f7b4e1-Large-1.png);\"><\/div><div class=\"about-hero__item\" style=\"height: 240px; background-color: #E84872;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #F5C4D1;\"><\/div><div class=\"about-hero__item\" style=\"height: 240px; background-color: #c99eb2;\"><\/div><div class=\"about-hero__item\" style=\"height: 320px; background-color: #dfd2c7;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #F8D7E0;\"><\/div>                    <\/div>\r\n\r\n                    <!-- Column 2: Down -->\r\n                    <div class=\"about-hero__column about-hero__column--right\">\r\n                        <div class=\"about-hero__item\" style=\"height: 240px; background-color: #FBE9ED;\"><\/div><div class=\"about-hero__item\" style=\"height: 320px; background-color: #F8D7E0;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #5F132F;\"><\/div><div class=\"about-hero__item\" style=\"height: 320px; background-color: #efe0cb;\"><\/div><div class=\"about-hero__item\" style=\"height: 240px; background-color: #d4a5b9;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #e8ddd4;\"><\/div>                        <div class=\"about-hero__item\" style=\"height: 240px; background-color: #FBE9ED;\"><\/div><div class=\"about-hero__item\" style=\"height: 320px; background-color: #F8D7E0;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #5F132F;\"><\/div><div class=\"about-hero__item\" style=\"height: 320px; background-color: #efe0cb;\"><\/div><div class=\"about-hero__item\" style=\"height: 240px; background-color: #d4a5b9;\"><\/div><div class=\"about-hero__item\" style=\"height: 180px; background-color: #e8ddd4;\"><\/div>                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12a086a e-con-full e-flex e-con e-parent\" data-id=\"12a086a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38d25a2 elementor-widget elementor-widget-cancro_about_science\" data-id=\"38d25a2\" data-element_type=\"widget\" data-widget_type=\"cancro_about_science.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"about-science cancro-as-38d25a2\">\r\n            <style>\r\n                .cancro-as-38d25a2 { font-family: \"DM Sans\", sans-serif; position: relative; overflow: hidden; }\r\n                .cancro-as-38d25a2 .science-header { text-align: center; max-width: 700px; margin: 0 auto 80px; }\r\n                \r\n                \/* Typography Base *\/\r\n                .cancro-as-38d25a2 .overline {\r\n                    display: inline-flex; align-items: center; gap: 12px; font-family: \"Manrope\", sans-serif;\r\n                    font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; color: #a41d49;\r\n                }\r\n                .cancro-as-38d25a2 .overline::before { content: ''; width: 32px; height: 1px; background: currentColor; }\r\n                \r\n                .cancro-as-38d25a2 .title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(36px, 6vw, 64px); font-weight: 600;\r\n                    line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; color: #3e1225;\r\n                }\r\n                .cancro-as-38d25a2 .title-accent { font-style: italic; font-weight: 400; color: #a41d49; }\r\n                \r\n                .cancro-as-38d25a2 .subtitle {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(18px, 2.5vw, 22px);\r\n                    font-weight: 400; line-height: 1.6; max-width: 600px; margin: 0 auto; color: #5a3d47;\r\n                }\r\n\r\n                \/* Steps Grid *\/\r\n                .cancro-as-38d25a2 .science-steps {\r\n                    max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;\r\n                }\r\n                .cancro-as-38d25a2 .science-step {\r\n                    text-align: center; padding: 48px 32px; background: #fff; border-radius: 24px;\r\n                    position: relative; box-shadow: 0 4px 40px rgba(62, 18, 37, 0.06); transition: transform 0.3s ease;\r\n                }\r\n                .cancro-as-38d25a2 .science-step:hover { transform: translateY(-10px); }\r\n                \r\n                .cancro-as-38d25a2 .step-number {\r\n                    position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px;\r\n                    background: linear-gradient(135deg, #a41d49 0%, #ee4e6d 100%); border-radius: 50%;\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"Manrope\", sans-serif; font-size: 14px; font-weight: 700; color: #fff;\r\n                }\r\n                \r\n                .cancro-as-38d25a2 .step-icon {\r\n                    width: 80px; height: 80px; margin: 0 auto 24px; border-radius: 50%;\r\n                    background: #fef1f2; display: flex; align-items: center; justify-content: center;\r\n                }\r\n                .cancro-as-38d25a2 .step-icon svg { width: 36px; height: 36px; color: #a41d49; }\r\n                \r\n                .cancro-as-38d25a2 .step-title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 20px; font-weight: 600; color: #3e1225; margin-bottom: 12px;\r\n                }\r\n                .cancro-as-38d25a2 .step-text { font-size: 15px; line-height: 1.7; color: #5a3d47; }\r\n\r\n                \/* Comparison Bar *\/\r\n                .cancro-as-38d25a2 .science-stat {\r\n                    max-width: 800px; margin: 80px auto 0; padding: 48px 24px;\r\n                    background: linear-gradient(135deg, #3e1225 0%, #741034 100%); border-radius: 24px;\r\n                    display: flex; align-items: center; justify-content: center; gap: 60px; text-align: center;\r\n                    color: #fff;\r\n                }\r\n                .cancro-as-38d25a2 .stat-value {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 56px; font-weight: 300; line-height: 1; margin-bottom: 8px;\r\n                }\r\n                .cancro-as-38d25a2 .stat-value span { font-size: 24px; color: rgba(255, 255, 255, 0.5); margin-left: 4px; }\r\n                .cancro-as-38d25a2 .stat-label {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.15em;\r\n                    text-transform: uppercase; color: #ee4e6d;\r\n                }\r\n                .cancro-as-38d25a2 .stat-divider { width: 1px; height: 80px; background: rgba(255, 255, 255, 0.15); }\r\n                .cancro-as-38d25a2 .stat-vs {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 12px; font-weight: 500;\r\n                    color: rgba(255, 255, 255, 0.4); text-transform: uppercase; letter-spacing: 0.1em;\r\n                }\r\n\r\n                @media (max-width: 1024px) {\r\n                    .cancro-as-38d25a2 .science-steps { gap: 24px; }\r\n                }\r\n\r\n                @media (max-width: 768px) {\r\n                    .cancro-as-38d25a2 .science-steps { grid-template-columns: 1fr; gap: 48px; max-width: 480px; }\r\n                    .cancro-as-38d25a2 .science-stat { flex-direction: column; gap: 32px; width: calc(100% - 48px); margin-left: 24px; margin-right: 24px; }\r\n                    .cancro-as-38d25a2 .stat-divider { width: 100px; height: 1px; }\r\n                    .cancro-as-38d25a2 .step-number { top: -20px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"science-header\">\r\n                <span class=\"overline\">The Science<\/span>\r\n                <div class=\"title\"><p>What is <span class=\"title-accent\">deuterium-depleted<\/span> water?<\/p><\/div>\r\n                <div class=\"subtitle\">A simple explanation of the science behind lighter water.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"science-steps\">\r\n                                <div class=\"science-step\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\"\/><\/svg>                    <\/div>\r\n                    <h3 class=\"step-title\">Deuterium Exists Naturally<\/h3>\r\n                    <p class=\"step-text\">Deuterium is a heavier form of hydrogen found in all water. It&#039;s natural, but at 150 PPM, it&#039;s everywhere.<\/p>\r\n                <\/div>\r\n                                <div class=\"science-step\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>                    <\/div>\r\n                    <h3 class=\"step-title\">We Reduce It<\/h3>\r\n                    <p class=\"step-text\">Through advanced purification, we lower deuterium to 125 PPM \u2014 creating lighter, purer water.<\/p>\r\n                <\/div>\r\n                                <div class=\"science-step\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>                    <\/div>\r\n                    <h3 class=\"step-title\">Your Cells Benefit<\/h3>\r\n                    <p class=\"step-text\">Research suggests lighter water may support cellular function, energy production, and recovery.<\/p>\r\n                <\/div>\r\n                            <\/div>\r\n\r\n            <div class=\"science-stat\">\r\n                <div class=\"stat-block\">\r\n                    <div class=\"stat-value\">125<span>PPM<\/span><\/div>\r\n                    <div class=\"stat-label\">Cancro Water<\/div>\r\n                <\/div>\r\n                <span class=\"stat-vs\">vs<\/span>\r\n                <div class=\"stat-divider\"><\/div>\r\n                <div class=\"stat-block\">\r\n                    <div class=\"stat-value\">150<span>PPM<\/span><\/div>\r\n                    <div class=\"stat-label\">Regular Water<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb995c4 e-con-full e-flex e-con e-parent\" data-id=\"eb995c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e54097d elementor-widget elementor-widget-cancro_about_benefits\" data-id=\"e54097d\" data-element_type=\"widget\" data-widget_type=\"cancro_about_benefits.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"about-benefits cancro-ab-e54097d\">\r\n            <div class=\"bg-orb orb-1\"><\/div>\r\n            \r\n            <style>\r\n                .cancro-ab-e54097d { font-family: \"DM Sans\", sans-serif; position: relative; overflow: hidden; }\r\n                .cancro-ab-e54097d .bg-orb {\r\n                    position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; opacity: 0.6;\r\n                }\r\n                .cancro-ab-e54097d .orb-1 {\r\n                    width: 600px; height: 600px; top: -200px; right: -200px;\r\n                    background: radial-gradient(circle, rgba(238, 78, 109, 0.12) 0%, transparent 70%);\r\n                }\r\n                \r\n                .cancro-ab-e54097d .benefits-grid {\r\n                    max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 2;\r\n                }\r\n\r\n                \/* Text Column *\/\r\n                .cancro-ab-e54097d .overline {\r\n                    display: inline-flex; align-items: center; gap: 12px; font-family: \"Manrope\", sans-serif;\r\n                    font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; color: #a41d49;\r\n                }\r\n                .cancro-ab-e54097d .overline::before { content: ''; width: 32px; height: 1px; background: currentColor; }\r\n                \r\n                .cancro-ab-e54097d .title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(36px, 6vw, 64px); font-weight: 600;\r\n                    line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; color: #3e1225;\r\n                }\r\n                .cancro-ab-e54097d .title-accent { font-style: italic; font-weight: 400; color: #a41d49; }\r\n                \r\n                .cancro-ab-e54097d .subtitle {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(18px, 2.5vw, 22px);\r\n                    font-weight: 400; line-height: 1.6; max-width: 600px; color: #5a3d47;\r\n                }\r\n                \r\n                \/* List *\/\r\n                .cancro-ab-e54097d .benefits-list { display: flex; flex-direction: column; gap: 24px; margin-top: 48px; }\r\n                .cancro-ab-e54097d .benefit-card {\r\n                    display: flex; gap: 20px; padding: 28px; background: rgba(255, 255, 255, 0.6);\r\n                    border-radius: 16px; transition: all 0.3s ease;\r\n                }\r\n                .cancro-ab-e54097d .benefit-card:hover {\r\n                    background: #fff; box-shadow: 0 8px 40px rgba(62, 18, 37, 0.08); transform: translateX(8px);\r\n                }\r\n                \r\n                .cancro-ab-e54097d .benefit-icon {\r\n                    width: 52px; height: 52px; border-radius: 12px; background: linear-gradient(135deg, #a41d49 0%, #ee4e6d 100%);\r\n                    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n                }\r\n                .cancro-ab-e54097d .benefit-icon svg { width: 24px; height: 24px; color: #fff; }\r\n                \r\n                .cancro-ab-e54097d .benefit-title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 17px; font-weight: 600; color: #3e1225; margin-bottom: 6px;\r\n                }\r\n                .cancro-ab-e54097d .benefit-text { font-size: 14px; line-height: 1.6; color: #5a3d47; margin: 0; }\r\n                \r\n                \/* Image *\/\r\n                .cancro-ab-e54097d .benefits-image {\r\n                    width: 100%; aspect-ratio: 4\/5; border-radius: 24px; overflow: hidden;\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    background: linear-gradient(135deg, #fef1f2 0%, #ee4e6d 50%, #3e1225 100%);                }\r\n\r\n                @media (max-width: 1024px) {\r\n                    .cancro-ab-e54097d .benefits-grid { grid-template-columns: 1fr; gap: 60px; }\r\n                }\r\n\r\n                @media (max-width: 600px) {\r\n                    .cancro-ab-e54097d .benefit-card { flex-direction: column; gap: 16px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefits-content\">\r\n                    <div class=\"header-wrap\">\r\n                        <span class=\"overline\">Why It Matters<\/span>\r\n                        <div class=\"title\">Lighter water.<br\/><span class=\"title-accent\">Elevated performance.<\/span><\/div>\r\n                        <div class=\"subtitle\">Experience hydration designed for those who demand more from their bodies.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"benefits-list\">\r\n                                                <div class=\"benefit-card\">\r\n                            <div class=\"benefit-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"benefit-title\">Cellular Energy<\/h3>\r\n                                <p class=\"benefit-text\">Support your body&#039;s natural ATP production at the molecular level.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"benefit-card\">\r\n                            <div class=\"benefit-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"benefit-title\">Faster Recovery<\/h3>\r\n                                <p class=\"benefit-text\">Optimized hydration for athletes and active individuals.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"benefit-card\">\r\n                            <div class=\"benefit-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"benefit-title\">Longevity Focus<\/h3>\r\n                                <p class=\"benefit-text\">Join the biohackers investing in long-term cellular health.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"benefit-card\">\r\n                            <div class=\"benefit-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"benefit-title\">Mental Clarity<\/h3>\r\n                                <p class=\"benefit-text\">Hydration that supports cognitive function and focus.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefits-visual\">\r\n                    <div class=\"benefits-image\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-effea51 e-con-full e-flex e-con e-parent\" data-id=\"effea51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8379db4 elementor-widget elementor-widget-cancro_about_dubai\" data-id=\"8379db4\" data-element_type=\"widget\" data-widget_type=\"cancro_about_dubai.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"about-dubai cancro-ad-8379db4\">\r\n            <div class=\"bg-orb orb-1\"><\/div>\r\n            \r\n            <style>\r\n                .cancro-ad-8379db4 { font-family: \"DM Sans\", sans-serif; position: relative; overflow: hidden; color: #fff; }\r\n                .cancro-ad-8379db4 .bg-orb {\r\n                    position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; opacity: 0.6;\r\n                }\r\n                .cancro-ad-8379db4 .orb-1 {\r\n                    width: 700px; height: 700px; top: -300px; left: -200px;\r\n                    background: radial-gradient(circle, rgba(238, 78, 109, 0.25) 0%, transparent 70%);\r\n                }\r\n                \r\n                .cancro-ad-8379db4 .dubai-content {\r\n                    max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; position: relative; z-index: 2;\r\n                }\r\n\r\n                \/* Image Side *\/\r\n                .cancro-ad-8379db4 .dubai-visual { position: relative; }\r\n                .cancro-ad-8379db4 .dubai-image {\r\n                    width: 100%; aspect-ratio: 1\/1; border-radius: 24px; overflow: hidden;\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    background: linear-gradient(135deg, #16213e 0%, #1a1a2e 50%, #0a0608 100%);                }\r\n                .cancro-ad-8379db4 .dubai-badge {\r\n                    position: absolute; bottom: -20px; right: 40px; padding: 20px 32px;\r\n                    background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); text-align: center;\r\n                }\r\n                .cancro-ad-8379db4 .dubai-badge-label {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.15em;\r\n                    text-transform: uppercase; color: #a41d49; margin-bottom: 4px;\r\n                }\r\n                .cancro-ad-8379db4 .dubai-badge-text {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 18px; font-weight: 600; color: #3e1225;\r\n                }\r\n\r\n                \/* Text Side *\/\r\n                .cancro-ad-8379db4 .overline {\r\n                    display: inline-flex; align-items: center; gap: 12px; font-family: \"Manrope\", sans-serif;\r\n                    font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; color: #ee4e6d;\r\n                }\r\n                .cancro-ad-8379db4 .overline::before { content: ''; width: 32px; height: 1px; background: currentColor; }\r\n                \r\n                .cancro-ad-8379db4 .title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(36px, 6vw, 64px); font-weight: 600;\r\n                    line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; color: #fff;\r\n                }\r\n                .cancro-ad-8379db4 .title-accent { font-style: italic; font-weight: 400; color: #ee4e6d; }\r\n                \r\n                .cancro-ad-8379db4 .subtitle {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(18px, 2.5vw, 22px);\r\n                    font-weight: 400; line-height: 1.6; max-width: 600px; color: rgba(255, 255, 255, 0.7);\r\n                }\r\n\r\n                \/* Features Grid *\/\r\n                .cancro-ad-8379db4 .dubai-features {\r\n                    display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 48px;\r\n                }\r\n                .cancro-ad-8379db4 .dubai-feature {\r\n                    padding: 28px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px;\r\n                }\r\n                .cancro-ad-8379db4 .dubai-feature-icon {\r\n                    width: 44px; height: 44px; border-radius: 10px; background: rgba(238, 78, 109, 0.15);\r\n                    display: flex; align-items: center; justify-content: center; margin-bottom: 16px;\r\n                }\r\n                .cancro-ad-8379db4 .dubai-feature-icon svg { width: 22px; height: 22px; color: #ee4e6d; }\r\n                \r\n                .cancro-ad-8379db4 .dubai-feature-title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 6px;\r\n                }\r\n                .cancro-ad-8379db4 .dubai-feature-text {\r\n                    font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.5); margin: 0;\r\n                }\r\n\r\n                @media (max-width: 1024px) {\r\n                    .cancro-ad-8379db4 .dubai-content { grid-template-columns: 1fr; gap: 60px; }\r\n                }\r\n                @media (max-width: 768px) {\r\n                    .cancro-ad-8379db4 .dubai-features { grid-template-columns: 1fr; }\r\n                    .cancro-ad-8379db4 .dubai-badge { position: relative; bottom: auto; right: auto; margin-top: 20px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"dubai-content\">\r\n                <div class=\"dubai-visual\">\r\n                    <div class=\"dubai-image\"><\/div>\r\n                    <div class=\"dubai-badge\">\r\n                        <div class=\"dubai-badge-label\">Now Available<\/div>\r\n                        <div class=\"dubai-badge-text\">UAE &amp; GCC<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dubai-text\">\r\n                    <span class=\"overline\">Why Dubai<\/span>\r\n                    <div class=\"title\">The Middle East's first<br\/><span class=\"title-accent\">deuterium-depleted water<\/span><\/div>\r\n                    <div class=\"subtitle\">Dubai leads the world in luxury wellness. We're bringing the next evolution of premium hydration to the region's most discerning consumers.<\/div>\r\n\r\n                    <div class=\"dubai-features\">\r\n                                                <div class=\"dubai-feature\">\r\n                            <div class=\"dubai-feature-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n                            <h3 class=\"dubai-feature-title\">Premium Quality<\/h3>\r\n                            <p class=\"dubai-feature-text\">Lab-tested, certified, and trusted by elite athletes.<\/p>\r\n                        <\/div>\r\n                                                <div class=\"dubai-feature\">\r\n                            <div class=\"dubai-feature-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n                            <h3 class=\"dubai-feature-title\">Global Standards<\/h3>\r\n                            <p class=\"dubai-feature-text\">Meeting UAE&#039;s rigorous import and health standards.<\/p>\r\n                        <\/div>\r\n                                                <div class=\"dubai-feature\">\r\n                            <div class=\"dubai-feature-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n                            <h3 class=\"dubai-feature-title\">Luxury Positioning<\/h3>\r\n                            <p class=\"dubai-feature-text\">Crafted for those who accept nothing but the best.<\/p>\r\n                        <\/div>\r\n                                                <div class=\"dubai-feature\">\r\n                            <div class=\"dubai-feature-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n                            <h3 class=\"dubai-feature-title\">Community<\/h3>\r\n                            <p class=\"dubai-feature-text\">Joining UAE&#039;s thriving wellness ecosystem.<\/p>\r\n                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a2af90 e-con-full e-flex e-con e-parent\" data-id=\"9a2af90\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be3a37d elementor-widget elementor-widget-cancro_about_availability\" data-id=\"be3a37d\" data-element_type=\"widget\" data-widget_type=\"cancro_about_availability.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"about-availability cancro-aa-be3a37d\">\r\n            <div class=\"bg-orb orb-2\"><\/div>\r\n            \r\n            <style>\r\n                .cancro-aa-be3a37d { font-family: \"DM Sans\", sans-serif; position: relative; overflow: hidden; }\r\n                .cancro-aa-be3a37d .bg-orb {\r\n                    position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; opacity: 0.6;\r\n                }\r\n                .cancro-aa-be3a37d .orb-2 {\r\n                    width: 500px; height: 500px; bottom: -150px; left: -150px;\r\n                    background: radial-gradient(circle, rgba(164, 29, 73, 0.08) 0%, transparent 70%);\r\n                }\r\n                \r\n                .cancro-aa-be3a37d .availability-header {\r\n                    text-align: center; max-width: 600px; margin: 0 auto 80px; position: relative; z-index: 2;\r\n                }\r\n\r\n                \/* Header Typography *\/\r\n                .cancro-aa-be3a37d .overline {\r\n                    display: inline-flex; align-items: center; gap: 12px; font-family: \"Manrope\", sans-serif;\r\n                    font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; color: #a41d49;\r\n                }\r\n                .cancro-aa-be3a37d .overline::before { content: ''; width: 32px; height: 1px; background: currentColor; }\r\n                \r\n                .cancro-aa-be3a37d .title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(36px, 6vw, 64px); font-weight: 600;\r\n                    line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; color: #3e1225;\r\n                }\r\n                .cancro-aa-be3a37d .title-accent { font-style: italic; font-weight: 400; color: #a41d49; }\r\n                \r\n                .cancro-aa-be3a37d .subtitle {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(18px, 2.5vw, 22px);\r\n                    font-weight: 400; line-height: 1.6; color: #5a3d47;\r\n                }\r\n                \r\n                \/* Cards Grid *\/\r\n                .cancro-aa-be3a37d .availability-grid {\r\n                    max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; z-index: 2;\r\n                }\r\n                .cancro-aa-be3a37d .availability-card {\r\n                    padding: 40px 32px; background: #fff; border-radius: 20px; text-align: center;\r\n                    box-shadow: 0 4px 32px rgba(62, 18, 37, 0.06); transition: all 0.3s ease;\r\n                }\r\n                .cancro-aa-be3a37d .availability-card:hover { text-decoration: none; transform: translateY(-8px); box-shadow: 0 16px 48px rgba(62, 18, 37, 0.1); }\r\n                \r\n                .cancro-aa-be3a37d .availability-icon {\r\n                    width: 72px; height: 72px; margin: 0 auto 24px; border-radius: 50%; background: #fef1f2;\r\n                    display: flex; align-items: center; justify-content: center;\r\n                }\r\n                .cancro-aa-be3a37d .availability-icon svg { width: 32px; height: 32px; color: #a41d49; }\r\n                \r\n                .cancro-aa-be3a37d .availability-title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 18px; font-weight: 600; color: #3e1225; margin-bottom: 8px;\r\n                }\r\n                .cancro-aa-be3a37d .availability-text { font-size: 14px; line-height: 1.6; color: #5a3d47; margin-bottom: 20px; }\r\n                \r\n                .cancro-aa-be3a37d .availability-link {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 13px; font-weight: 600; color: #a41d49;\r\n                    text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.3s ease;\r\n                }\r\n                .cancro-aa-be3a37d .availability-link:hover { gap: 10px; }\r\n                .cancro-aa-be3a37d .availability-link svg { width: 14px; height: 14px; }\r\n\r\n                @media (max-width: 850px) {\r\n                    .cancro-aa-be3a37d .availability-grid { grid-template-columns: 1fr; gap: 20px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"availability-header\">\r\n                <span class=\"overline\">Availability<\/span>\r\n                <div class=\"title\">Where to find <span class=\"title-accent\">Cancro<\/span><\/div>\r\n                <div class=\"subtitle\">Premium hydration, accessible across the UAE.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"availability-grid\">\r\n                                <div class=\"availability-card\">\r\n                    <div class=\"availability-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\r\n                    <h3 class=\"availability-title\">Online Store<\/h3>\r\n                    <p class=\"availability-text\">Order directly with fast delivery across UAE and GCC.<\/p>\r\n                                        <a class=\"availability-link\" href=\"#\">\r\n                        Shop Now                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/a>\r\n                                    <\/div>\r\n                                <div class=\"availability-card\">\r\n                    <div class=\"availability-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\r\n                    <h3 class=\"availability-title\">Luxury Hotels<\/h3>\r\n                    <p class=\"availability-text\">Available at select 5-star properties across Dubai.<\/p>\r\n                                        <a class=\"availability-link\" href=\"#\">\r\n                        View Partners                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/a>\r\n                                    <\/div>\r\n                                <div class=\"availability-card\">\r\n                    <div class=\"availability-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\r\n                    <h3 class=\"availability-title\">Premium Retail<\/h3>\r\n                    <p class=\"availability-text\">Find us at leading health stores and specialty grocers.<\/p>\r\n                                        <a class=\"availability-link\" href=\"#\">\r\n                        Find Locations                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/a>\r\n                                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6498d3 e-con-full e-flex e-con e-parent\" data-id=\"c6498d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b963fb elementor-widget elementor-widget-cancro_about_distribution\" data-id=\"7b963fb\" data-element_type=\"widget\" data-widget_type=\"cancro_about_distribution.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"about-distribution cancro-adist-7b963fb\">\r\n            <div class=\"bg-orb orb-1\"><\/div>\r\n            \r\n            <style>\r\n                .cancro-adist-7b963fb { font-family: \"DM Sans\", sans-serif; position: relative; overflow: hidden; color: #fff; }\r\n                .cancro-adist-7b963fb .bg-orb {\r\n                    position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; opacity: 0.6;\r\n                }\r\n                .cancro-adist-7b963fb .orb-1 {\r\n                    width: 600px; height: 600px; top: -200px; right: -150px;\r\n                    background: radial-gradient(circle, rgba(164, 29, 73, 0.4) 0%, transparent 70%);\r\n                }\r\n                \r\n                .cancro-adist-7b963fb .distribution-content {\r\n                    max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 2;\r\n                }\r\n\r\n                \/* Text Side *\/\r\n                .cancro-adist-7b963fb .overline {\r\n                    display: inline-flex; align-items: center; gap: 12px; font-family: \"Manrope\", sans-serif;\r\n                    font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; color: #ee4e6d;\r\n                }\r\n                .cancro-adist-7b963fb .overline::before { content: ''; width: 32px; height: 1px; background: currentColor; }\r\n                \r\n                .cancro-adist-7b963fb .title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(36px, 6vw, 64px); font-weight: 600;\r\n                    line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; color: #fff;\r\n                }\r\n                .cancro-adist-7b963fb .title-accent { font-style: italic; font-weight: 400; color: #ee4e6d; }\r\n                \r\n                .cancro-adist-7b963fb .subtitle {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(18px, 2.5vw, 22px);\r\n                    font-weight: 400; line-height: 1.6; color: rgba(255, 255, 255, 0.65);\r\n                }\r\n                \r\n                \/* List *\/\r\n                .cancro-adist-7b963fb .distribution-list { display: flex; flex-direction: column; gap: 16px; margin-top: 32px; }\r\n                .cancro-adist-7b963fb .distribution-item {\r\n                    display: flex; align-items: center; gap: 12px; font-size: 15px; color: rgba(255, 255, 255, 0.7);\r\n                }\r\n                .cancro-adist-7b963fb .distribution-item svg { width: 18px; height: 18px; color: #ee4e6d; flex-shrink: 0; }\r\n                \r\n                \/* Form *\/\r\n                .cancro-adist-7b963fb .distribution-form {\r\n                    background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 40px;\r\n                }\r\n                .cancro-adist-7b963fb .form-title {\r\n                    font-family: \"Manrope\", sans-serif; font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 24px;\r\n                }\r\n                .cancro-adist-7b963fb .form-group { margin-bottom: 20px; }\r\n                .cancro-adist-7b963fb .form-label {\r\n                    display: block; font-family: \"Manrope\", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.1em;\r\n                    text-transform: uppercase; color: rgba(255, 255, 255, 0.5); margin-bottom: 8px;\r\n                }\r\n                .cancro-adist-7b963fb .form-input,\r\n                .cancro-adist-7b963fb .form-textarea {\r\n                    width: 100%; padding: 14px 18px; background: rgba(255, 255, 255, 0.08);\r\n                    border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px;\r\n                    font-family: \"DM Sans\", sans-serif; font-size: 15px; color: #fff; transition: all 0.3s ease;\r\n                }\r\n                .cancro-adist-7b963fb .form-input:focus,\r\n                .cancro-adist-7b963fb .form-textarea:focus {\r\n                    outline: none; border-color: #ee4e6d; background: rgba(255, 255, 255, 0.1);\r\n                }\r\n                .cancro-adist-7b963fb .form-textarea { min-height: 100px; resize: vertical; }\r\n                \r\n                .cancro-adist-7b963fb .form-submit {\r\n                    width: 100%; padding: 16px; background: linear-gradient(135deg, #ee4e6d 0%, #a41d49 100%);\r\n                    border: none; border-radius: 12px; font-family: \"Manrope\", sans-serif; font-size: 14px;\r\n                    font-weight: 600; color: #fff; cursor: pointer; transition: all 0.3s ease;\r\n                }\r\n                .cancro-adist-7b963fb .form-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(238, 78, 109, 0.3); }\r\n\r\n                @media (max-width: 1024px) {\r\n                    .cancro-adist-7b963fb .distribution-content { grid-template-columns: 1fr; gap: 60px; }\r\n                }\r\n                @media (max-width: 480px) {\r\n                    .cancro-adist-7b963fb .distribution-form { padding: 28px 20px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"distribution-content\">\r\n                <div class=\"distribution-text\">\r\n                    <span class=\"overline\">Partner With Us<\/span>\r\n                    <div class=\"title\">Bring Cancro to<br\/><span class=\"title-accent\">your business<\/span><\/div>\r\n                    <div class=\"subtitle\">We're partnering with forward-thinking businesses across the UAE and GCC region.<\/div>\r\n                    \r\n                    <div class=\"distribution-list\">\r\n                                                <div class=\"distribution-item\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n                            <span>Hotels &amp; Resorts<\/span>\r\n                        <\/div>\r\n                                                <div class=\"distribution-item\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n                            <span>Spas &amp; Wellness Centers<\/span>\r\n                        <\/div>\r\n                                                <div class=\"distribution-item\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n                            <span>Gyms &amp; Fitness Studios<\/span>\r\n                        <\/div>\r\n                                                <div class=\"distribution-item\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n                            <span>Premium Retailers<\/span>\r\n                        <\/div>\r\n                                                <div class=\"distribution-item\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n                            <span>Restaurants &amp; Cafes<\/span>\r\n                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"distribution-form\">\r\n                    <h3 class=\"form-title\">Get in Touch<\/h3>\r\n                    \r\n                    <form onsubmit=\"event.preventDefault(); alert('This is a demo form.');\" action=\"\">\r\n                        <div class=\"form-group\">\r\n                            <label class=\"form-label\">Business Name<\/label>\r\n                            <input type=\"text\" class=\"form-input\" placeholder=\"Your company\" \/>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label class=\"form-label\">Contact Email<\/label>\r\n                            <input type=\"email\" class=\"form-input\" placeholder=\"you@company.com\" \/>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label class=\"form-label\">Business Type<\/label>\r\n                            <input type=\"text\" class=\"form-input\" placeholder=\"Hotel, Spa, Retail, etc.\" \/>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label class=\"form-label\">Message<\/label>\r\n                            <textarea class=\"form-textarea\" placeholder=\"Tell us about your interest...\"><\/textarea>\r\n                        <\/div>\r\n                        \r\n                        <button type=\"submit\" class=\"form-submit\">Submit Inquiry<\/button>\r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c6d843 e-flex e-con-boxed e-con e-parent\" data-id=\"4c6d843\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84223ba elementor-widget elementor-widget-cancro_about_closing\" data-id=\"84223ba\" data-element_type=\"widget\" data-widget_type=\"cancro_about_closing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"about-closing cancro-ac-84223ba\">\r\n            <div class=\"bg-orb orb-1\"><\/div>\r\n            <div class=\"bg-orb orb-2\"><\/div>\r\n            \r\n            <style>\r\n                .cancro-ac-84223ba { font-family: \"DM Sans\", sans-serif; position: relative; overflow: hidden; text-align: center; }\r\n                .cancro-ac-84223ba .bg-orb {\r\n                    position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; opacity: 0.6;\r\n                }\r\n                .cancro-ac-84223ba .orb-1 {\r\n                    width: 600px; height: 600px; top: -200px; right: -200px;\r\n                    background: radial-gradient(circle, rgba(238, 78, 109, 0.12) 0%, transparent 70%);\r\n                }\r\n                .cancro-ac-84223ba .orb-2 {\r\n                    width: 500px; height: 500px; bottom: -150px; left: -150px;\r\n                    background: radial-gradient(circle, rgba(164, 29, 73, 0.08) 0%, transparent 70%);\r\n                }\r\n                \r\n                .cancro-ac-84223ba .closing-content {\r\n                    max-width: 800px; margin: 0 auto; position: relative; z-index: 2; padding: 0 24px;\r\n                }\r\n\r\n                .cancro-ac-84223ba .closing-tagline {\r\n                    font-family: \"Manrope\", sans-serif; font-size: clamp(48px, 8vw, 96px); font-weight: 300;\r\n                    letter-spacing: -0.03em; line-height: 1; color: #3e1225; margin-bottom: 32px;\r\n                }\r\n                .cancro-ac-84223ba .closing-tagline em { font-style: italic; color: #a41d49; }\r\n                \r\n                .cancro-ac-84223ba .closing-text {\r\n                    font-size: 18px; line-height: 1.7; color: #5a3d47; margin-bottom: 48px;\r\n                    max-width: 500px; margin-left: auto; margin-right: auto;\r\n                }\r\n                \r\n                .cancro-ac-84223ba .btn-primary {\r\n                    display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: #a41d49;\r\n                    color: #fff; font-family: \"Manrope\", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.05em;\r\n                    text-decoration: none; border-radius: 100px; transition: all 0.3s ease;\r\n                }\r\n                .cancro-ac-84223ba .btn-primary:hover {\r\n                    background: #741034; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(164, 29, 73, 0.25);\r\n                }\r\n                .cancro-ac-84223ba .btn-primary svg { width: 16px; height: 16px; }\r\n            <\/style>\r\n\r\n            <div class=\"closing-content\">\r\n                <h2 class=\"closing-tagline\">Purity is<br\/><em>a choice<\/em><\/h2>\r\n                <p class=\"closing-text\">Every bottle of Cancro represents our commitment to bringing the purest hydration to those who demand excellence.<\/p>\r\n                                <a class=\"btn-primary\" href=\"#\">\r\n                    Experience Cancro                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83e\uddec Our Story We&#8217;re on a mission to redefine hydration India&#039;s first deuterium-depleted water brand Lab-verified 125 PPM concentration Built on peer-reviewed science Shop Now Learn the Science Cancro is committed to transparency and scientific rigor. Our water undergoes rigorous testing to ensure consistent deuterium levels in every bottle. The Science What is deuterium-depleted water? [&hellip;]<\/p>","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-579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/pages\/579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/comments?post=579"}],"version-history":[{"count":10,"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/pages\/579\/revisions"}],"predecessor-version":[{"id":977,"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/pages\/579\/revisions\/977"}],"wp:attachment":[{"href":"https:\/\/dev.cancrodrink.com\/ar\/wp-json\/wp\/v2\/media?parent=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}