{"id":2037,"date":"2026-05-26T02:57:53","date_gmt":"2026-05-25T23:57:53","guid":{"rendered":"https:\/\/qeccoo.com\/?page_id=2037"},"modified":"2026-05-28T21:05:36","modified_gmt":"2026-05-28T18:05:36","slug":"design-my-space","status":"publish","type":"page","link":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/design-my-space\/","title":{"rendered":"Design My Space"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2037\" class=\"elementor elementor-2037\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-4d91ae00 e-flex e-con-boxed e-con e-parent\" data-id=\"4d91ae00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a4739f3 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"5a4739f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p><\/p>\n\n\n\n\n\n<p><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-898cf8d e-flex e-con-boxed e-con e-parent\" data-id=\"898cf8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa27939 elementor-widget elementor-widget-html\" data-id=\"fa27939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n<title>Design My Space \u2014 Qeccoo<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n  --black: #0a0a0a;\r\n  --white: #ffffff;\r\n  --off: #FAFAF8;\r\n  --beige: #F7F4EF;\r\n  --gray: #ECEAE6;\r\n  --mid: #AAAAAA;\r\n  --light: #F5F3EF;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  background: var(--white);\r\n  color: var(--black);\r\n  font-family: 'DM Sans', sans-serif;\r\n  max-width: 480px; margin: 0 auto;\r\n  overflow-x: hidden; padding-bottom: 72px;\r\n}\r\n\r\n\/* NAV *\/\r\n.nav {\r\n  position: sticky; top: 0; z-index: 100;\r\n  background: var(--white); border-bottom: 1px solid var(--gray);\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 14px 20px;\r\n}\r\n.home-btn {\r\n  font-size: 10px; font-weight: 500; letter-spacing: 2px;\r\n  text-transform: uppercase; color: var(--mid); text-decoration: none;\r\n  display: flex; align-items: center; gap: 6px;\r\n}\r\n.home-btn:hover { color: var(--black); }\r\n.nav-right { display: flex; gap: 10px; align-items: center; }\r\n.lang-toggle {\r\n  background: none; border: 1px solid var(--gray); color: var(--mid);\r\n  font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\r\n  padding: 6px 10px; cursor: pointer; font-family: 'DM Sans', sans-serif;\r\n}\r\n.nav-cta {\r\n  padding: 8px 16px; background: #141414; color: var(--white);\r\n  font-size: 10px; font-weight: 500; letter-spacing: 2px;\r\n  text-transform: uppercase; text-decoration: none;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero {\r\n  background: #141414;\r\n  background-size: cover; background-position: center;\r\n  padding: 52px 24px 0;\r\n  min-height: 88vh;\r\n  display: flex; flex-direction: column; justify-content: space-between;\r\n  position: relative; overflow: hidden;\r\n}\r\n.hero-overlay { position: absolute; inset: 0; background: rgba(10,10,10,0.65); pointer-events: none; }\r\n.hero-content { position: relative; z-index: 2; }\r\n.hero-eyebrow {\r\n  font-size: 10px; letter-spacing: 4px; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3); margin-bottom: 20px;\r\n  display: flex; align-items: center; gap: 10px;\r\n}\r\n.hero-eyebrow::before { content: ''; width: 20px; height: 1px; background: rgba(255,255,255,0.2); }\r\n.hero-title {\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 36px; font-weight: 700; line-height: 1.1;\r\n  color: var(--white); margin-bottom: 20px; letter-spacing: -0.5px;\r\n}\r\n.hero-title em { font-style: normal; color: rgba(255,255,255,0.35); }\r\n.hero-desc {\r\n  font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45);\r\n  line-height: 1.8; margin-bottom: 32px;\r\n}\r\n.hero-btn-primary {\r\n  display: flex; align-items: center; justify-content: center;\r\n  padding: 16px 24px; background: var(--white); color: var(--black);\r\n  font-family: 'Syne', sans-serif;\r\n  font-size: 11px; font-weight: 700; letter-spacing: 2px;\r\n  text-transform: uppercase; text-decoration: none; margin-bottom: 10px;\r\n}\r\n.hero-btn-secondary {\r\n  display: flex; align-items: center; justify-content: center;\r\n  padding: 14px 24px; background: transparent; color: rgba(255,255,255,0.35);\r\n  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\r\n  text-decoration: none; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 40px;\r\n}\r\n.hero-stats { position: relative; z-index: 2; display: flex; border-top: 1px solid rgba(255,255,255,0.06); }\r\n.hero-stat { flex: 1; padding: 18px 0; border-right: 1px solid rgba(255,255,255,0.06); text-align: center; }\r\n.hero-stat:last-child { border-right: none; }\r\n.hero-stat-num {\r\n  font-family: 'Syne', sans-serif; font-size: 18px; font-weight: 700;\r\n  color: var(--white); display: block; letter-spacing: -0.5px;\r\n}\r\n.hero-stat-label { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.3); display: block; margin-top: 3px; }\r\n\r\n\/* SPACES *\/\r\n.spaces { background: var(--beige); padding: 56px 20px 0; }\r\n.s-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--mid); margin-bottom: 8px; }\r\n.s-title { font-family: 'Syne', sans-serif; font-size: 28px; font-weight: 700; color: var(--black); line-height: 1.1; margin-bottom: 12px; letter-spacing: -0.5px; }\r\n.s-title em { font-style: normal; color: var(--mid); }\r\n.s-desc { font-size: 13px; font-weight: 300; color: var(--mid); line-height: 1.7; margin-bottom: 32px; }\r\n.spaces-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin: 0 -20px; }\r\n.space-block {\r\n  position: relative; background-color: #111;\r\n  background-size: cover; background-position: center;\r\n  overflow: hidden; aspect-ratio: 1;\r\n}\r\n.space-block::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 60%); }\r\n.space-block-inner { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 16px; }\r\n.space-block-num { font-size: 9px; letter-spacing: 2px; color: rgba(255,255,255,0.3); display: block; margin-bottom: 4px; font-family: 'Syne', sans-serif; }\r\n.space-block-name { font-family: 'Syne', sans-serif; font-size: 14px; font-weight: 700; color: var(--white); line-height: 1.2; }\r\n.space-block-sub { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-top: 3px; }\r\n\r\n\/* PHILOSOPHY *\/\r\n.phil { background: #141414; padding: 56px 20px; }\r\n.phil-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 8px; }\r\n.phil-title { font-family: 'Syne', sans-serif; font-size: 26px; font-weight: 700; color: var(--white); line-height: 1.1; margin-bottom: 14px; letter-spacing: -0.5px; }\r\n.phil-title em { font-style: normal; color: rgba(255,255,255,0.3); }\r\n.phil-body { font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.4); line-height: 1.9; margin-bottom: 32px; }\r\n.phil-items { display: flex; flex-direction: column; gap: 1px; }\r\n.phil-item { padding: 18px 0; border-top: 1px solid rgba(255,255,255,0.06); display: flex; gap: 16px; }\r\n.phil-item:last-child { border-bottom: 1px solid rgba(255,255,255,0.06); }\r\n.phil-item-num { font-size: 10px; letter-spacing: 2px; color: rgba(255,255,255,0.2); flex-shrink: 0; padding-top: 2px; font-family: 'Syne', sans-serif; }\r\n.phil-item-title { font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 4px; }\r\n.phil-item-desc { font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.4); line-height: 1.7; }\r\n\r\n\/* PACKAGES *\/\r\n.packages { background: var(--off); padding: 56px 20px; }\r\n.pkg-header { text-align: center; margin-bottom: 28px; }\r\n.pkg-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--mid); margin-bottom: 8px; }\r\n.pkg-title { font-family: 'Syne', sans-serif; font-size: 26px; font-weight: 700; color: var(--black); margin-bottom: 6px; letter-spacing: -0.5px; }\r\n.pkg-title em { font-style: normal; color: var(--mid); }\r\n.pkg-sub { font-size: 11px; color: var(--mid); }\r\n.pkg-scroll-wrap { margin: 0 -20px; padding: 0 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }\r\n.pkg-scroll-wrap::-webkit-scrollbar { display: none; }\r\n.pkg-cards { display: flex; gap: 12px; width: max-content; padding-bottom: 4px; }\r\n.pkg-card { width: 280px; flex-shrink: 0; display: flex; flex-direction: column; border: 1px solid var(--gray); overflow: hidden; background: var(--white); }\r\n.pkg-tab { background: #141414; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; }\r\n.pkg-tab-name { font-family: 'Syne', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--white); }\r\n.pkg-popular { font-size: 8px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--black); background: var(--beige); padding: 3px 8px; }\r\n.pkg-body { padding: 22px 20px; flex: 1; display: flex; flex-direction: column; gap: 14px; }\r\n.pkg-name { font-family: 'Syne', sans-serif; font-size: 18px; font-weight: 700; color: var(--black); }\r\n.pkg-tagline { font-size: 11px; color: var(--mid); margin-top: -6px; line-height: 1.5; }\r\n.pkg-features { list-style: none; display: flex; flex-direction: column; gap: 8px; }\r\n.pkg-features li { font-size: 12px; font-weight: 300; color: #555; display: flex; align-items: flex-start; gap: 10px; line-height: 1.4; }\r\n.pkg-features li::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #141414; margin-top: 6px; flex-shrink: 0; }\r\n.pkg-note { font-size: 10px; color: var(--mid); line-height: 1.6; padding-top: 10px; border-top: 1px solid var(--gray); }\r\n.pkg-bottom { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-top: 1px solid var(--gray); }\r\n.pkg-price-num { font-family: 'Syne', sans-serif; font-size: 28px; font-weight: 700; line-height: 1; color: var(--black); letter-spacing: -0.5px; }\r\n.pkg-price-kd { font-size: 11px; color: var(--mid); }\r\n.pkg-btn { padding: 11px 16px; background: #141414; color: var(--white); font-family: 'Syne', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; display: inline-block; }\r\n.pkg-dots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }\r\n.pkg-dot { width: 18px; height: 2px; background: var(--gray); cursor: pointer; transition: all 0.3s; }\r\n.pkg-dot.active { background: #141414; width: 32px; }\r\n.pkg-chat { margin-top: 20px; }\r\n.pkg-chat a { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 20px; border: 1px solid var(--gray); color: var(--mid); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }\r\n.pkg-chat a:hover { border-color: var(--black); color: var(--black); }\r\n\r\n\/* PROCESS *\/\r\n.process { background: var(--white); padding: 56px 20px; }\r\n.process-steps { display: flex; flex-direction: column; gap: 2px; margin-top: 28px; }\r\n.process-step { background: var(--off); padding: 22px 20px; display: flex; gap: 18px; border: 1px solid var(--gray); }\r\n.process-num { font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 500; color: var(--gray); line-height: 1; flex-shrink: 0; letter-spacing: 1px; }\r\n.process-title { font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 700; color: var(--black); margin-bottom: 6px; }\r\n.process-desc { font-size: 12px; font-weight: 300; color: var(--mid); line-height: 1.7; }\r\n\r\n\/* FORM *\/\r\n.form-section { background: var(--beige); padding: 56px 20px; border-top: 1px solid var(--gray); }\r\n.form-header { text-align: center; margin-bottom: 36px; }\r\n.form-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--mid); margin-bottom: 8px; }\r\n.form-title { font-family: 'Syne', sans-serif; font-size: 26px; font-weight: 700; color: var(--black); line-height: 1.1; margin-bottom: 10px; letter-spacing: -0.5px; }\r\n.form-title em { font-style: normal; color: var(--mid); }\r\n.form-sub { font-size: 13px; color: var(--mid); font-weight: 300; }\r\n.qec-form { display: flex; flex-direction: column; gap: 22px; max-width: 600px; margin: 0 auto; }\r\n.form-packages { display: flex; flex-direction: column; gap: 2px; }\r\n.form-pkg-label { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--mid); margin-bottom: 10px; }\r\n.form-pkg-option { display: none; }\r\n.form-pkg-option + label { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border: 1px solid var(--gray); cursor: pointer; transition: all 0.2s; background: var(--white); }\r\n.form-pkg-option:checked + label { border-color: var(--black); background: #141414; color: var(--white); }\r\n.form-pkg-name { font-family: 'Syne', sans-serif; font-size: 14px; font-weight: 700; }\r\n.form-pkg-price { font-size: 11px; letter-spacing: 2px; color: var(--mid); }\r\n.form-pkg-option:checked + label .form-pkg-price { color: rgba(255,255,255,0.4); }\r\n.form-group { display: flex; flex-direction: column; gap: 8px; }\r\n.form-group label { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--mid); }\r\n.form-group input, .form-group textarea { width: 100%; padding: 13px 16px; border: 1px solid var(--gray); background: var(--white); font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 300; color: var(--black); outline: none; transition: border-color 0.2s; border-radius: 0; -webkit-appearance: none; }\r\n.form-group input:focus, .form-group textarea:focus { border-color: var(--black); }\r\n.form-group textarea { min-height: 110px; resize: vertical; }\r\n.form-contact-options { display: flex; gap: 2px; }\r\n.form-contact-radio { display: none; }\r\n.form-contact-radio + label { flex: 1; padding: 11px 8px; text-align: center; border: 1px solid var(--gray); cursor: pointer; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--mid); transition: all 0.2s; }\r\n.form-contact-radio:checked + label { border-color: var(--black); background: #141414; color: var(--white); }\r\n.form-toggle-options { display: flex; gap: 2px; }\r\n.form-toggle-radio { display: none; }\r\n.form-toggle-radio + label { flex: 1; padding: 13px; text-align: center; border: 1px solid var(--gray); cursor: pointer; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--mid); transition: all 0.2s; line-height: 1.4; }\r\n.form-toggle-radio:checked + label { border-color: var(--black); background: #141414; color: var(--white); }\r\n.form-deposit { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--gray); background: var(--white); }\r\n.form-deposit input[type=\"checkbox\"] { display: none; }\r\n.form-deposit-check { width: 18px; height: 18px; border: 1px solid var(--gray); flex-shrink: 0; cursor: pointer; position: relative; margin-top: 2px; transition: all 0.2s; }\r\n.form-deposit input[type=\"checkbox\"]:checked ~ .form-deposit-check { background: #141414; border-color: var(--black); }\r\n.form-deposit input[type=\"checkbox\"]:checked ~ .form-deposit-check::after { content: '\u2713'; position: absolute; top: -1px; left: 2px; font-size: 13px; color: var(--white); }\r\n.form-deposit-text { font-size: 12px; font-weight: 300; color: var(--mid); line-height: 1.6; }\r\n.form-deposit-text strong { color: var(--black); font-weight: 600; }\r\n.form-submit { padding: 16px 24px; background: #141414; color: var(--white); font-family: 'Syne', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; border: none; cursor: pointer; width: 100%; }\r\n.form-submit:hover { opacity: 0.85; }\r\n.form-submit:disabled { opacity: 0.3; cursor: not-allowed; }\r\n.form-note { font-size: 11px; color: var(--mid); text-align: center; }\r\n.form-success { display: none; text-align: center; padding: 48px 24px; border: 1px solid var(--gray); background: var(--white); }\r\n.form-success-icon { font-size: 32px; margin-bottom: 14px; }\r\n.form-success-title { font-family: 'Syne', sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 10px; }\r\n.form-success-sub { font-size: 13px; color: var(--mid); font-weight: 300; line-height: 1.7; }\r\n.form-pkg-option.js-selected + label { border-color: var(--black) !important; background: #141414 !important; color: var(--white) !important; }\r\n.form-pkg-option.js-selected + label .form-pkg-price { color: rgba(255,255,255,0.4) !important; }\r\n\r\n\/* STICKY CTA *\/\r\n.sticky-cta { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 480px; z-index: 200; background: #141414; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.06); }\r\n.sticky-cta-text { font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 300; line-height: 1.5; }\r\n.sticky-cta-text strong { font-family: 'Syne', sans-serif; font-weight: 700; color: var(--white); display: block; }\r\n.sticky-cta-btn { padding: 11px 22px; background: var(--white); color: var(--black); font-family: 'Syne', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; flex-shrink: 0; }\r\n\r\n\/* FOOTER *\/\r\n.footer { background: #141414; padding: 36px 20px; text-align: center; display: flex; flex-direction: column; gap: 18px; align-items: center; }\r\n.footer-links { display: flex; gap: 24px; }\r\n.footer-links a { font-size: 10px; color: rgba(255,255,255,0.25); letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }\r\n.footer-links a:hover { color: rgba(255,255,255,0.6); }\r\n.footer-copy { font-size: 10px; color: rgba(255,255,255,0.12); }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (min-width: 768px) {\r\n  body { max-width: 100%; }\r\n  .nav { padding: 14px 48px; }\r\n  .hero { padding: 80px 48px 0; }\r\n  .hero-title { font-size: 56px; }\r\n  .spaces { padding: 80px 48px 0; }\r\n  .spaces-grid { grid-template-columns: 1fr 1fr 1fr; margin: 0 -48px; }\r\n  .phil { padding: 80px 48px; }\r\n  .packages { padding: 80px 48px; }\r\n  .pkg-scroll-wrap { margin: 0; }\r\n  .pkg-cards { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }\r\n  .pkg-card { width: 100%; }\r\n  .process { padding: 80px 48px; }\r\n  .process-steps { flex-direction: row; gap: 12px; }\r\n  .process-step { flex: 1; flex-direction: column; }\r\n  .form-section { padding: 80px 48px; }\r\n  .form-packages { flex-direction: row; }\r\n  .form-pkg-option + label { flex-direction: column; align-items: flex-start; gap: 4px; flex: 1; }\r\n  .footer { padding: 48px; flex-direction: row; justify-content: space-between; }\r\n  .sticky-cta { max-width: 100%; padding: 14px 48px; }\r\n}\r\n@media (min-width: 1024px) {\r\n  .nav { padding: 14px 80px; }\r\n  .hero { padding: 100px 80px 0; }\r\n  .hero-title { font-size: 72px; }\r\n  .spaces { padding: 100px 80px 0; }\r\n  .spaces-grid { grid-template-columns: 1fr 1fr 1fr 1fr; margin: 0 -80px; }\r\n  .phil { padding: 100px 80px; }\r\n  .packages { padding: 100px 80px; }\r\n  .process { padding: 100px 80px; }\r\n  .form-section { padding: 100px 80px; }\r\n  .footer { padding: 56px 80px; }\r\n  .sticky-cta { max-width: 100%; padding: 14px 80px; }\r\n}\r\n\r\n:root {\r\n  --hero-image: url('');\r\n  --block-1: url(''); --block-2: url(''); --block-3: url('');\r\n  --block-4: url(''); --block-5: url(''); --block-6: url('');\r\n  --block-7: url(''); --block-8: url('');\r\n}\r\n.hero { background-image: var(--hero-image) !important; }\r\n.space-block-1 { background-image: var(--block-1) !important; }\r\n.space-block-2 { background-image: var(--block-2) !important; }\r\n.space-block-3 { background-image: var(--block-3) !important; }\r\n.space-block-4 { background-image: var(--block-4) !important; }\r\n.space-block-5 { background-image: var(--block-5) !important; }\r\n.space-block-6 { background-image: var(--block-6) !important; }\r\n.space-block-7 { background-image: var(--block-7) !important; }\r\n.space-block-8 { background-image: var(--block-8) !important; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav class=\"nav\">\r\n  <a href=\"https:\/\/qeccoo.com\" class=\"home-btn\">\r\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 12H5M12 5l-7 7 7 7\"\/><\/svg>\r\n    Home\r\n  <\/a>\r\n  <div class=\"nav-right\">\r\n    <button class=\"lang-toggle\" id=\"langBtn\" onclick=\"toggleLang()\">\u0639\u0631\u0628\u064a<\/button>\r\n    <a href=\"#packages\" class=\"nav-cta\" data-en=\"Book Now\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u0627\u0644\u0622\u0646\">Book Now<\/a>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-overlay\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <p class=\"hero-eyebrow\" data-en=\"Design My Space\" data-ar=\"\u0635\u0645\u0645\u064a \u0645\u0633\u0627\u062d\u062a\u0643\">Design My Space<\/p>\r\n    <h1 class=\"hero-title\" data-en=\"Every space shaped around <em>your family.<\/em>\" data-ar=\"\u0643\u0644 \u0645\u0633\u0627\u062d\u0629 \u0645\u0635\u0645\u0645\u0629 \u062d\u0648\u0644 <em>\u0639\u0627\u0626\u0644\u062a\u0643.<\/em>\">Every space shaped around <em>your family.<\/em><\/h1>\r\n    <p class=\"hero-desc\" data-en=\"From nurseries to gardens, bathrooms to full family homes \u2014 we design spaces that work beautifully for children and feel refined for adults. No compromise.\" data-ar=\"\u0645\u0646 \u0627\u0644\u062d\u0636\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062d\u062f\u0627\u0626\u0642\u060c \u0627\u0644\u062d\u0645\u0627\u0645\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0628\u064a\u0648\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u2014 \u0646\u0635\u0645\u0645 \u0645\u0633\u0627\u062d\u0627\u062a \u062c\u0645\u064a\u0644\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0631\u0627\u0642\u064a\u0629 \u0644\u0644\u0643\u0628\u0627\u0631. \u0628\u062f\u0648\u0646 \u062a\u0646\u0627\u0632\u0644.\">From nurseries to gardens, bathrooms to full family homes \u2014 we design spaces that work beautifully for children and feel refined for adults. No compromise.<\/p>\r\n    <a href=\"#packages\" class=\"hero-btn-primary\" data-en=\"Start My Project \u2192\" data-ar=\"\u2190 \u0627\u0628\u062f\u0623\u064a \u0645\u0634\u0631\u0648\u0639\u0643\">Start My Project \u2192<\/a>\r\n    <a href=\"#spaces\" class=\"hero-btn-secondary\" data-en=\"See What We Design\" data-ar=\"\u0634\u0627\u0647\u062f\u064a \u0645\u0627 \u0646\u0635\u0645\u0645\u0647\">See What We Design<\/a>\r\n  <\/div>\r\n  <div class=\"hero-stats\">\r\n    <div class=\"hero-stat\"><span class=\"hero-stat-num\">\u221e<\/span><span class=\"hero-stat-label\" data-en=\"Spaces We Design\" data-ar=\"\u0645\u0633\u0627\u062d\u0627\u062a \u0646\u0635\u0645\u0645\u0647\u0627\">Spaces We Design<\/span><\/div>\r\n    <div class=\"hero-stat\"><span class=\"hero-stat-num\">3<\/span><span class=\"hero-stat-label\" data-en=\"Tailored Packages\" data-ar=\"\u0628\u0627\u0642\u0627\u062a \u0645\u062e\u0635\u0635\u0629\">Tailored Packages<\/span><\/div>\r\n    <div class=\"hero-stat\"><span class=\"hero-stat-num\">30KD<\/span><span class=\"hero-stat-label\" data-en=\"To Reserve\" data-ar=\"\u0644\u0644\u062d\u062c\u0632\">To Reserve<\/span><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"spaces\" id=\"spaces\">\r\n  <p class=\"s-eyebrow\" data-en=\"What We Design\" data-ar=\"\u0645\u0627\u0630\u0627 \u0646\u0635\u0645\u0645\">What We Design<\/p>\r\n  <h2 class=\"s-title\" data-en=\"Every corner <em>of your home.<\/em>\" data-ar=\"\u0643\u0644 \u0631\u0643\u0646 <em>\u0641\u064a \u0628\u064a\u062a\u0643\u0645.<\/em>\">Every corner <em>of your home.<\/em><\/h2>\r\n  <p class=\"s-desc\" data-en=\"No space is too big or too small. We design anything that touches your family's daily life \u2014 beautifully.\" data-ar=\"\u0644\u0627 \u064a\u0648\u062c\u062f \u0645\u0643\u0627\u0646 \u0643\u0628\u064a\u0631 \u0623\u0648 \u0635\u063a\u064a\u0631 \u062c\u062f\u0627\u064b. \u0646\u0635\u0645\u0645 \u0643\u0644 \u0645\u0627 \u064a\u0644\u0645\u0633 \u062d\u064a\u0627\u0629 \u0639\u0627\u0626\u0644\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u2014 \u0628\u0634\u0643\u0644 \u062c\u0645\u064a\u0644.\">No space is too big or too small. We design anything that touches your family's daily life \u2014 beautifully.<\/p>\r\n  <div class=\"spaces-grid\">\r\n    <div class=\"space-block space-block-1\"><div class=\"space-block-inner\"><span class=\"space-block-num\">01<\/span><div class=\"space-block-name\" data-en=\"Children's Bedrooms\" data-ar=\"\u063a\u0631\u0641 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\">Children's Bedrooms<\/div><div class=\"space-block-sub\" data-en=\"Nurseries \u00b7 Shared \u00b7 Teen\" data-ar=\"\u062d\u0636\u0627\u0646\u0629 \u00b7 \u0645\u0634\u062a\u0631\u0643\u0629 \u00b7 \u0645\u0631\u0627\u0647\u0642\u0648\u0646\">Nurseries \u00b7 Shared \u00b7 Teen<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-2\"><div class=\"space-block-inner\"><span class=\"space-block-num\">02<\/span><div class=\"space-block-name\" data-en=\"Play Rooms\" data-ar=\"\u063a\u0631\u0641 \u0627\u0644\u0623\u0644\u0639\u0627\u0628\">Play Rooms<\/div><div class=\"space-block-sub\" data-en=\"Indoor Play \u00b7 Creative Zones\" data-ar=\"\u062f\u0627\u062e\u0644\u064a\u0629 \u00b7 \u0625\u0628\u062f\u0627\u0639\u064a\u0629\">Indoor Play \u00b7 Creative Zones<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-3\"><div class=\"space-block-inner\"><span class=\"space-block-num\">03<\/span><div class=\"space-block-name\" data-en=\"Gardens & Outdoor\" data-ar=\"\u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\">Gardens & Outdoor<\/div><div class=\"space-block-sub\" data-en=\"Play Gardens \u00b7 Family Outdoor\" data-ar=\"\u062d\u062f\u0627\u0626\u0642 \u00b7 \u0645\u0633\u0627\u062d\u0627\u062a \u062e\u0627\u0631\u062c\u064a\u0629\">Play Gardens \u00b7 Family Outdoor<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-4\"><div class=\"space-block-inner\"><span class=\"space-block-num\">04<\/span><div class=\"space-block-name\" data-en=\"Bathrooms\" data-ar=\"\u0627\u0644\u062d\u0645\u0627\u0645\u0627\u062a\">Bathrooms<\/div><div class=\"space-block-sub\" data-en=\"Kid-Friendly \u00b7 Family\" data-ar=\"\u0645\u0644\u0627\u0626\u0645\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u00b7 \u0639\u0627\u0626\u0644\u064a\u0629\">Kid-Friendly \u00b7 Family<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-5\"><div class=\"space-block-inner\"><span class=\"space-block-num\">05<\/span><div class=\"space-block-name\" data-en=\"Full Homes & Apartments\" data-ar=\"\u0628\u064a\u0648\u062a \u0648\u0634\u0642\u0642 \u0643\u0627\u0645\u0644\u0629\">Full Homes & Apartments<\/div><div class=\"space-block-sub\" data-en=\"Kids-Friendly \u00b7 No Style Compromise\" data-ar=\"\u0645\u0644\u0627\u0626\u0645\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u00b7 \u0628\u062f\u0648\u0646 \u062a\u0646\u0627\u0632\u0644\">Kids-Friendly \u00b7 No Style Compromise<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-6\"><div class=\"space-block-inner\"><span class=\"space-block-num\">06<\/span><div class=\"space-block-name\" data-en=\"Nurseries\" data-ar=\"\u063a\u0631\u0641 \u0627\u0644\u0631\u0636\u0639\">Nurseries<\/div><div class=\"space-block-sub\" data-en=\"Newborn \u00b7 Safe \u00b7 Calm\" data-ar=\"\u0645\u0648\u0627\u0644\u064a\u062f \u00b7 \u0622\u0645\u0646\u0629 \u00b7 \u0647\u0627\u062f\u0626\u0629\">Newborn \u00b7 Safe \u00b7 Calm<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-7\"><div class=\"space-block-inner\"><span class=\"space-block-num\">07<\/span><div class=\"space-block-name\" data-en=\"Study Rooms\" data-ar=\"\u063a\u0631\u0641 \u0627\u0644\u062f\u0631\u0627\u0633\u0629\">Study Rooms<\/div><div class=\"space-block-sub\" data-en=\"Focus \u00b7 Inspire \u00b7 Learn\" data-ar=\"\u062a\u0631\u0643\u064a\u0632 \u00b7 \u0625\u0644\u0647\u0627\u0645 \u00b7 \u062a\u0639\u0644\u0645\">Focus \u00b7 Inspire \u00b7 Learn<\/div><\/div><\/div>\r\n    <div class=\"space-block space-block-8\"><div class=\"space-block-inner\"><span class=\"space-block-num\">08<\/span><div class=\"space-block-name\" data-en=\"Closets & Storage\" data-ar=\"\u0627\u0644\u062e\u0632\u0627\u0626\u0646 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646\">Closets & Storage<\/div><div class=\"space-block-sub\" data-en=\"Smart \u00b7 Tidy \u00b7 Beautiful\" data-ar=\"\u0630\u0643\u064a \u00b7 \u0645\u0646\u0638\u0645 \u00b7 \u062c\u0645\u064a\u0644\">Smart \u00b7 Tidy \u00b7 Beautiful<\/div><\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"phil\">\r\n  <p class=\"phil-eyebrow\" data-en=\"Our Belief\" data-ar=\"\u0641\u0644\u0633\u0641\u062a\u0646\u0627\">Our Belief<\/p>\r\n  <h2 class=\"phil-title\" data-en=\"Designed for children. <em>Loved by parents.<\/em>\" data-ar=\"\u0645\u0635\u0645\u0645 \u0644\u0644\u0623\u0637\u0641\u0627\u0644. <em>\u064a\u064f\u0639\u062c\u0628 \u0627\u0644\u0623\u0647\u0644.<\/em>\">Designed for children. <em>Loved by parents.<\/em><\/h2>\r\n  <p class=\"phil-body\" data-en=\"A family home doesn't choose between beautiful and functional. We design spaces where children thrive and parents feel proud \u2014 every single time.\" data-ar=\"\u0627\u0644\u0628\u064a\u062a \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0644\u0627 \u064a\u062e\u062a\u0627\u0631 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629. \u0646\u0635\u0645\u0645 \u0645\u0633\u0627\u062d\u0627\u062a \u064a\u0632\u062f\u0647\u0631 \u0641\u064a\u0647\u0627 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u064a\u0641\u062e\u0631 \u0628\u0647\u0627 \u0627\u0644\u0623\u0647\u0644 \u2014 \u0641\u064a \u0643\u0644 \u0645\u0631\u0629.\">A family home doesn't choose between beautiful and functional. We design spaces where children thrive and parents feel proud \u2014 every single time.<\/p>\r\n  <div class=\"phil-items\">\r\n    <div class=\"phil-item\"><span class=\"phil-item-num\">01<\/span><div><div class=\"phil-item-title\" data-en=\"Child-First Thinking\" data-ar=\"\u062a\u0641\u0643\u064a\u0631 \u064a\u0628\u062f\u0623 \u0628\u0627\u0644\u0637\u0641\u0644\">Child-First Thinking<\/div><div class=\"phil-item-desc\" data-en=\"Every decision starts with how your child will live, play, and grow in the space.\" data-ar=\"\u0643\u0644 \u0642\u0631\u0627\u0631 \u064a\u0628\u062f\u0623 \u0628\u0643\u064a\u0641\u064a\u0629 \u0645\u0639\u064a\u0634\u0629 \u0637\u0641\u0644\u0643 \u0641\u064a \u0627\u0644\u0645\u0643\u0627\u0646.\">Every decision starts with how your child will live, play, and grow in the space.<\/div><\/div><\/div>\r\n    <div class=\"phil-item\"><span class=\"phil-item-num\">02<\/span><div><div class=\"phil-item-title\" data-en=\"No Compromise on Style\" data-ar=\"\u0628\u062f\u0648\u0646 \u062a\u0646\u0627\u0632\u0644 \u0639\u0646 \u0627\u0644\u0623\u0646\u0627\u0642\u0629\">No Compromise on Style<\/div><div class=\"phil-item-desc\" data-en=\"Kid-friendly doesn't mean colorful chaos. We create spaces adults are proud of.\" data-ar=\"\u0645\u0644\u0627\u0626\u0645 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0644\u0627 \u064a\u0639\u0646\u064a \u0641\u0648\u0636\u0649 \u0645\u0644\u0648\u0646\u0629. \u0646\u0635\u0645\u0645 \u0645\u0633\u0627\u062d\u0627\u062a \u064a\u0641\u062e\u0631 \u0628\u0647\u0627 \u0627\u0644\u0643\u0628\u0627\u0631.\">Kid-friendly doesn't mean colorful chaos. We create spaces adults are proud of.<\/div><\/div><\/div>\r\n    <div class=\"phil-item\"><span class=\"phil-item-num\">03<\/span><div><div class=\"phil-item-title\" data-en=\"Tailored, Not Generic\" data-ar=\"\u0645\u062e\u0635\u0635 \u0644\u0643\u0645\">Tailored, Not Generic<\/div><div class=\"phil-item-desc\" data-en=\"Every project is unique to your family, your space, and your vision.\" data-ar=\"\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0641\u0631\u064a\u062f \u0644\u0639\u0627\u0626\u0644\u062a\u0643 \u0648\u0645\u0633\u0627\u062d\u062a\u0643 \u0648\u0631\u0624\u064a\u062a\u0643.\">Every project is unique to your family, your space, and your vision.<\/div><\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"packages\" id=\"packages\">\r\n  <div class=\"pkg-header\">\r\n    <p class=\"pkg-eyebrow\" data-en=\"Our Packages\" data-ar=\"\u0628\u0627\u0642\u0627\u062a\u0646\u0627\">Our Packages<\/p>\r\n    <h2 class=\"pkg-title\" data-en=\"Choose your <em>design journey.<\/em>\" data-ar=\"\u0627\u062e\u062a\u0627\u0631\u064a <em>\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u064a\u0629.<\/em>\">Choose your <em>design journey.<\/em><\/h2>\r\n    <p class=\"pkg-sub\" data-en=\"Swipe to explore \u2192\" data-ar=\"\u2190 \u0627\u0633\u062d\u0628\u064a \u0644\u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641\">Swipe to explore \u2192<\/p>\r\n  <\/div>\r\n  <div class=\"pkg-scroll-wrap\">\r\n    <div class=\"pkg-cards\">\r\n      <div class=\"pkg-card\" data-package=\"Room Starter - 120 KD\">\r\n        <div class=\"pkg-tab\"><span class=\"pkg-tab-name\" data-en=\"Starter\" data-ar=\"\u0627\u0644\u0628\u062f\u0627\u064a\u0629\">Starter<\/span><\/div>\r\n        <div class=\"pkg-body\">\r\n          <div><div class=\"pkg-name\" data-en=\"Room Starter\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0627\u064a\u0629\">Room Starter<\/div><div class=\"pkg-tagline\" data-en=\"A smarter, more beautiful space \u2014 without the complexity.\" data-ar=\"\u0645\u0633\u0627\u062d\u0629 \u0623\u062c\u0645\u0644 \u0648\u0623\u0630\u0643\u0649 \u2014 \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f.\">A smarter, more beautiful space \u2014 without the complexity.<\/div><\/div>\r\n          <ul class=\"pkg-features\">\r\n            <li data-en=\"Curated moodboard for your family\" data-ar=\"\u0644\u0648\u062d\u0629 \u0623\u0641\u0643\u0627\u0631 \u0645\u062e\u062a\u0627\u0631\u0629 \u0644\u0639\u0627\u0626\u0644\u062a\u0643\">Curated moodboard for your family<\/li>\r\n            <li data-en=\"Floor plan: furniture & zone placement\" data-ar=\"\u0645\u062e\u0637\u0637 \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u062b\u0627\u062b\">Floor plan: furniture & zone placement<\/li>\r\n            <li data-en=\"Furniture & decor recommendations\" data-ar=\"\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0623\u062b\u0627\u062b \u0648\u062f\u064a\u0643\u0648\u0631\">Furniture & decor recommendations<\/li>\r\n            <li data-en=\"Concise shopping list\" data-ar=\"\u0642\u0627\u0626\u0645\u0629 \u062a\u0633\u0648\u0642 \u0645\u062e\u062a\u0635\u0631\u0629\">Concise shopping list<\/li>\r\n          <\/ul>\r\n          <p class=\"pkg-note\" data-en=\"\u2726 Ideal for a well-thought-out refresh without overwhelming detail.\" data-ar=\"\u2726 \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062b \u0645\u062f\u0631\u0648\u0633 \u0628\u062f\u0648\u0646 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0631\u0647\u0642\u0629.\">\u2726 Ideal for a well-thought-out refresh without overwhelming detail.<\/p>\r\n        <\/div>\r\n        <div class=\"pkg-bottom\"><div><span class=\"pkg-price-num\">120<\/span><span class=\"pkg-price-kd\"> KD<\/span><\/div><a href=\"#form\" class=\"pkg-btn\" data-en=\"Book Now\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u0627\u0644\u0622\u0646\">Book Now<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"pkg-card\" data-package=\"Room Concept - 220 KD\">\r\n        <div class=\"pkg-tab\"><span class=\"pkg-tab-name\" data-en=\"Concept\" data-ar=\"\u0627\u0644\u0645\u0641\u0647\u0648\u0645\">Concept<\/span><span class=\"pkg-popular\" data-en=\"Most Popular\" data-ar=\"\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b\">Most Popular<\/span><\/div>\r\n        <div class=\"pkg-body\">\r\n          <div><div class=\"pkg-name\" data-en=\"Room Concept\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0641\u0647\u0648\u0645\">Room Concept<\/div><div class=\"pkg-tagline\" data-en=\"See your space before anything moves.\" data-ar=\"\u0634\u0627\u0647\u062f\u064a \u0645\u0633\u0627\u062d\u062a\u0643 \u0642\u0628\u0644 \u0623\u064a \u062a\u063a\u064a\u064a\u0631.\">See your space before anything moves.<\/div><\/div>\r\n          <ul class=\"pkg-features\">\r\n            <li data-en=\"Detailed moodboard & styling direction\" data-ar=\"\u0644\u0648\u062d\u0629 \u0623\u0641\u0643\u0627\u0631 \u0645\u0641\u0635\u0644\u0629\">Detailed moodboard & styling direction<\/li>\r\n            <li data-en=\"1\u20132 realistic 3D renders\" data-ar=\"1\u20132 \u0635\u0648\u0631\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f\">1\u20132 realistic 3D renders<\/li>\r\n            <li data-en=\"Smart furniture layout plan\" data-ar=\"\u0645\u062e\u0637\u0637 \u062a\u0648\u0632\u064a\u0639 \u0623\u062b\u0627\u062b \u0630\u0643\u064a\">Smart furniture layout plan<\/li>\r\n            <li data-en=\"Lighting plan & color palette\" data-ar=\"\u0645\u062e\u0637\u0637 \u0625\u0636\u0627\u0621\u0629 \u0648\u0623\u0644\u0648\u0627\u0646\">Lighting plan & color palette<\/li>\r\n            <li data-en=\"Complete shopping list\" data-ar=\"\u0642\u0627\u0626\u0645\u0629 \u062a\u0633\u0648\u0642 \u0643\u0627\u0645\u0644\u0629\">Complete shopping list<\/li>\r\n          <\/ul>\r\n          <p class=\"pkg-note\" data-en=\"\u2726 Perfect for a clear visual vision before execution.\" data-ar=\"\u2726 \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0631\u0624\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\">\u2726 Perfect for a clear visual vision before execution.<\/p>\r\n        <\/div>\r\n        <div class=\"pkg-bottom\"><div><span class=\"pkg-price-num\">220<\/span><span class=\"pkg-price-kd\"> KD<\/span><\/div><a href=\"#form\" class=\"pkg-btn\" data-en=\"Book Now\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u0627\u0644\u0622\u0646\">Book Now<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"pkg-card\" data-package=\"Room Signature - 350 KD\">\r\n        <div class=\"pkg-tab\"><span class=\"pkg-tab-name\" data-en=\"Signature\" data-ar=\"\u0627\u0644\u0645\u0645\u064a\u0632\">Signature<\/span><\/div>\r\n        <div class=\"pkg-body\">\r\n          <div><div class=\"pkg-name\" data-en=\"Room Signature\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\">Room Signature<\/div><div class=\"pkg-tagline\" data-en=\"A fully considered space, down to the last detail.\" data-ar=\"\u0645\u0633\u0627\u062d\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062d\u062a\u0649 \u0622\u062e\u0631 \u062a\u0641\u0635\u064a\u0644.\">A fully considered space, down to the last detail.<\/div><\/div>\r\n          <ul class=\"pkg-features\">\r\n            <li data-en=\"Two design concepts to choose from\" data-ar=\"\u062e\u064a\u0627\u0631\u0627\u0646 \u062a\u0635\u0645\u064a\u0645\u064a\u0627\u0646\">Two design concepts to choose from<\/li>\r\n            <li data-en=\"3\u20134 high-quality 3D renders\" data-ar=\"3\u20134 \u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\">3\u20134 high-quality 3D renders<\/li>\r\n            <li data-en=\"Full technical plans\" data-ar=\"\u0645\u062e\u0637\u0637\u0627\u062a \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0643\u0627\u0645\u0644\u0629\">Full technical plans<\/li>\r\n            <li data-en=\"Materials & furnishings curation\" data-ar=\"\u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u0627\u0645\u0627\u062a \u0648\u0645\u0641\u0631\u0648\u0634\u0627\u062a\">Materials & furnishings curation<\/li>\r\n            <li data-en=\"Complete PDF \u2014 ready for any contractor\" data-ar=\"\u0645\u0644\u0641 PDF \u0643\u0627\u0645\u0644 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\">Complete PDF \u2014 ready for any contractor<\/li>\r\n          <\/ul>\r\n          <p class=\"pkg-note\" data-en=\"\u2726 For an exceptional space with zero guesswork.\" data-ar=\"\u2726 \u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0628\u062f\u0648\u0646 \u0623\u064a \u062a\u062e\u0645\u064a\u0646.\">\u2726 For an exceptional space with zero guesswork.<\/p>\r\n        <\/div>\r\n        <div class=\"pkg-bottom\"><div><span class=\"pkg-price-num\">350<\/span><span class=\"pkg-price-kd\"> KD<\/span><\/div><a href=\"#form\" class=\"pkg-btn\" data-en=\"Book Now\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u0627\u0644\u0622\u0646\">Book Now<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"pkg-dots\"><div class=\"pkg-dot active\" data-i=\"0\"><\/div><div class=\"pkg-dot\" data-i=\"1\"><\/div><div class=\"pkg-dot\" data-i=\"2\"><\/div><\/div>\r\n  <div class=\"pkg-chat\">\r\n    <a href=\"https:\/\/api.whatsapp.com\/send?phone=96566922988&text=Hi%2C%20I'd%20like%20to%20discuss%20a%20design%20project.\" target=\"_blank\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#25D366\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.116 1.523 5.847L.057 23.943l6.304-1.446A11.938 11.938 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.894a9.88 9.88 0 01-5.034-1.378l-.36-.214-3.742.858.886-3.648-.235-.374A9.861 9.861 0 012.106 12C2.106 6.58 6.58 2.106 12 2.106c5.421 0 9.894 4.474 9.894 9.894 0 5.421-4.473 9.894-9.894 9.894z\"\/><\/svg>\r\n      <span data-en=\"Not sure? Chat with our designer \u2192\" data-ar=\"\u2190 \u0645\u0648 \u0645\u062a\u0623\u0643\u062f\u0629\u061f \u062a\u062d\u062f\u062b\u064a \u0645\u0639 \u0627\u0644\u0645\u0635\u0645\u0645\">Not sure? Chat with our designer \u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"process\">\r\n  <p class=\"s-eyebrow\" data-en=\"How It Works\" data-ar=\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\">How It Works<\/p>\r\n  <h2 class=\"s-title\" data-en=\"Three steps.\" data-ar=\"\u062b\u0644\u0627\u062b \u062e\u0637\u0648\u0627\u062a.\">Three steps.<\/h2>\r\n  <div class=\"process-steps\">\r\n    <div class=\"process-step\"><span class=\"process-num\">01<\/span><div><div class=\"process-title\" data-en=\"Share Your Vision\" data-ar=\"\u0634\u0627\u0631\u0643\u064a \u0631\u0624\u064a\u062a\u0643\">Share Your Vision<\/div><p class=\"process-desc\" data-en=\"Tell us about your space, your family, your style, and your budget. The more detail, the better we design.\" data-ar=\"\u0623\u062e\u0628\u0631\u064a\u0646\u0627 \u0639\u0646 \u0645\u0633\u0627\u062d\u062a\u0643 \u0648\u0639\u0627\u0626\u0644\u062a\u0643 \u0648\u0623\u0633\u0644\u0648\u0628\u0643 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643. \u0643\u0644\u0645\u0627 \u0632\u0627\u062f\u062a \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\u060c \u0643\u0627\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0623\u0641\u0636\u0644.\">Tell us about your space, your family, your style, and your budget. The more detail, the better we design.<\/p><\/div><\/div>\r\n    <div class=\"process-step\"><span class=\"process-num\">02<\/span><div><div class=\"process-title\" data-en=\"We Design Your Space\" data-ar=\"\u0646\u0635\u0645\u0645 \u0645\u0633\u0627\u062d\u062a\u0643\">We Design Your Space<\/div><p class=\"process-desc\" data-en=\"Our designer crafts a tailored concept \u2014 moodboards, layouts, 3D renders, and more. Built around your family's life.\" data-ar=\"\u064a\u0635\u0645\u0645 \u0627\u0644\u0645\u0635\u0645\u0645 \u0645\u0641\u0647\u0648\u0645\u0627\u064b \u0645\u062e\u0635\u0635\u0627\u064b \u2014 \u0644\u0648\u062d\u0627\u062a \u0623\u0641\u0643\u0627\u0631 \u0648\u0645\u062e\u0637\u0637\u0627\u062a \u0648\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f. \u0645\u0628\u0646\u064a \u062d\u0648\u0644 \u062d\u064a\u0627\u0629 \u0639\u0627\u0626\u0644\u062a\u0643.\">Our designer crafts a tailored concept \u2014 moodboards, layouts, 3D renders, and more. Built around your family's life.<\/p><\/div><\/div>\r\n    <div class=\"process-step\"><span class=\"process-num\">03<\/span><div><div class=\"process-title\" data-en=\"Bring It to Life\" data-ar=\"\u0646\u062c\u0633\u0651\u062f \u0627\u0644\u062d\u0644\u0645\">Bring It to Life<\/div><p class=\"process-desc\" data-en=\"Use your complete design package with any contractor \u2014 or let us support the full execution for you.\" data-ar=\"\u0627\u0633\u062a\u062e\u062f\u0645\u064a \u062d\u0632\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u0623\u064a \u0645\u0642\u0627\u0648\u0644 \u2014 \u0623\u0648 \u062f\u0639\u064a\u0646\u0627 \u0646\u062f\u0639\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\">Use your complete design package with any contractor \u2014 or let us support the full execution for you.<\/p><\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"form-section\" id=\"form\">\r\n  <div class=\"form-header\">\r\n    <p class=\"form-eyebrow\" data-en=\"Book Your Design\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u062a\u0635\u0645\u064a\u0645\u0643\">Book Your Design<\/p>\r\n    <h2 class=\"form-title\" data-en=\"Let's build your <em>dream space.<\/em>\" data-ar=\"\u0644\u0646\u0628\u0646\u064a <em>\u0645\u0633\u0627\u062d\u0629 \u0623\u062d\u0644\u0627\u0645\u0643.<\/em>\">Let's build your <em>dream space.<\/em><\/h2>\r\n    <p class=\"form-sub\" data-en=\"Fill in the details and our designer will be in touch within 24 hours.\" data-ar=\"\u0623\u0643\u0645\u0644\u064a \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0645\u0635\u0645\u0645\u0646\u0627 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629.\">Fill in the details and our designer will be in touch within 24 hours.<\/p>\r\n  <\/div>\r\n  <form class=\"qec-form\" id=\"qecForm\" onsubmit=\"submitForm(event)\">\r\n    <div>\r\n      <p class=\"form-pkg-label\" data-en=\"Choose Your Package\" data-ar=\"\u0627\u062e\u062a\u0627\u0631\u064a \u0628\u0627\u0642\u062a\u0643\">Choose Your Package<\/p>\r\n      <div class=\"form-packages\">\r\n        <input type=\"radio\" name=\"package\" id=\"pkg1\" class=\"form-pkg-option\" value=\"Room Starter - 120 KD\" required>\r\n        <label for=\"pkg1\"><span class=\"form-pkg-name\" data-en=\"Room Starter\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0627\u064a\u0629\">Room Starter<\/span><span class=\"form-pkg-price\">120 KD<\/span><\/label>\r\n        <input type=\"radio\" name=\"package\" id=\"pkg2\" class=\"form-pkg-option\" value=\"Room Concept - 220 KD\">\r\n        <label for=\"pkg2\"><span class=\"form-pkg-name\" data-en=\"Room Concept\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0641\u0647\u0648\u0645\">Room Concept<\/span><span class=\"form-pkg-price\">220 KD<\/span><\/label>\r\n        <input type=\"radio\" name=\"package\" id=\"pkg3\" class=\"form-pkg-option\" value=\"Room Signature - 350 KD\">\r\n        <label for=\"pkg3\"><span class=\"form-pkg-name\" data-en=\"Room Signature\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\">Room Signature<\/span><span class=\"form-pkg-price\">350 KD<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\" id=\"group-design\">\r\n      <label data-en=\"What Are You Designing?\" data-ar=\"\u0645\u0627\u0630\u0627 \u062a\u0631\u064a\u062f\u064a\u0646 \u062a\u0635\u0645\u064a\u0645\u0647\u061f\">What Are You Designing?<\/label>\r\n      <textarea placeholder=\"Share your room type, style ideas, colors, measurements, or anything important.\" required><\/textarea>\r\n    <\/div>\r\n    <div class=\"form-group\" id=\"group-name\">\r\n      <label data-en=\"Full Name\" data-ar=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\">Full Name<\/label>\r\n      <input type=\"text\" placeholder=\"Your name\" required>\r\n    <\/div>\r\n    <div class=\"form-group\" id=\"group-phone\">\r\n      <label data-en=\"Phone Number\" data-ar=\"\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\">Phone Number<\/label>\r\n      <input type=\"tel\" placeholder=\"+965 XXXX XXXX\" required>\r\n    <\/div>\r\n    <div class=\"form-group\" id=\"group-email\">\r\n      <label data-en=\"Email\" data-ar=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\">Email<\/label>\r\n      <input type=\"email\" placeholder=\"your@email.com\" required>\r\n    <\/div>\r\n    <div>\r\n      <p class=\"form-pkg-label\" data-en=\"Preferred Contact Method\" data-ar=\"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629\">Preferred Contact Method<\/p>\r\n      <div class=\"form-contact-options\">\r\n        <input type=\"radio\" name=\"contact\" id=\"con-wa\" class=\"form-contact-radio\" value=\"WhatsApp\" required>\r\n        <label for=\"con-wa\" data-en=\"WhatsApp\" data-ar=\"\u0648\u0627\u062a\u0633\u0627\u0628\">WhatsApp<\/label>\r\n        <input type=\"radio\" name=\"contact\" id=\"con-em\" class=\"form-contact-radio\" value=\"Email\">\r\n        <label for=\"con-em\" data-en=\"Email\" data-ar=\"\u0625\u064a\u0645\u064a\u0644\">Email<\/label>\r\n        <input type=\"radio\" name=\"contact\" id=\"con-ph\" class=\"form-contact-radio\" value=\"Phone Call\">\r\n        <label for=\"con-ph\" data-en=\"Phone Call\" data-ar=\"\u0645\u0643\u0627\u0644\u0645\u0629\">Phone Call<\/label>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <p class=\"form-pkg-label\" data-en=\"Would You Like Execution Support?\" data-ar=\"\u0647\u0644 \u062a\u0631\u064a\u062f\u064a\u0646 \u062f\u0639\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u061f\">Would You Like Execution Support?<\/p>\r\n      <div class=\"form-toggle-options\">\r\n        <input type=\"radio\" name=\"execution\" id=\"exec-yes\" class=\"form-toggle-radio\" value=\"Yes\" required>\r\n        <label for=\"exec-yes\" data-en=\"Yes, I'm interested\" data-ar=\"\u0646\u0639\u0645\u060c \u0623\u0646\u0627 \u0645\u0647\u062a\u0645\u0629\">Yes, I'm interested<\/label>\r\n        <input type=\"radio\" name=\"execution\" id=\"exec-no\" class=\"form-toggle-radio\" value=\"No\">\r\n        <label for=\"exec-no\" data-en=\"No, design only\" data-ar=\"\u0644\u0627\u060c \u062a\u0635\u0645\u064a\u0645 \u0641\u0642\u0637\">No, design only<\/label>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-deposit\" id=\"group-deposit\">\r\n      <input type=\"checkbox\" id=\"deposit\" required>\r\n      <label for=\"deposit\" class=\"form-deposit-check\"><\/label>\r\n      <p class=\"form-deposit-text\" data-en=\"I understand that a <strong>non-refundable 30 KD deposit<\/strong> is required to reserve my project.\" data-ar=\"\u0623\u0641\u0647\u0645 \u0623\u0646 <strong>\u0639\u0631\u0628\u0648\u0646\u0627\u064b \u063a\u064a\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0628\u0642\u064a\u0645\u0629 30 \u062f.\u0643<\/strong> \u0645\u0637\u0644\u0648\u0628 \u0644\u062d\u062c\u0632 \u0645\u0634\u0631\u0648\u0639\u064a.\">I understand that a <strong>non-refundable 30 KD deposit<\/strong> is required to reserve my project.<\/p>\r\n    <\/div>\r\n    <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\" data-en=\"Continue to Deposit \u2192\" data-ar=\"\u2190 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u0644\u0649 \u0627\u0644\u062f\u0641\u0639\">Continue to Deposit \u2192<\/button>\r\n    <p class=\"form-note\" data-en=\"You will be redirected to complete your 30 KD deposit after submission.\" data-ar=\"\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0625\u062a\u0645\u0627\u0645 \u062f\u0641\u0639 \u0627\u0644\u0639\u0631\u0628\u0648\u0646 \u0628\u0639\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644.\">You will be redirected to complete your 30 KD deposit after submission.<\/p>\r\n  <\/form>\r\n  <div class=\"form-success\" id=\"formSuccess\">\r\n    <div class=\"form-success-icon\">\ud83d\udda4<\/div>\r\n    <h3 class=\"form-success-title\" data-en=\"Thank you!\" data-ar=\"\u0634\u0643\u0631\u0627\u064b \u0644\u0643!\">Thank you!<\/h3>\r\n    <p class=\"form-success-sub\" data-en=\"Your request has been received. Our designer will contact you within 24 hours.\" data-ar=\"\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643. \u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0645\u0635\u0645\u0645\u0646\u0627 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629.\">Your request has been received. Our designer will contact you within 24 hours.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer class=\"footer\">\r\n  <div class=\"footer-links\">\r\n    <a href=\"https:\/\/www.instagram.com\/qeccoo\">Instagram<\/a>\r\n    <a href=\"https:\/\/api.whatsapp.com\/send?phone=96566922988\">WhatsApp<\/a>\r\n    <a href=\"https:\/\/qeccoo.com\/contact-us\/\">Contact<\/a>\r\n  <\/div>\r\n  <p class=\"footer-copy\">\u00a9 2026 Qeccoo \u00b7 Kuwait & GCC<\/p>\r\n<\/footer>\r\n\r\n<div class=\"sticky-cta\">\r\n  <div class=\"sticky-cta-text\">\r\n    <strong data-en=\"Reserve with 30 KD\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u0628\u0640 30 \u062f.\u0643\">Reserve with 30 KD<\/strong>\r\n    <span data-en=\"non-refundable deposit\" data-ar=\"\u0639\u0631\u0628\u0648\u0646 \u063a\u064a\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f\">non-refundable deposit<\/span>\r\n  <\/div>\r\n  <a href=\"#packages\" class=\"sticky-cta-btn\" data-en=\"Book Now\" data-ar=\"\u0627\u062d\u062c\u0632\u064a \u0627\u0644\u0622\u0646\">Book Now<\/a>\r\n<\/div>\r\n\r\n<script>\r\nvar isAr = false;\r\nfunction toggleLang() {\r\n  isAr = !isAr;\r\n  document.documentElement.setAttribute(\"lang\", isAr ? \"ar\" : \"en\");\r\n  document.documentElement.setAttribute(\"dir\", isAr ? \"rtl\" : \"ltr\");\r\n  document.getElementById(\"langBtn\").textContent = isAr ? \"English\" : \"\u0639\u0631\u0628\u064a\";\r\n  document.querySelectorAll(\"[data-en][data-ar]\").forEach(function(el) {\r\n    var txt = isAr ? el.getAttribute(\"data-ar\") : el.getAttribute(\"data-en\");\r\n    if (txt && txt.indexOf(\"<\") !== -1) { el.innerHTML = txt; } else if (txt) { el.textContent = txt; }\r\n  });\r\n}\r\nvar wrap = document.querySelector(\".pkg-scroll-wrap\");\r\nvar dots = document.querySelectorAll(\".pkg-dot\");\r\nvar cards = document.querySelectorAll(\".pkg-card\");\r\nif (wrap) {\r\n  wrap.addEventListener(\"scroll\", function() {\r\n    var active = Math.round(wrap.scrollLeft \/ (cards[0].offsetWidth + 12));\r\n    dots.forEach(function(d, i) { d.classList.toggle(\"active\", i === active); });\r\n  });\r\n  dots.forEach(function(dot) {\r\n    dot.addEventListener(\"click\", function() {\r\n      wrap.scrollTo({ left: parseInt(dot.getAttribute(\"data-i\")) * (cards[0].offsetWidth + 12), behavior: \"smooth\" });\r\n    });\r\n  });\r\n}\r\ndocument.querySelectorAll(\".pkg-btn\").forEach(function(btn) {\r\n  btn.addEventListener(\"click\", function(e) {\r\n    e.preventDefault();\r\n    var card = btn.closest(\"[data-package]\");\r\n    var pkg = card ? card.getAttribute(\"data-package\") : null;\r\n    if (!pkg) return;\r\n    document.querySelectorAll(\"input[name='package']\").forEach(function(input) {\r\n      input.checked = false; input.classList.remove(\"js-selected\");\r\n      if (input.value === pkg) { input.checked = true; input.classList.add(\"js-selected\"); }\r\n    });\r\n    var lbl = document.querySelector(\".form-pkg-label\");\r\n    if (lbl) window.scrollTo({ top: lbl.getBoundingClientRect().top + window.pageYOffset - 80, behavior: \"smooth\" });\r\n  });\r\n});\r\nfunction submitForm(e) {\r\n  e.preventDefault();\r\n  var btn = document.getElementById(\"submitBtn\");\r\n  btn.textContent = \"...\"; btn.disabled = true;\r\n  var pkg = document.querySelector(\"input[name='package']:checked\");\r\n  var contact = document.querySelector(\"input[name='contact']:checked\");\r\n  var execution = document.querySelector(\"input[name='execution']:checked\");\r\n  var deposit = document.getElementById(\"deposit\");\r\n  if (!pkg || !contact || !execution || !deposit.checked) {\r\n    btn.textContent = isAr ? \"\u2190 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u0644\u0649 \u0627\u0644\u062f\u0641\u0639\" : \"Continue to Deposit \u2192\";\r\n    btn.disabled = false; return;\r\n  }\r\n  var name = document.querySelector(\"#group-name input\").value;\r\n  var phone = document.querySelector(\"#group-phone input\").value;\r\n  var email = document.querySelector(\"#group-email input\").value;\r\n  var vision = document.querySelector(\"#group-design textarea\").value;\r\n\r\n  \/\/ Send to Formspree\r\n  fetch(\"https:\/\/formspree.io\/f\/xgoqdvvv\", {\r\n    method: \"POST\",\r\n    headers: { \"Content-Type\": \"application\/json\", \"Accept\": \"application\/json\" },\r\n    body: JSON.stringify({\r\n      package: pkg.value,\r\n      name: name,\r\n      phone: phone,\r\n      email: email,\r\n      contact: contact.value,\r\n      execution: execution.value,\r\n      vision: vision,\r\n      _subject: \"New Space Design Booking \u2014 \" + pkg.value\r\n    })\r\n  }).then(function() {\r\n    document.getElementById(\"qecForm\").style.display = \"none\";\r\n    document.getElementById(\"formSuccess\").style.display = \"block\";\r\n    setTimeout(function(){ window.location.href = \"https:\/\/portal.myfatoorah.com\/KWT\/le\/060617114991008261\"; }, 2000);\r\n  }).catch(function() {\r\n    document.getElementById(\"qecForm\").style.display = \"none\";\r\n    document.getElementById(\"formSuccess\").style.display = \"block\";\r\n    setTimeout(function(){ window.location.href = \"https:\/\/portal.myfatoorah.com\/KWT\/le\/060617114991008261\"; }, 2000);\r\n  });\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Design My Space \u2014 Qeccoo Home \u0639\u0631\u0628\u064a Book Now Design My Space Every corner of your home. No space is<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2037","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/pages\/2037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/comments?post=2037"}],"version-history":[{"count":9,"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/pages\/2037\/revisions"}],"predecessor-version":[{"id":2084,"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/pages\/2037\/revisions\/2084"}],"wp:attachment":[{"href":"https:\/\/qeccoo.com\/%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9\/wp-json\/wp\/v2\/media?parent=2037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}