{"id":10816,"date":"2026-01-08T17:24:53","date_gmt":"2026-01-08T17:24:53","guid":{"rendered":"https:\/\/valasys.ae\/valasys-dm-new\/?post_type=case_study&#038;p=10816"},"modified":"2026-01-16T20:06:12","modified_gmt":"2026-01-16T14:36:12","slug":"personal-care-story","status":"publish","type":"case_study","link":"https:\/\/valasys.ae\/valasys-dm-new\/case-studies\/website-development\/fmcg\/personal-care-story\/","title":{"rendered":"Website Development &#8211; FMCG &#8211; Personal Care Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10816\" class=\"elementor elementor-10816\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a719b44 e-con-full e-flex e-con e-parent\" data-id=\"a719b44\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b5e6f elementor-widget elementor-widget-html\" data-id=\"62b5e6f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\nmargin: 0;\r\npadding: 0;\r\nbox-sizing: border-box;\r\n}\r\n\r\nbody {\r\nfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\nbackground: #000;\r\ncolor: #fff;\r\noverflow-x: hidden;\r\nline-height: 1.6;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.hero {\r\nmin-height: 70vh;\r\nbackground: #000;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.hero::before {\r\ncontent: '';\r\nposition: absolute;\r\nwidth: 800px;\r\nheight: 800px;\r\nbackground: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\nborder-radius: 50%;\r\ntop: 50%;\r\nleft: 50%;\r\ntransform: translate(-50%, -50%);\r\nanimation: float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n50% { transform: translate(-50%, -55%) scale(1.1); }\r\n}\r\n\r\n.hero-content {\r\nmax-width: 1200px;\r\npadding:10px 40px;\r\nposition: relative;\r\ntext-align: center;\r\n}\r\n\r\n\/* Stat Pills *\/\r\n\/* Desktop default *\/\r\n.stat-pills {\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 20px;\r\nmargin-bottom: 50px;\r\nflex-wrap: nowrap; \/* force single row *\/\r\n}\r\n\r\n\r\n.pill {\r\nbackground: rgba(212, 175, 55, 0.15);\r\nbackdrop-filter: blur(10px);\r\nborder: 1px solid rgba(212, 175, 55, 0.3);\r\npadding: 12px 28px;\r\nborder-radius: 50px;\r\nfont-size:1rem;\r\nfont-weight: 600;\r\ncolor: #EEE3D2;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.pill:hover {\r\nbackground: rgba(212, 175, 55, 0.25);\r\nborder-color: #D29A0C;\r\ntransform: translateY(-2px);\r\n}\r\n\r\n.pill strong {\r\nfont-size: 1.1rem;\r\nmargin-right: 6px;\r\n}\r\n\r\n\/* Hero Typography *\/\r\n.hero-label {\r\ndisplay: inline-block;\r\ncolor: #fff;\r\npadding: 10px 20px;\r\nborder-radius: 50px;\r\nfont-size: 1.5rem;\r\nfont-weight: 700;\r\ntext-transform: uppercase;\r\nletter-spacing: 1px;\r\nmargin-bottom: 10px;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n}\r\n\r\nh1 {\r\nfont-weight: 900;\r\nmargin-bottom: 15px;\r\nline-height: 1.1;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 0.6s forwards;\r\n}\r\n\r\n.hero-subtitle {\r\ncolor: #aaa;\r\nline-height: 1.7;\r\nmax-width: 900px;\r\nmargin: 0 auto 20px;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 0.8s forwards;\r\n}\r\n\r\n\/* Floating Tags *\/\r\n.floating-tags {\r\ndisplay: flex;\r\njustify-content: center;\r\nflex-wrap: wrap;\r\ngap: 12px;\r\nopacity: 0;\r\nanimation: fadeInUp 0.8s ease-out 1s forwards;\r\n}\r\n\r\n.tag {\r\nbackground: rgba(255, 255, 255, 0.05);\r\nborder: 1px solid rgba(255, 255, 255, 0.1);\r\npadding: 10px 20px;\r\nborder-radius: 8px;\r\nfont-size: 0.9rem;\r\nfont-weight: 500;\r\ncolor: #fff;\r\ncursor: pointer;\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.tag::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: -100%;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\r\ntransition: left 0.5s ease;\r\n}\r\n\r\n.tag:hover::before {\r\nleft: 100%;\r\n}\r\n\r\n.tag:hover {\r\nborder-color: #D29A0C;\r\nbackground: rgba(212, 175, 55, 0.1);\r\n}\r\n\r\n@keyframes fadeInUp {\r\nfrom {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\n}\r\nto {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n}\r\n\r\n\/* Goals Section *\/\r\n.goals-section {\r\nbackground: #0a0a0a;\r\npadding: 120px 40px;\r\n}\r\n\r\n.section-container {\r\nmax-width: 1200px;\r\nmargin: 0 auto;\r\n}\r\n\r\n.goals-grid {\r\ndisplay: grid;\r\ngrid-template-columns: 400px auto;\r\ngap: 100px;\r\nalign-items: start;\r\n}\r\n\r\n.goals-header h2 {\r\nfont-size: 2.8rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\nline-height: 1.2;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\n}\r\n\r\n.goals-header .highlight {\r\ncolor: #D29A0C;\r\n}\r\n\r\n.goals-meta {\r\nfont-size: 1.1rem;\r\ncolor: #888;\r\nmargin-bottom: 30px;\r\n}\r\n\r\n.goals-badge {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\nbackground: rgba(212, 175, 55, 0.15);\r\nborder: 1px solid rgba(212, 175, 55, 0.3);\r\npadding: 15px 25px;\r\nborder-radius: 50px;\r\nfont-weight: 700;\r\ncolor: #D29A0C;\r\n}\r\n\r\n.goals-badge span {\r\ndisplay: inline-block;\r\nwidth: 35px;\r\nheight: 35px;\r\nbackground: #D29A0C;\r\ncolor: #000;\r\nborder-radius: 50%;\r\ntext-align: center;\r\nline-height: 35px;\r\nfont-size: 1.02rem;\r\n}\r\n\r\n.goals-list {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 20px;\r\n}\r\n\r\n.goal-card {\r\nbackground: rgba(212, 175, 55, 0.05);\r\nborder:0.2px solid rgba(212, 175, 55, 0.3);\r\npadding: 30px;\r\nborder-radius: 12px;\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nposition: relative;\r\npadding-top: 44px; \/* space for the angled tab *\/\r\n\r\n}\r\n\r\n.goal-card:hover {\r\nbackground: rgba(212, 175, 55, 0.05);\r\nborder-color: rgba(212, 175, 55, 0.3);\r\ntransform: translateX(10px);\r\nborder-left: 4px solid #D29A0C;\r\nborder-radius: 12px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.goal-title {\r\ntext-align: left;\r\nfont-size: 1.02rem;\r\nfont-weight: 600;\r\ncolor: #fff;\r\n}\r\n\r\n.goal-chip {\r\nposition: absolute;\r\ntop: 0;\r\nright: 0;\r\n\r\nbackground: linear-gradient(150deg, #D29A0C 0%, #fff 100%);\r\ncolor: #000;\r\n\r\npadding: 10px 22px 12px 26px;\r\nfont-size: 0.72rem;\r\nfont-weight: 800;\r\nletter-spacing: 0.6px;\r\ntext-transform: uppercase;\r\n\r\n\/* Angled cut shape *\/\r\nclip-path: polygon(\r\n-12% 0,\r\n100% 0,\r\n100% 100%,\r\n0 100%,\r\n0 35%\r\n);\r\n\r\nborder-top-right-radius: 12px;\r\nborder-bottom-left-radius: 10px;\r\nwhite-space: nowrap;\r\n}\r\n\r\n\/* Results Section *\/\r\n.results-section {\r\nbackground: #fff;\r\ncolor: #000;\r\npadding: 120px 40px;\r\n}\r\n\r\n.results-header {\r\ntext-align: center;\r\nmargin-bottom: 80px;\r\n}\r\n\r\n.results-header h2 {\r\nfont-size: 4rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\nbackground: linear-gradient(135deg, #000 0%, #D29A0C 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\n}\r\n\r\n.results-subtext {\r\nfont-size: 1.3rem;\r\ncolor: #666;\r\n}\r\n\r\n.metrics-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 30px;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.metric-card {\r\nbackground: #000;\r\npadding: 60px 40px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\ntransition: all 0.4s ease;\r\n}\r\n\r\n.metric-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, transparent 100%);\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.metric-card:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.metric-card:hover {\r\ntransform: translateY(-10px);\r\nbox-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.metric-value {\r\nfont-size: 4.5rem;\r\nfont-weight: 900;\r\nbackground: linear-gradient(135deg, #D29A0C 0%, #fff 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\nmargin-bottom: 15px;\r\nline-height: 1;\r\n}\r\n\r\n.metric-label {\r\nfont-size: 1.2rem;\r\ncolor: #fff;\r\nfont-weight: 600;\r\ntext-transform: uppercase;\r\nletter-spacing: 1px;\r\n}\r\n\r\n\/* Approach Section *\/\r\n.approach-section {\r\nbackground: #0a0a0a;\r\npadding: 120px 40px;\r\n}\r\n\r\n.approach-header {\r\ntext-align: center;\r\nmargin-bottom: 80px;\r\n}\r\n\r\n.approach-header h2 {\r\nfont-size: 3.5rem;\r\nfont-weight: 900;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.approach-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 40px;\r\n}\r\n\r\n.approach-card {\r\nbackground: rgba(255, 255, 255, 0.02);\r\nborder: 1px solid rgba(255, 255, 255, 0.08);\r\npadding: 50px;\r\nborder-radius: 20px;\r\ntransition: all 0.4s ease;\r\nposition: relative;\r\n}\r\n\r\n.approach-card::after {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nborder-radius: 20px;\r\npadding: 2px;\r\nbackground: linear-gradient(135deg, #D29A0C, transparent);\r\n-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n-webkit-mask-composite: xor;\r\nmask-composite: exclude;\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.approach-card:hover::after {\r\nopacity: 1;\r\n}\r\n\r\n.approach-card:hover {\r\nbackground: rgba(255, 255, 255, 0.05);\r\ntransform: translateY(-5px);\r\n}\r\n\r\n.approach-number {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 60px;\r\nheight: 60px;\r\nbackground: linear-gradient(135deg, #fff 0%, #D29A0C 100%);\r\ncolor:#000000;\r\nborder-radius: 50%;\r\nfont-weight: 900;\r\nfont-size: 1.5rem;\r\nmargin-bottom: 25px;\r\n}\r\n\r\n.approach-title {\r\nfont-size: 1.8rem;\r\nfont-weight: 700;\r\nbackground: linear-gradient(135deg, #fff 0%, #D29A0C 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.approach-desc {\r\nfont-size: 1.1rem;\r\ncolor: #aaa;\r\nline-height: 1.7;\r\n}\r\n\r\n\/* Quote Section *\/\r\n.quote-section {\r\nbackground: linear-gradient(135deg, #D29A0C 0%, #f4d03f 100%);\r\npadding: 100px 40px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.quote-section::before {\r\ncontent: '\"';\r\nposition: absolute;\r\nfont-size: 20rem;\r\nfont-weight: 900;\r\ncolor: rgba(0, 0, 0, 0.05);\r\ntop: -50px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nline-height: 1;\r\n}\r\n\r\n.quote-content {\r\nmax-width: 1000px;\r\nmargin: 0 auto;\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-text {\r\nfont-size: 2rem;\r\nfont-weight: 600;\r\ncolor: #000;\r\nline-height: 1.6;\r\nmargin-bottom: 30px;\r\nfont-style: italic;\r\n}\r\n\r\n.quote-author {\r\nfont-size: 1.2rem;\r\nfont-weight: 700;\r\ncolor: #000;\r\n}\r\n\r\n\/* CTA Section *\/\r\n.cta-section {\r\nbackground: #000;\r\npadding: 120px 40px;\r\ntext-align: center;\r\n}\r\n\r\n.cta-section h2 {\r\nfont-size: 3.5rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\nbackground: linear-gradient(135deg, #f4d03f, #D29A0C);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\n}\r\n\r\n.cta-subtitle {\r\nfont-size: 1.3rem;\r\ncolor: #888;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.cta-button {\r\ndisplay: inline-block;\r\nbackground: #D29A0C;\r\ncolor: #000;\r\npadding: 15px 30px;\r\nborder-radius: 50px;\r\nfont-size: 1rem;\r\nfont-weight: 700;\r\ntext-decoration: none;\r\ntransition: all 0.3s ease;\r\ntext-transform: uppercase;\r\nletter-spacing: 1px;\r\nbox-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.cta-button:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 15px 40px rgba(212, 175, 55, 0.5);\r\n}\r\n\r\n\/* Hide by default *\/\r\n.mobile-marquee-section {\r\ndisplay: none;\r\n}\r\n\r\n\r\n\/* ============================= *\/\r\n\/* GLOBAL RESPONSIVE IMPROVEMENTS *\/\r\n\/* ============================= *\/\r\n\r\n\/* Desktop *\/\r\n @media (min-width: 1200px) and (max-width: 1439px) {\r\n.stat-pills{\r\nmargin-top:2%;\r\n}\r\n.hero-content,\r\n.section-container {\r\npadding-left: 24px;\r\npadding-right: 24px;\r\n}\r\n}\r\n\r\n\r\n\/* Laptop (768px \u2013 1024px) *\/\r\n\r\n\r\n@media (max-width: 1024px) {\r\n\/* HERO *\/\r\nh1 {\r\nfont-size: 3rem;\r\n}\r\n\r\n.hero-subtitle {\r\nfont-size: 1rem;\r\nmax-width: 700px;\r\n}\r\n\r\n.stat-pills {\r\nmargin-bottom: 50px;\r\n}\r\n\r\n\r\n\/* GOALS *\/\r\n.goals-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.goal-card {\r\nflex-direction: column;\r\nalign-items: flex-start;\r\ngap: 15px;\r\n}\r\n\r\n\/* METRICS *\/\r\n.metrics-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n.metric-value {\r\nfont-size: 3.2rem;\r\n}\r\n\r\n\/* APPROACH *\/\r\n.approach-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n\/* QUOTE *\/\r\n.quote-text {\r\nfont-size: 1.6rem;\r\n}\r\n.cta-button:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 15px 40px rgba(212, 175, 55, 0.5);\r\n}\r\n.hero .cta-button {\r\npadding: 16px 36px;\r\nfont-size: 0.9rem;\r\nborder-radius: 50px;\r\n}\r\n}\r\n\r\n\r\n\/* Large MOBILE (\u2264768px) *\/\r\n@media (max-width: 768px) {\r\n\r\n\r\n\/* HERO CONTAINER *\/\r\n.hero {\r\npadding: 80px 16px 70px;\r\nbackground: radial-gradient(\r\ncircle at top,\r\nrgba(212, 175, 55, 0.18),\r\n#000 65%\r\n);\r\n}\r\n\r\n.hero-content {\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\ntext-align: center;\r\n}\r\n\r\n\r\n\/* HERO LABEL *\/\r\n.hero-label {\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nletter-spacing: 1px;\r\ntext-transform: uppercase;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.hero h1 {\r\nfont-size: 1.9rem;\r\nline-height: 1.25;\r\nmargin-bottom: 16px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n.hero-subtitle {\r\nfont-size: 0.95rem;\r\nline-height: 1.6;\r\nmax-width: 420px;\r\nmargin-bottom: 32px;\r\ncolor: #c7c7c7;\r\n}\r\n\r\n\/* CTA *\/\r\n.hero .section-container {\r\nwidth: 100%;\r\ndisplay: flex;\r\njustify-content: center;\r\n}\r\n\r\n.hero .cta-button {\r\npadding: 16px 36px;\r\nfont-size: 0.9rem;\r\nborder-radius: 50px;\r\n}\r\n\r\n.stat-pills {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr); \/* 2 columns *\/\r\ngap: 14px 18px; \/* row-gap | column-gap *\/\r\njustify-items: center; \/* center pills inside cells *\/\r\n}\r\n\r\n.stat-pills .pill {\r\npadding: 10px 20px;\r\nwidth: 100%;\r\ntext-align: center;\r\nfont-size: 0.9rem;\r\n}\r\n\r\n\r\n.pill strong {\r\nfont-size: 1rem;\r\nmargin-right: 4px;\r\n}\r\n\r\n\/* Goal section *\/\r\n.goals-section {\r\npadding: 50px 20px;\r\n}\r\n\r\n.section-container {\r\nmargin: 0 auto;\r\n}\r\n\r\n.goals-grid {\r\n\r\n}\r\n\r\n.goals-header{\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;  \r\n}\r\n\r\n.goals-header h2 {\r\ntext-align: center;\r\nline-height: 1.2;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.goals-header .highlight {\r\nfont-size: 1.9rem;\r\n}\r\n\r\n.goals-meta {\r\nfont-size: 1rem;\r\ntext-align: center;\r\nmargin-bottom: 25px;\r\n}\r\n\r\n.goals-badge {\r\ntext-align: center;\r\nfont-size: 1rem;\r\npadding: 12px 30px;\r\nmargin: 0 auto;        \/* \ud83d\udc48 safety fallback *\/\r\n\r\n\r\n}\r\n\r\n.goals-badge span {\r\n\r\nwidth: 30px;\r\nheight: 30px;\r\nline-height: 30px;\r\nfont-size: 1rem;\r\n}\r\n\r\n.goals-list {\r\nmargin-top:-5%;\r\n}\r\n\r\n\r\n\r\n.goal-title {\r\nfont-size: 0.9rem;\r\nfont-weight: 600;\r\n}\r\n\r\n.goal-chip {\r\npadding: 8px 15px;\r\nfont-size: 0.8rem;\r\nfont-weight: 700;\r\nletter-spacing: 0.5px;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.highlight{\r\nfont-size: 1.9rem;\r\n}\r\n\r\n.results-section {\r\npadding: 60px 15px 20px 15px;\r\n}\r\n\r\n.results-header {\r\ntext-align: center;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.results-header h2 {\r\nfont-size: 1.9rem;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.results-subtext {\r\nfont-size: 1.1rem;\r\npadding: 0 25px;\r\n}\r\n\r\n.metrics-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(1, 1fr);\r\ngap: 20px;\r\nmargin-bottom: 40px;\r\n}\r\n\r\n.metric-card {\r\nmargin:0 10%;\r\npadding: 35px 15px;\r\nborder-radius: 20px;\r\n}\r\n\r\n\r\n.metric-value {\r\nfont-size: 2.2rem;\r\nfont-weight: 900;\r\nmargin-bottom: 15px;\r\nline-height: 1;\r\n}\r\n\r\n.metric-label {\r\nfont-size: 1.2rem;\r\nfont-weight: 600;\r\nletter-spacing: 1px;\r\n}\r\n\r\n\r\n\r\n\/* APPROACH *\/\r\n.approach-section {\r\npadding: 60px 20px 40px 20px;\r\n}\r\n\r\n.approach-header h2 {\r\nfont-size: 1.9rem;\r\nmargin-bottom:-8%;\r\n}\r\n\r\n.approach-grid {\r\ngap: 25px;\r\n}\r\n\r\n.approach-card {\r\nmargin:0 8%;\r\npadding: 35px 15px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\n}\r\n\r\n.approach-number {\r\nwidth:50px;\r\nheight: 50px;\r\nfont-size: 18px;\r\nmargin-bottom: 18px;\r\n}\r\n\r\n.approach-title {\r\nfont-size: 1rem;\r\nfont-weight: 700;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.approach-desc {\r\nfont-size: 0.9rem;\r\nline-height: 1.5;\r\n}\r\n\r\n\/* QUOTE *\/\r\n.quote-section {\r\npadding: 70px 20px;\r\n}\r\n\r\n.quote-text {\r\nfont-size: 1.1rem;\r\n}\r\n\r\n\/* CTA *\/\r\n.cta-section {\r\npadding: 80px 20px;\r\n}\r\n\r\n.cta-section h2 {\r\nfont-size: 1.9rem;\r\n}\r\n\r\n.cta-subtitle{\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.cta-button {\r\npadding: 15px 35px;\r\nfont-size: 1rem;\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE (\u2264480px) *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n\/* Hero Section *\/\r\n.hero {\r\npadding: 0;\r\nheight: 85vh;\r\n}\r\n\r\n\/* HERO LABEL *\/\r\n.hero-label {\r\nfont-size: 0.7rem;\r\n}\r\n\r\n\/* TITLE *\/\r\n.hero h1 {\r\nfont-size: 1.3rem;\r\nline-height: 1.25;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n.hero-subtitle {\r\nfont-size: 0.95rem;\r\nline-height: 1.8;\r\nmargin-bottom: 35px;\r\ncolor: #c7c7c7;\r\n}\r\n\r\n\r\n.hero .cta-button {\r\npadding: 15px 30px;\r\nfont-size: 0.8rem;\r\n}\r\n\r\n\r\n.stat-pills{\r\ndisplay: none;\r\n}\r\n\r\n\/* Goals Section *\/\r\n\r\n.goals-section {\r\npadding: 50px 20px;\r\n}\r\n\r\n.section-container {\r\nmargin: 0 auto;\r\n}\r\n\r\n.goals-grid {\r\n\r\n}\r\n\r\n.goals-header{\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;  \r\n}\r\n\r\n.goals-header h2 {\r\ntext-align: center;\r\nline-height: 1.2;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.goals-header .highlight {\r\nfont-size: 1.5rem;\r\n}\r\n\r\n.goals-meta {\r\nfont-size: 1rem;\r\ntext-align: center;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.goals-badge {\r\ntext-align: center;\r\nfont-size: 1rem;\r\npadding: 12px 25px;\r\nmargin: 0 auto;        \/* \ud83d\udc48 safety fallback *\/\r\n\r\n\r\n}\r\n\r\n.goals-badge span {\r\n\r\nwidth: 30px;\r\nheight: 30px;\r\nline-height: 30px;\r\nfont-size: 1rem;\r\n}\r\n\r\n.goals-list {\r\nmargin-top:-15%;\r\n}\r\n\r\n\r\n\r\n.goal-title {\r\nfont-size: 0.9rem;\r\nfont-weight: 600;\r\n}\r\n\r\n.goal-chip {\r\npadding: 5px 12px;\r\nfont-size: 0.7rem;\r\nfont-weight: 700;\r\nletter-spacing: 0.5px;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.highlight{\r\nfont-size: 1.9rem;\r\n}\r\n\r\n\r\n\/* Result Section *\/\r\n\r\n.results-section {\r\npadding: 50px 15px 40px 15px;\r\n}\r\n\r\n.results-header {\r\ntext-align: center;\r\nmargin-bottom: 80px;\r\n}\r\n\r\n.results-header h2 {\r\nfont-size: 1.3rem;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.results-subtext {\r\nfont-size: 1rem;\r\npadding: 0 10px;\r\n}\r\n\r\n\r\n\r\n\r\n.results-section .metrics-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr); \/* \ud83d\udc48 3 columns *\/\r\ngap: 5px;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.results-section .metric-card {\r\npadding: 18px 10px;\r\nborder-radius: 12px;\r\nmin-height: 90px;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\nbackground: #000;\r\nbox-shadow: 0 6px 16px rgba(0,0,0,0.35);\r\n}\r\n\r\n.results-section .metric-value {\r\nfont-size: 1.3rem;\r\nfont-weight: 900;\r\nline-height: 1;\r\nmargin-bottom: 6px;\r\nbackground: linear-gradient(135deg, #D29A0C 0%, #fff 100%);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\n}\r\n\r\n.results-section .metric-label {\r\nfont-size: 0.65rem;\r\nfont-weight: 700;\r\nletter-spacing: 0.6px;\r\ntext-transform: uppercase;\r\ncolor: #fff;\r\nline-height: 1.3;\r\n}\r\n\r\n\/* Reduce header spacing so grid feels tight & premium *\/\r\n.results-header {\r\nmargin-bottom: 30px;\r\n}\r\n\r\n\r\n\r\n\/* Approach Section *\/\r\n.approach-section {\r\npadding: 80px 20px;\r\n}\r\n\r\n.approach-header {\r\ntext-align: center;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.approach-header h2 {\r\nfont-size: 1.3rem;\r\nfont-weight: 900;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n.approach-grid {\r\ngap: 15px;\r\n}\r\n\r\n.approach-card {\r\nmargin:0 8%;\r\npadding: 25px 10px;\r\nborder-radius: 20px;\r\n}\r\n\r\n.approach-number {\r\nwidth:50px;\r\nheight: 50px;\r\nfont-size: 18px;\r\nmargin-bottom: 18px;\r\n}\r\n\r\n.approach-title {\r\nfont-size: 1rem;\r\nfont-weight: 700;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.approach-desc {\r\nfont-size: 0.9rem;\r\nline-height: 1.5;\r\n}\r\n\r\n\r\n\/* Quote Section *\/\r\n.quote-section {\r\npadding: 80px 20px;\r\n\r\n}\r\n\r\n.quote-text {\r\nfont-size: 2rem;\r\nfont-weight: 600;\r\nline-height: 1.6;\r\nmargin-bottom: 30px;\r\n\r\n}\r\n\r\n.quote-author {\r\nfont-size: 1.2rem;\r\nfont-weight: 700;\r\ncolor: #000;\r\n}\r\n\r\n.quote-text {\r\nfont-size: 0.9rem;\r\n}\r\n\r\n.quote-author{\r\nfont-size: 0.9rem;    \r\n}\r\n\r\n.cta-subtitle{\r\nfont-size:0.9rem;\r\n}\r\n.cta-section h2{\r\nfont-size: 1.3rem;\r\n}\r\n\r\n.cta-button{\r\npadding:10px 20px;\r\nfont-size:0.7rem;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\/* Show only on mobile *\/\r\n@media (max-width: 480px) {\r\n.mobile-marquee-section {\r\ndisplay: flex;              \/* \ud83d\udc48 important *\/\r\nalign-items: center;        \/* \ud83d\udc48 vertical centering *\/\r\njustify-content: center;    \/* \ud83d\udc48 horizontal safety *\/\r\nheight: 100px;              \/* your fixed height *\/\r\npadding: 20px 14px;\r\n}\r\n\r\n.mobile-marquee {\r\nwidth: 100%;\r\nmax-width: 100%;\r\npadding: 14px 0;\r\nborder-radius: 14px;\r\nbackground: rgba(255, 255, 255, 0.08);\r\nbackdrop-filter: blur(12px);\r\n-webkit-backdrop-filter: blur(12px);\r\nbox-shadow: 0 6px 22px rgba(0,0,0,0.45);\r\noverflow: hidden;\r\nposition: relative;\r\ndisplay: flex;\r\nalign-items: center;  \r\n}\r\n\r\n\/* Fade edges *\/\r\n.mobile-marquee::before,\r\n.mobile-marquee::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ntop: 10%;\r\nwidth: 50px;\r\nheight: 100%;\r\nz-index: 2;\r\n}\r\n\r\n.mobile-marquee::before {\r\nleft: 0;\r\nbackground: linear-gradient(to right, #0f0f0f, transparent);\r\n}\r\n\r\n.mobile-marquee::after {\r\nright: 0;\r\nbackground: linear-gradient(to left, #0f0f0f, transparent);\r\n}\r\n\r\n.mobile-track {\r\ndisplay: flex;\r\nwidth: max-content;\r\nanimation: mobileMarquee 18s linear infinite;\r\n}\r\n\r\n.mobile-track span {\r\ndisplay: flex;\r\nalign-items: center;\r\nmargin-right: 36px;\r\nfont-size: 15px;\r\nletter-spacing: 0.3px;\r\ncolor: #f1f1f1;\r\nwhite-space: nowrap;\r\nposition: relative;\r\npadding-right: 25px; \r\n}\r\n\r\n.mobile-track span b {\r\ncolor: #d4af37;\r\nfont-weight: 600;\r\nmargin-right: 6px;  \r\n}\r\n\r\n.mobile-track span::after {\r\ncontent: \"\u2022\";\r\nposition: absolute;\r\nright: -15px;\r\ntop: 50%;\r\ntransform: translateY(-55%);\r\nfont-size: 45px;\r\ncolor: #d4af37; \/* premium gold *\/\r\nopacity: 0.9;\r\ntext-shadow: 0 0 6px rgba(212,175,55,0.6);\r\n\r\n}\r\n\r\n\/* Remove dot after last visible item in loop *\/\r\n.mobile-track span:last-child::after {\r\ndisplay: none;\r\n}\r\n\r\n\r\n\r\n@keyframes mobileMarquee {\r\nfrom {\r\ntransform: translateX(0);\r\n}\r\nto {\r\ntransform: translateX(-50%);\r\n}\r\n}\r\n\r\n\/* Pause on touch *\/\r\n.mobile-marquee:active .mobile-track {\r\nanimation-play-state: paused;\r\n}\r\n}\r\n\r\n\/* Scroll Animations *\/\r\n.fade-in {\r\nopacity: 0;\r\ntransform: translateY(40px);\r\ntransition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.fade-in.visible {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n\r\n\/* Delayed fade specifically for CTA *\/\r\n.fade-in-delay {\r\nopacity: 0;\r\ntransform: translateY(40px);\r\ntransition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\ntransition-delay: 0.3s; \/* AFTER paragraph *\/\r\n}\r\n\r\n.fade-in-delay.visible {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"hero\">\r\n<div class=\"hero-content\">\r\n    <div class=\"stat-pills\">\r\n        <div class=\"pill\"><strong>Natural<\/strong>Personal Care Brand<\/div>\r\n        \r\n        <div class=\"pill\"><strong>Organic<\/strong>Certified Products<\/div>\r\n        \r\n        <div class=\"pill\"><strong>Cruelty-Free<\/strong>& Sustainable<\/div>\r\n        \r\n        <div class=\"pill\"><strong>Direct-to-Consumer<\/strong>Focus<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-label\">Problem Statement<\/div>\r\n    <h1>The Personal Care Story<\/h1>\r\n    <p class=\"hero-subtitle\">\r\n      A natural personal care brand needed a website educating consumers on natural ingredients while driving both direct and retail sales.\r\n    <\/p>\r\n    \r\n    <div class=\"section-container fade-in-delay\">\r\n       <a href=\"\" class=\"cta-button fade-in hs-cta-trigger-button hs-cta-trigger-button-201038088286\">Schedule Free Website Audit<\/a>\r\n   <\/div> \r\n\r\n    <!-- <div class=\"floating-tags\">\r\n        <div class=\"tag\">The Market<\/div>\r\n        <div class=\"tag\">The Behavior<\/div>\r\n        <div class=\"tag\">The Gap<\/div>\r\n        <div class=\"tag\">The Mission<\/div>\r\n        <div class=\"tag\">The Challenge<\/div>\r\n        <div class=\"tag\">The Solution<\/div>\r\n    <\/div> -->\r\n    \r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Goals Section -->\r\n<section class=\"goals-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"goals-grid\">\r\n        <div class=\"goals-header\">\r\n            <h2><span class=\"highlight\">Campaign Goals<\/span><\/h2>\r\n            <p class=\"goals-meta\">Built to perform during and beyond the campaign.<\/p>\r\n            <div class=\"goals-badge\">\r\n                <span>4<\/span>\r\n                Goals guiding the strategy\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"goals-list\">\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Educate on Natural Products<\/div>\r\n                <div class=\"goal-chip\">Consumer Education<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Drive E-commerce Sales<\/div>\r\n                <div class=\"goal-chip\">Direct Revenue<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Build Brand Trust<\/div>\r\n                <div class=\"goal-chip\">Credibility<\/div>\r\n            <\/div>\r\n            <div class=\"goal-card fade-in\">\r\n                <div class=\"goal-title\">Support Retail Partners<\/div>\r\n                <div class=\"goal-chip\">Channel Support<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"mobile-marquee-section\">\r\n  <div class=\"mobile-marquee\">\r\n    <div class=\"mobile-track\">\r\n      <span><b>Natural<\/b>Personal Care Brand<\/span>\r\n      <span><b>Organic<\/b>Certified Products<\/span>\r\n      <span><b>Cruelty-Free<\/b>& Sustainable<\/span>\r\n      <span><b>Direct-to-Consumer<\/b>Focus<\/span>\r\n\r\n      <!-- duplicate for seamless loop -->\r\n    <span><b>Natural<\/b>Personal Care Brand<\/span>\r\n      <span><b>Organic<\/b>Certified Products<\/span>\r\n      <span><b>Cruelty-Free<\/b>& Sustainable<\/span>\r\n      <span><b>Direct-to-Consumer<\/b>Focus<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Results Section -->\r\n<section class=\"results-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"results-header\">\r\n        <h2>Natural Beauty Success<\/h2>\r\n        <p class=\"results-subtext\">From basic shop to beauty education destination<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"metrics-grid\">\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+267%<\/div>\r\n            <div class=\"metric-label\">E-commerce Revenue<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+198%<\/div>\r\n            <div class=\"metric-label\">Time on Site<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+178%<\/div>\r\n            <div class=\"metric-label\">Product Page Views<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"metrics-grid\">\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">+156%<\/div>\r\n            <div class=\"metric-label\">Add to Cart Rate<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">-32%<\/div>\r\n            <div class=\"metric-label\">Cart Abandonment<\/div>\r\n        <\/div>\r\n        <div class=\"metric-card fade-in\">\r\n            <div class=\"metric-value\">1.9s<\/div>\r\n            <div class=\"metric-label\">Page Load Speed<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Approach Section -->\r\n<section class=\"approach-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"approach-header\">\r\n        <h2>Our Strategic Approach<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"approach-grid\">\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">01<\/div>\r\n            <div class=\"approach-title\">Education-First Design<\/div>\r\n            <p class=\"approach-desc\">Built comprehensive ingredient education into shopping experience.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">02<\/div>\r\n            <div class=\"approach-title\">Product Finder Tools<\/div>\r\n            <p class=\"approach-desc\">Created quiz and recommendation tools.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">03<\/div>\r\n            <div class=\"approach-title\">Trust Building Elements<\/div>\r\n            <p class=\"approach-desc\">Integrated certifications and reviews throughout.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"approach-card fade-in\">\r\n            <div class=\"approach-number\">04<\/div>\r\n            <div class=\"approach-title\">Subscription Platform<\/div>\r\n            <p class=\"approach-desc\">Built recurring purchase options.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Quote Section -->\r\n<section class=\"quote-section\">\r\n<div class=\"quote-content fade-in\">\r\n    <p class=\"quote-text\">\r\n        \"Our website educates and converts. Consumers trust us because we help them make informed choices.\"\r\n    <\/p>\r\n    <div class=\"quote-author fade-in\">- E-commerce Manager, Personal Care Brand<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"cta-section\">\r\n<div class=\"section-container fade-in\">\r\n    <h2 class=\"fade-in\">Ready for Similar Results?<\/h2>\r\n    <p class=\"cta-subtitle fade-in\">We specialize in website development that converts visitors into customers.<\/p>\r\n    <a href=\"\" class=\"cta-button fade-in hs-cta-trigger-button hs-cta-trigger-button-201038088286\">Schedule Free Website Audit<\/a>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Intersection Observer for scroll animations\r\nconst observerOptions = {\r\n    threshold: 0.15,\r\n    rootMargin: '0px 0px -50px 0px'\r\n};\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n        if (entry.isIntersecting) {\r\n            setTimeout(() => {\r\n                entry.target.classList.add('visible');\r\n            }, index * 100);\r\n        }\r\n    });\r\n}, observerOptions);\r\n\r\ndocument.querySelectorAll('.fade-in, .fade-in-delay').forEach(el => {\r\n    observer.observe(el);\r\n});\r\n\r\n\/\/ Interactive tag clicks\r\ndocument.querySelectorAll('.tag').forEach(tag => {\r\n    tag.addEventListener('click', function() {\r\n        this.style.transform = 'scale(0.95)';\r\n        setTimeout(() => {\r\n            this.style.transform = 'scale(1)';\r\n        }, 150);\r\n    });\r\n});\r\n\r\n\/\/ Goal card hover effect\r\ndocument.querySelectorAll('.goal-card').forEach(card => {\r\n    card.addEventListener('mouseenter', function() {\r\n        this.style.borderLeftWidth = '6px';\r\n    });\r\n    card.addEventListener('mouseleave', function() {\r\n        this.style.borderLeftWidth = '4px';\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NaturalPersonal Care Brand OrganicCertified Products Cruelty-Free&#038; Sustainable Direct-to-ConsumerFocus Problem Statement The Personal Care Story A natural personal care brand needed a website educating consumers on natural ingredients while driving both direct and retail sales. Schedule Free Website Audit Campaign Goals Built to perform during and beyond the campaign. 4 Goals guiding the strategy Educate on Natural Products Consumer Education Drive E-commerce Sales Direct Revenue Build Brand Trust Credibility Support Retail Partners Channel Support NaturalPersonal Care Brand OrganicCertified Products Cruelty-Free&#038; Sustainable Direct-to-ConsumerFocus NaturalPersonal Care Brand OrganicCertified Products Cruelty-Free&#038; Sustainable Direct-to-ConsumerFocus Natural Beauty Success From basic shop to beauty education destination +267% E-commerce Revenue +198% Time on Site +178% Product Page Views +156% Add to Cart Rate -32% Cart Abandonment 1.9s Page Load Speed Our Strategic Approach 01 Education-First Design Built comprehensive ingredient education into shopping experience. 02 Product Finder Tools Created quiz and recommendation tools. 03 Trust Building Elements Integrated certifications and reviews throughout. 04 Subscription Platform Built recurring purchase options. &#8220;Our website educates and converts. Consumers trust us because we help them make informed choices.&#8221; &#8211; E-commerce Manager, Personal Care Brand Ready for Similar Results? We specialize in website development that converts visitors into customers. Schedule Free Website Audit<\/p>\n","protected":false},"featured_media":0,"template":"elementor_header_footer","meta":{"content-type":""},"service":[59],"industry":[62],"class_list":["post-10816","case_study","type-case_study","status-publish","hentry","service-website-development","industry-fmcg"],"acf":[],"_links":{"self":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/types\/case_study"}],"version-history":[{"count":7,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10816\/revisions"}],"predecessor-version":[{"id":13376,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/case_study\/10816\/revisions\/13376"}],"wp:attachment":[{"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/media?parent=10816"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/service?post=10816"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/valasys.ae\/valasys-dm-new\/wp-json\/wp\/v2\/industry?post=10816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}